android定義圓形按鈕Shape,選中改變顏色
阿新 • • 發佈:2018-11-30
功能說明:android定義圓形按鈕,使用Shape與selector選擇器,按鈕選擇背景色改變
1.activty的佈局
<Button
android:id="@+id/login"
android:text="登入"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:background="@drawable/button_selector"
android:layout_centerInParent="true"/>
2、button_selector.xml 樣式程式碼如下:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="false" > <!-- 按鈕未點選-->
<shape >
<stroke android:width="0.8dp" android:color="@color/greenlight2" /> <!-- 邊框顏色,邊框大小-->
<solid android:color="@color/greenlight" /> <!-- 填充的顏色:這裡設定背景透明 -->
<corners android:radius="5dip" /> <!-- android:radius 弧形的半徑 -->
<padding android:bottom="10dp"
android:left="10dp"
android:right="10dp"
android:top="10dp" />
</shape>
</item>
<item android:state_pressed="true" > <!-- 按鈕選中狀態-->
<shape >
<stroke android:width="0.8dp" android:color="@color/greenlight2" /> <!-- 邊框顏色,邊框大小-->
<solid android:color="@color/green" /> <!-- 填充的顏色:這裡設定背景透明 -->
<corners android:radius="5dip" /> <!-- android:radius 弧形的半徑 -->
<padding android:bottom="10dp"
android:left="10dp"
android:right="10dp"
android:top="10dp" />
</shape>
</item>
</selector>
3.效果圖
1.activty的佈局
<Button
android:id="@+id/login"
android:text="登入"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:background="@drawable/button_selector"
android:layout_centerInParent="true"/>
2、button_selector.xml 樣式程式碼如下:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="false" > <!-- 按鈕未點選-->
<shape >
<stroke android:width="0.8dp" android:color="@color/greenlight2" /> <!-- 邊框顏色,邊框大小-->
<solid android:color="@color/greenlight" /> <!-- 填充的顏色:這裡設定背景透明 -->
<corners android:radius="5dip" /> <!-- android:radius 弧形的半徑 -->
<padding android:bottom="10dp"
android:left="10dp"
android:right="10dp"
android:top="10dp" />
</shape>
</item>
<item android:state_pressed="true" > <!-- 按鈕選中狀態-->
<shape >
<stroke android:width="0.8dp" android:color="@color/greenlight2" /> <!-- 邊框顏色,邊框大小-->
<solid android:color="@color/green" /> <!-- 填充的顏色:這裡設定背景透明 -->
<corners android:radius="5dip" /> <!-- android:radius 弧形的半徑 -->
<padding android:bottom="10dp"
android:left="10dp"
android:right="10dp"
android:top="10dp" />
</shape>
</item>
</selector>
3.效果圖
點選前,按鈕顏色淺;選中顏色加深