如何在android中制作这种形状的按钮?

时间:2016-06-15 09:19:22

标签: android android-layout android-studio android-button

enter image description here

如何为按钮创建此背景xml。

3 个答案:

答案 0 :(得分:4)

在Drawable文件夹中使用xml file并将其作为android:background="@drawable/xmlFile"

分配给TextView
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <corners
        android:radius="100dip"/>
    <solid
        android:color="#FFF" />
    <stroke
        android:width="2dip"
        android:color="#F00" />
    <padding
        android:left="6dip"
        android:right="6dip"
        android:top="5dip"
        android:bottom="5dip" />
</shape>

答案 1 :(得分:0)

试试这个

http://tips.androidhive.info/2013/09/android-layout-rounded-corner-border/

http://android--code.blogspot.in/2015/01/android-rounded-corners-button.html

在drawable文件夹中添加xml文件并添加此代码

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

<!-- view background color -->
<solid
    android:color="#a9c5ac" >
</solid>

<!-- view border color and width -->
<stroke
    android:width="3dp"
    android:color="#1c1b20" >
</stroke>

<!-- If you want to add some padding -->
<padding
    android:left="4dp"
    android:top="4dp"
    android:right="4dp"
    android:bottom="4dp"    >
</padding>

<!-- Here is the corner radius -->
<corners
    android:radius="10dp"   >
</corners>

</shape>

并将按钮更改为此xml的背景为 android:background="@drawable/yourxml"

答案 2 :(得分:0)

将此按钮背景创建为可绘制资源,如下所示。

<强> button_background.xml

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

    <item android:state_focused="true">
        <shape>
            <solid android:color="#f5f5f5" />

            <corners android:radius="8dp" />
            <stroke android:width="4dp" android:color="#FF0000" />
            <padding android:bottom="16dp" android:left="16dp" android:right="16dp" android:top="16dp" />
        </shape>
    </item>
    <item android:state_enabled="true" android:state_focused="false">
        <shape>

            <solid android:color="#ffffff" />
            <corners android:radius="8dp" />
            <stroke android:width="4dp" android:color="#FF0000" />
            <padding android:bottom="16dp" android:left="16dp" android:right="16dp" android:top="16dp" />
        </shape>
    </item>


</selector>

然后只需在按钮上使用

<Button 
   android:layout_width="match_parent"
   android:layout_height="wrap_content" 
   android:text="Your Text"
   android:textColor="#FF0000"
   android:background="@drawable/button_background" />