Android 如何使按钮看起来像列表

在我的应用程序中，我有如下按钮：

我想让它们看起来像这样：

我的

background.xml

如下：

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

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#ababab" />   
</shape>  

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#ffffff" /> 
    <stroke android:width="3dp" color="#ff000000" /> 
    <corners android:radius="15dp" /> 
    <padding 
        android:left="10dp" 
        android:top="10dp" 
        android:right="10dp" 
        android:bottom="10dp" /> 
</shape>

而

shape.xml

如下所示：

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

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#ababab" />   
</shape>  

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#ffffff" /> 
    <stroke android:width="3dp" color="#ff000000" /> 
    <corners android:radius="15dp" /> 
    <padding 
        android:left="10dp" 
        android:top="10dp" 
        android:right="10dp" 
        android:bottom="10dp" /> 
</shape>

---

如何获得所需的按钮外观？

可以通过位图或图像来实现。你需要三张照片。一个用于顶部按钮，一个用于中间按钮，一个用于底部按钮。然后将按钮设置为相应的背景图像。

顶部形状：

<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners
        android:topLeftRadius="5dp"
        android:topRightRadius="5dp" />
    <padding
        android:left="3dp"
        android:top="3dp"
        android:right="3dp"
        android:bottom="3dp" />
    <solid
        android:color="#ffffffff" />
    <stroke
        android:width="2dp"
        android:color="#ff000000" />
</shape>

中间形状：

<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <padding
        android:left="3dp"
        android:top="3dp"
        android:right="3dp"
        android:bottom="3dp" />
    <solid
        android:color="#ffffffff" />
    <stroke
        android:width="2dp"
        android:color="#ff000000" />
</shape>

底部形状：

<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners
        android:bottomLeftRadius="5dp"
        android:bottomRightRadius="5dp" />
    <padding
        android:left="3dp"
        android:top="3dp"
        android:right="3dp"
        android:bottom="3dp" />
    <solid
        android:color="#ffffffff" />
    <stroke
        android:width="2dp"
        android:color="#ff000000" />
</shape>

例如：

<Button
    android:background="@drawable/top"
    android:layout_width="150dp"
    android:layout_height="wrap_content"
    android:text="Top" />
<Button
    android:background="@drawable/middle"
    android:layout_width="150dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="-2dp"
    android:text="Middle" />
<Button
    android:background="@drawable/bottom"
    android:layout_width="150dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="-2dp"
    android:text="Bottom" />

看看android:layout_marginTop=“-2dp”——你需要它来重叠顶部按钮的边框和底部按钮的边框

结果（图形不太好，sry）：

经过一些调整后，你会得到一个你所期望的形状

---

我的调整：

我采用不同的方法来实现这一点

通常我会创建一个圆角背景，它与整套按钮的背景相对应。（通常我有一个线性布局来包装它们。）然后，每个按钮之间都有一个分隔符

这应该以一种简单的方式满足您的需求