可以在 XML 中创建固定宽度的可绘制对象吗？

Question

我正在尝试简化一些图形，从每个密度需要 9 个补丁，到仅使用 XML 可绘制对象。这是一个相当简单的图形：

2 段：

• 两个段宽 8dp
• 顶部为 2dp 高
• 底部填充视图
• 右侧填充透明度

当设置为背景图片时给出这个结果：

看起来这应该很容易重新创建为 XML 可绘制对象，并且可以避免创建 5 个不同的 9-patch 图形。但是，我已经查看了图层列表可绘制对象、插图可绘制对象、剪辑可绘制对象——它们似乎都要求您事先知道视图的大小（例如，要将其保持为 2dp 的插图，您需要设置 @ 987654323@ 到视图的宽度 - 2dp）。我还尝试使用shape 标签的size 标签，但这并没有保持固定大小，只是固定比例（因此对于更高的视图，它将按比例缩放）。

我是否忽略了一些简单的事情，或者这是我必须在布局后以编程方式检查的事情？

Answer 1

这是不可能的。这是我找到的最佳解决方案。只有xml，没有编码，没有位图，没有额外的视图）

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">

        <solid
            android:color="#ff0000" />
    </shape>
</item>
<item
    android:top="4dp">
    <shape
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">

        <solid
            android:color="#00ff00" />
    </shape>
</item>

<item
    android:left="10dp">
    <shape
        android:shape="rectangle">
        <solid
            android:color="#FFFFFF" />
    </shape>
</item> 
</layer-list>

您可以通过代码制作具有所需行为的自己的可绘制类型。 Xml drawable 非常有限。恕我直言，我的建议最接近您的要求。

Answer 2

我认为@Leonidos 的答案非常接近我的建议，除了我将可绘制对象用作单独的视图而不是整个列表详细信息布局的背景。这允许它是一个固定的宽度，并让项目文本有自己的背景。如果我不理解您的限制，请告诉我。

下面的文件是“res/drawable/list_left_border”

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#e76e63" />
        </shape>
    </item>
    <item android:top="2dp">
        <shape android:shape="rectangle" >
            <solid android:color="#ffc257" />
        </shape>
    </item>

</layer-list>

然后在“res/layout/list_item.xml”中的列表项的布局上

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    tools:context=".MainActivity" >

    <View
        android:background="@drawable/list_left_border"
        android:layout_width="8dp"
        android:layout_height="match_parent" />

    <TextView
        android:id="@+id/listItemText"
        android:textSize="15sp"
        android:padding="10dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

这是图片。背景为粉红色表示列表项是透明的。

Answer 3

我将更进一步，建议对 AndroidGuy 的答案稍作修改，其中包括 Leonidos 的答案。

相同的drawable XML，不同的列表项XML如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity" >

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="100sp">

    <ImageView
        android:layout_width="8dp"
        android:layout_height="match_parent"
        android:src="@drawable/list_left_border" />

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:text="Item Text"
        android:textSize="22sp" >
    </TextView>
</FrameLayout>

FrameLayout 提供原始背景行为，而不是分离到新视图中。

我在下面展示了这个，并带有背景来演示：

不过，这确实不值得。