1. 程式人生 > >Android漸變色圓角按鈕的實現

Android漸變色圓角按鈕的實現

最終效果如:

沒有使用背景圖片,因為Android手機螢幕解析度碎片化太嚴重,如果用圖片的話需要ps n張圖片。所以,使用shape實現的漸變圓角按鈕。

1.在drawable資料夾下新建round.xml,內容為:

<?xml version="1.0" encoding="UTF-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!-- 填充的顏色,漸變色 -->
<gradient
android:startColor="#717a97"
android:endColor="#223158"
android:angle="90" />
<!-- 設定按鈕的四個角為弧形 -->
<!-- android:radius 弧形的半徑 -->
<corners android:radius="5dip" />
<!-- padding:Button裡面的文字與Button邊界的間隔 -->
<padding
   android:left="10dp"
   android:top="10dp"
   android:right="10dp"
   android:bottom="10dp"
/>
</shape>

2.在按鈕中使用round.xml:

<Button android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/round"
        android:text="@string/btnLogin"
        android:layout_gravity="center"
        android:layout_marginRight="5dip"
        android:layout_centerInParent="true"
        android:layout_alignParentRight="true"
        android:textColor="#ffffff"
        android:textSize="12sp"
    ></Button>