Android漸變色圓角按鈕的實現
阿新 • • 發佈:2019-02-08
最終效果如:
沒有使用背景圖片,因為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>