在XML可绘制文件中绘制多个矩形

Question

在XML可绘制文件中绘制多个矩形

6

我正在尝试找出如何在Android的xml drawable中创建一个3x3小矩形行。
这并没有使我更接近目标（只有两个小矩形，但它们重叠在一起）：

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

    <item android:left="20dp" android:top="20dp" android:right="25dp" android:bottom="25dp" >
        <shape android:shape="rectangle">
            <stroke android:width="1px" android:color="#fff" />
            <solid android:color="#00FF0000" />
            <corners android:radius="3dp" />
        </shape>
    </item>


    <item android:left="30dp" android:top="30dp" android:right="35dp" android:bottom="25dp" >
    <shape android:shape="rectangle">
            <stroke android:width="1px" android:color="#fff" />
            <solid android:color="#00FF0000" />
            <corners android:radius="3dp" />
            <size android:width="10dp"
                  android:height="10dp"/>
        </shape>
    </item>


</layer-list>

- WOPR

3个回答

1

请查看图层列表文档。

这将澄清

 top ， left ， bottom 和 right 是维度中的属性，用于偏移项目的：该项目本身应从其父级（图层列表）的边框放置多远。
如果您知道您的层列表的宽度为130 dp，高度为130 dp，并且想在那里放置3x3个矩形，则第一个偏移应为
top: 10
left: 10
bottom: 90
right: 90


并且下一个是（第一行，第二列）：

top: 10
left: 50
bottom: 90
right: 50

- rekaszeru

第一行顶部：50 左侧：10 底部：50 右侧：90第二行顶部：90 左侧：10 底部：10 右侧：90 - Lunf

0

正如讨论所揭示的那样，使用位图仅限于真实的位图；其他（XML）可绘制对象不能在此处使用。

ScaleDrawables 应该是您需要的合适解决方案。它们应该提供您需要调整其位置以适应结果边界框的属性。

然而，ScaleDrawables 的问题在于它们旨在用于动画。它们似乎从级别 0 开始，这使它们变得非常小且不可见。此外，似乎无法在 XML 中设置级别。

如果您可以接受在代码中设置 ScaleDrawables 的级别，请尝试一下。

另请参见 this question。

- class stacker

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ted Hopp · Accepted Answer

问题的一部分在于图层列表中的各个项目被缩放到可绘制对象的总大小。如文档所述，您可以通过将小正方形包装在bitmap可绘制对象中来解决此问题。可能会像这样工作。首先，将基本形状定义为单独的可绘制对象：

drawable/square.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <stroke android:width="1px" android:color="#fff" />
    <solid android:color="#00FF0000" />
    <corners android:radius="3dp" />
    <size android:width="10dp" android:height="10dp"/>
</shape>

请注意，由于@Someone Somewhere在评论中指出，您无法在标签中引用形状可绘制对象，因此如果您想让其余部分起作用，您需要将正方形创建为实际的位图图形。然后，您可以定义一个图层列表，不会缩放各个正方形：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- first row -->
    <item android:left="20dp" android:top="20dp">
        <bitmap android:src="@drawable/square" android:gravity="top|left" />
    </item>
    <item android:left="35dp" android:top="20dp">
        <bitmap android:src="@drawable/square" android:gravity="top|left" />
    </item>
    <item android:left="50dp" android:top="20dp">
        <bitmap android:src="@drawable/square" android:gravity="top|left" />
    </item>

    <!-- second row -->
    <item android:left="20dp" android:top="35dp">
        <bitmap android:src="@drawable/square" android:gravity="top|left" />
    </item>
    <item android:left="35dp" android:top="35dp">
        <bitmap android:src="@drawable/square" android:gravity="top|left" />
    </item>
    <item android:left="50dp" android:top="35dp">
        <bitmap android:src="@drawable/square" android:gravity="top|left" />
    </item>

    <!-- third row -->
    <item android:left="20dp" android:top="50dp">
        <bitmap android:src="@drawable/square" android:gravity="top|left" />
    </item>
    <item android:left="35dp" android:top="50dp">
        <bitmap android:src="@drawable/square" android:gravity="top|left" />
    </item>
    <item android:left="50dp" android:top="50dp">
        <bitmap android:src="@drawable/square" android:gravity="top|left" />
    </item>
</layer-list>

我没有测试过这个，所以可能会有些偏差，但是你应该能够微调它来得到想要的结果。重要的是要消除缩放。