android - 如何在 Android 中创建这种类型的按钮

Question

如何在android中创建这种类型的按钮。我试过 。我可以知道什么是实现我的目标的正确方法吗？也许这个问题太基础了，但我没有找到任何合适的解决方案。请帮助我。

我想创建这个

               <Button
                android:id="@+id/Btn1"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:background="@drawable/green_circle"
                android:textSize="20sp"
                android:textColor="@android:color/white"
                android:clickable="true"
                />

这是 green_circle.xml :

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
     <stroke android:width="1sp" android:color="#54d66a" />
</shape>

当我使用它时，按钮看起来

我怎样才能得到我想要的按钮。感谢任何帮助

Answer 1

您定义了 1sp(顺便说一句，您应该使用“dp”。)圆并且您明白了。我认为实现您想要的最简单方法是使用图层列表 xml 元素 - 只需将当前绘图作为第一层并将第二层作为中心点(只是带有一些边距的实心椭圆)这里有文档:http://developer.android.com/guide/topics/resources/drawable-resource.html#LayerList简单用法(这不是你的情况，但我认为它向你展示了你应该做什么):

<layer-list >
    <item>
        <shape android:shape="rectangle">
            <corners android:radius="2dp"/>
            <solid android:color="@color/grey"/>
        </shape>
    </item>
    <item android:bottom="2dp">
        <shape android:shape="rectangle">
            <corners android:radius="2dp"/>
            <solid android:color="@color/green_light"/>
        </shape>
    </item>
</layer-list>

关键是 android:bottom="2dp" 导致前景层小于背景层。