如何定製android的按鈕，而無需使用圖像

Question

我想使用自定義的按鈕，而不是正常的按鈕機器人。

我怎麼可以自定義按鈕，不使用的圖像。

自定義按鈕是這樣的：

Answer 1

試試下面的代碼： -

 <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_click.xml

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

    <item android:drawable="@drawable/button_hover" android:state_pressed="true"/> 
    <item android:drawable="@drawable/button"/> 

</selector> 

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> 

Answer 2

您可以通過編程的方式創建這樣下面的圖片。 Ref Here: