如何使用xml样式创建自定义按钮

时间:2013-10-08 12:32:58

标签: android

enter image description here

请建议有人如何在Android中使用xml样式创建这样的按钮,而不使用颜色,形状和样式的任何图像。

2 个答案:

答案 0 :(得分:4)

使用layer-list进行此操作。请尝试以下代码

<Button
        android:id="@+id/button_register"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/button_background"
        android:text="Cancel"
        android:padding="15dp"
        android:textStyle="bold"
         />

button_background.xml

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

    <item>
        <shape android:shape="rectangle" >

    <gradient
        android:endColor="#FFFFFF"
        android:startColor="#A9A9A9"
        android:type="linear" />


            <stroke
                android:width="2dp"
                android:color="#5E2612" />


            <corners
                android:bottomLeftRadius="10dp"
                android:bottomRightRadius="10dp"
                android:topLeftRadius="10dp"
                android:topRightRadius="10dp" />
        </shape>
    </item>
    <item
        android:bottom="4dp"
        android:left="4dp"
        android:right="4dp"
        android:top="4dp">
        <shape android:shape="rectangle" >
            <gradient
                android:angle="90"
                android:endColor="#A9A9A9"
                android:startColor="#FFFFFF"
                android:type="linear" />

            <corners
                android:bottomLeftRadius="10dp"
                android:bottomRightRadius="10dp"
                android:topLeftRadius="10dp"
                android:topRightRadius="10dp" />


        </shape>
    </item>

</layer-list>

应该有效

image

答案 1 :(得分:3)

查看这些示例如何创建自定义按钮。 Link1 Link2