1

我制作了一个非常简单的 customView，一个灰色矩形，矩形内带有任意数量的红色标记，以百分比标记。

public class DemoView extends View {
private ShapeDrawable mDrawable;
private ArrayList<ShapeDrawable> mMarks;

public DemoView(Context context, int[] marks) {
    super(context);
    int x = 0;
    int y = 0;
    int width = 100;
    int height = 10;
    // Timeline Initially empty

    mDrawable = new ShapeDrawable(new RectShape());
    mDrawable.getPaint().setColor(Color.GRAY);
    mDrawable.setBounds(x, y, x + width, y + height);
    // Add marks
    if (marks != null && marks.length % 2 == 0) {
        mMarks = new ArrayList<ShapeDrawable>(marks.length / 2);
        ShapeDrawable mark;
        for (int i = 1; i < marks.length; i = i + 2) {
            mark = new ShapeDrawable(new RectShape());
            mark.getPaint().setColor(Color.RED);
            mark.setBounds(x + marks[i - 1], y, x + marks[i], y + height);
            mMarks.add(mark);
        }
    }
}

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    mDrawable.draw(canvas);
    if (mMarks != null)
        for (ShapeDrawable mark : mMarks)
            mark.draw(canvas);
}

}

但是我不知道如何使用视图。每次我尝试在线性布局或相对布局中添加多个视图时，我只会看到其中一个视图。

XML:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/llayout"
>
<TextView  
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:text="@string/hello"
/>
</LinearLayout>

布局代码：

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    LinearLayout ll = (LinearLayout) findViewById(R.id.llayout);
    demoview = new DemoView(this, new int[]{10,15,35,60});
    demoview.setId(ID_NUM++);
    ll.addView(demoview);
    demoview2 = new DemoView(this, new int[]{0,1,3,6});
    demoview2.setId(ID_NUM++);
    ll.addView(demoview2);
    demoview3 = new DemoView(this, new int[]{25,60});
    demoview3.setId(ID_NUM++);
    ll.addView(demoview3);
    demoview4 = new DemoView(this, new int[]{15,60});
    demoview4.setId(ID_NUM++);
    ll.addView(demoview4);

}

结果是：

上面的线性布局代码的结果..

这是错误的路线吗？我是否错过了多次使用此视图的一些明显关键？如果这不是正确的路线，是否还有其他方法可以制作自定义形状？也许扩展 rectShape？

4

2 回答 2

1

你可能想看这个。

Romain解释了如何在那里进行自定义视图。

于 2011-07-01T19:26:02.057 回答
1

根据 Mibollma 的建议，我观看了上面的视频，这是来自 Google I/O 2009 的关于加速 UI 的视频。

该信息绝对在两年后仍然适用。通过使用 ViewHolder，我不仅能够加快所有 ListViews 的速度，而且还能够找到问题的答案。

创建自定义视图时，必须重写两个方法，上面列出了第一个：onDraw。

缺少的方法？测量（）。更多信息可以在这里找到。

于 2011-07-03T09:22:21.397 回答