2

我想实现类似结构的图表。

对于条形图,我使用的是 no。我的主要活动中的按钮数,因此输出如下:

截屏


然后我正在创建新类,该类扩展View以便使用画布为图形绘制 x 和 y 轴,如下所示:

public class Draw extends View {

Paint paint = new Paint();

public Draw(Context context) {
    super(context);
    paint.setColor(Color.BLACK);
  }

@Override
public void onDraw(Canvas canvas) {

    canvas.drawLine(20, 50, 20, 200, paint);
    canvas.drawLine(20, 200, 200, 200, paint);
  }
}

但问题是,在我的主要活动中使用以下代码行之后:

Draw draw = new Draw(this);
setContentView(draw);

当我ContentView再次设置时,我得到以下输出:

截屏


所以我的问题是如何整合这两个视图以获得以下输出:

截屏

有没有其他方法可以做同样的事情?
任何帮助表示赞赏。

编辑

根据各种建议,我删除了

Draw draw = new Draw(this);
setContentView(draw);

从我的活动类中,而是将这些行放在主 xml 布局中。

<com.example.calci.Draw 
    android:id="@+id/draw" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" />

但我得到以下异常

java.lang.RuntimeException: Unable to start activity ComponentInfo{com.example.calci/com.example.calci.CalciActivity}: android.view.InflateException: Binary XML file line #468: Error inflating class com.example.calci.Draw

Caused by: java.lang.NoSuchMethodException: Draw(Context,AttributeSet)
at java.lang.Class.getMatchingConstructor(Class.java:643)
at java.lang.Class.getConstructor(Class.java:472)
at android.view.LayoutInflater.createView(LayoutInflater.java:480)

编辑 2

通过添加AttributeSet attributeSet到构造函数,我得到了想要的结果。

但是任何人都可以建议我是否应该使用画布中的按钮或矩形来绘制条形图。

请注意,我需要根据seekbar值动态修改条形图的高度。

4

2 回答 2

4

如果您使用 xml 进行条形图布局,则可以在其中包含新创建的视图,如下所示:

<view
    class="your.package.name.ProjectName$NameOfYourClass" 
    id="@+id/draw"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" />

更多关于使用自定义组件:http: //developer.android.com/guide/topics/ui/custom-components.html

于 2012-09-26T06:16:15.093 回答
1

要回答您的问题,您可以将Draw视图包含在与条形图布局相同的布局中,也许在 a 中FrameLayout,并避免两次设置内容视图。

然而,在图表应用程序中使用按钮似乎更像是一种 hack。Canvas您也可以像绘制轴一样考虑绘制条形图。

于 2012-09-26T06:12:06.170 回答