如何在不使用图像的情况下自定义android中的按钮

时间:2014-04-24 07:37:36

标签: android android-layout android-xml

我想在Android中使用自定义按钮而不是普通按钮。

如何在不使用图像的情况下自定义按钮。

这样的自定义按钮:

enter image description here

2 个答案:

答案 0 :(得分:3)

尝试以下代码: -

        <Button
            android:id="@+id/action"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="3"
            android:layout_margin="5dp"
            android:background="@drawable/btn_click"
            android:gravity="center"
            android:textColor="@color/white"
            android:textSize="12sp" />

<强> btn_hover.xml

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

    <stroke
        android:width="1dp"
        android:color="#000000" />

    <gradient
        android:angle="270"
        android:centerColor="#1a000000"
        android:endColor="#33000000"
        android:startColor="@android:color/transparent" >
    </gradient>

    <corners android:radius="5dp" />

</shape>

<强> btn.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <stroke 
        android:color="#000000"
        android:width="1dp"
        />
    <gradient
        android:angle="270"
        android:centerColor="@android:color/transparent"
        android:endColor="@android:color/transparent"
        android:startColor="@android:color/transparent" >
    </gradient>
    <corners android:radius="5dp" />
</shape>

<强> btn_click.xml

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

    <item android:drawable="@drawable/btn_hover" android:state_pressed="true"/>
    <item android:drawable="@drawable/btn"/>

</selector>

答案 1 :(得分:0)

您可以通过编程方式在下面创建如下图像。 Ref Here:

enter image description here