除了XML布局，如何以其他方式绘制自定义视图装饰？

Question

下面是我使用下面的代码创建的图形。 但是，我打算将其与布局文件一起使用多次。 有谁知道最好的方法是删除线性布局，同时保持该图形的外观不变，并使视图数保持最少？

使用线性布局的主要好处是可以使用布局权重将矩形均匀地间隔开，但是不幸的是，当删除线性布局并且必须对相对布局进行回复时，似乎没有相等的间距而不使用dp度量单位（不是我想要的，尤其是考虑到Android屏幕具有所有不同尺寸的事实）。

    <RelativeLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#808080" >
        <include
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_gravity="center"
            layout="@layout/textview_carriage2"/>
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="10dp"
            android:layout_alignParentTop="true"
            android:orientation="horizontal"
            android:weightSum="100"
            android:baselineAligned="false" >

            <include
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="20"
                layout="@layout/view_emptyrect_red"/>

            <include
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:layout_weight="7"
                layout="@layout/view_spacebetweenwindows"/>

            <include
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="20"
                layout="@layout/view_emptyrect_red"/>

            <include
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:layout_weight="6"
                layout="@layout/view_spacebetweenwindows"/>

            <include
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="20"
                layout="@layout/view_emptyrect_red"/>

            <include
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:layout_weight="7"
                layout="@layout/view_spacebetweenwindows"/>

            <include
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="20"
                layout="@layout/view_emptyrect_red"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="10dp"
            android:layout_alignParentBottom="true"
            android:orientation="horizontal"
            android:weightSum="100"
            android:baselineAligned="false" >

            <include
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="20"
                layout="@layout/view_emptyrect_red"/>

            <include
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:layout_weight="7"
                layout="@layout/view_spacebetweenwindows"/>

            <include
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="20"
                layout="@layout/view_emptyrect_red"/>

            <include
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:layout_weight="6"
                layout="@layout/view_spacebetweenwindows"/>

            <include
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="20"
                layout="@layout/view_emptyrect_red"/>

            <include
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:layout_weight="7"
                layout="@layout/view_spacebetweenwindows"/>

            <include
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="20"
                layout="@layout/view_emptyrect_red"/>
        </LinearLayout>
    </RelativeLayout>

Answer 1

对于这样的简单装饰，使用XML布局是过分的解决方案。 而是扩展TextView （或其他View如果需要））并重写onDraw()方法。

创建字段paint并在您从所有构造函数调用的init()方法中对其进行init() ：

Paint paint;

private void init() {
    paint = new Paint();
    paint.setColor(Color.RED);
    paint.setStrokeWidth(4); // convert to dp?
    paint.setStyle(Paint.Style.STROKE); // delete line for filled rect
}

onDraw()方法应如下所示：（自定义！）

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    int w = canvas.getWidth();
    int h = canvas.getHeight();

    int rectWidth = w/5;
    int space = w/15;
    int topRectHeight = getPaddingTop();
    int bottomRectHeight = getPaddingBottom();

    for (int i = 0; i < 4; i++) {
        int left = i * (rectWidth + space);
        int right = left + rectWidth;

        Rect rect = new Rect(left, 0, right, topRectHeight);
        canvas.drawRect(rect, paint);

        Rect rect2 = new Rect(left, h - bottomRectHeight, right, h);
        canvas.drawRect(rect2, paint);
    }
}

这将在填充区域中绘制矩形。 请注意，宽度应由match_parent ， weight或dp固定值指定。

然后只需将视图放入XML

<your.package.RectangleTextView 
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingTop="10dp"
    android:paddingBottom="10dp"
    android:text="2"
    android:gravity="center" />