使用具有多个圆形项目的图层列表
Using a layer-list with multiple circular items
我正在尝试制作一个大致类似于
的形状
我知道我需要一个 layer-list
,其中 3 个项目堆叠在一起,其中两个从左上角和右下角偏移。这是我的代码
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:right="8dp" android:bottom="8dp">
<shape android:shape="oval">
<solid android:color="@color/color_white" />
</shape>
</item>
<item android:top="8dp" android:left="8dp">
<shape android:shape="oval">
<solid android:color="@color/color_gray" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="@color/color_circle" />
</shape>
</item>
</layer-list>
但是我没有得到正确的输出。更具体地说,白色和黑色的形状比中间的小,如您在此处看到的
我不知道为什么会这样。谁能帮帮我?谢谢
尝试为每个形状指定宽度和高度:
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:right="8dp" android:bottom="8dp">
<shape android:shape="oval">
<solid android:color="@android:color/white" />
<size android:width="50dp" android:height="50dp" />
</shape>
</item>
<item android:top="8dp" android:left="8dp">
<shape android:shape="oval">
<solid android:color="@android:color/black" />
<size android:width="50dp" android:height="50dp" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="@android:color/darker_gray" />
<size android:width="50dp" android:height="50dp" />
</shape>
</item>
</layer-list>
这给了我下面的图像:
我正在尝试制作一个大致类似于
的形状我知道我需要一个 layer-list
,其中 3 个项目堆叠在一起,其中两个从左上角和右下角偏移。这是我的代码
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:right="8dp" android:bottom="8dp">
<shape android:shape="oval">
<solid android:color="@color/color_white" />
</shape>
</item>
<item android:top="8dp" android:left="8dp">
<shape android:shape="oval">
<solid android:color="@color/color_gray" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="@color/color_circle" />
</shape>
</item>
</layer-list>
但是我没有得到正确的输出。更具体地说,白色和黑色的形状比中间的小,如您在此处看到的
我不知道为什么会这样。谁能帮帮我?谢谢
尝试为每个形状指定宽度和高度:
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:right="8dp" android:bottom="8dp">
<shape android:shape="oval">
<solid android:color="@android:color/white" />
<size android:width="50dp" android:height="50dp" />
</shape>
</item>
<item android:top="8dp" android:left="8dp">
<shape android:shape="oval">
<solid android:color="@android:color/black" />
<size android:width="50dp" android:height="50dp" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="@android:color/darker_gray" />
<size android:width="50dp" android:height="50dp" />
</shape>
</item>
</layer-list>
这给了我下面的图像: