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);
}

}

しかし、私はビューを利用する方法を理解できません。linearlayout または relativelayout に複数のビューを追加しようとするたびに、1 つのビューしか表示されません。

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);

}

結果:

上記のlinearlayoutコードの結果..

これは間違ったルートですか？このビューを複数回使用するための明らかな鍵がありませんか? これが正しいルートでない場合、カスタム形状を作成する他の方法はありますか? おそらくrectShapeを拡張していますか？

4

2 に答える 2

1

Mibollma のアドバイスに従って、UI の高速化に関する Google I/O 2009 の上記のビデオを見ました。

この情報は、2 年後も確実に適用できます。ViewHolder を使用してすべての ListView を高速化できただけでなく、質問に対する答えを見つけることができました。

カスタム ビューを作成する場合、2 つのメソッドをオーバーライドする必要があります。最初のメソッドは上にリストされています: onDraw。

欠けている方法？onMeasure()。詳細については、こちらを参照してください。

于 2011-07-03T09:22:21.397 に答える
1

あなたはこれを見たいと思うかもしれません。

Romainはそこでカスタム ビューを実行する方法を説明しています。

于 2011-07-01T19:26:02.057 に答える