Android Studio之圓形按鈕設計

 

•效果展現圖

　　

•實現方法

　　建立一個 $drawable\ resource\ file$，命名爲 $shape_circle$；

　　在這個 $.xml$ 文件中添加以下代碼便可；

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <shape xmlns:android="http://schemas.android.com/apk/res/android"
 3  android:shape="oval">
 4 
 5     <!-- 填充的顏色 -->
 6     <solid android:color="#30CCF3"/>
 7     <!-- 設置按鈕的四個角爲弧形 -->
 8     <!-- android:radius 弧形的半徑 -->
 9     <corners android:radius="360dip"/>
10     <!-- padding: Button 裏面的文字與Button邊界的間隔 -->
11     <padding 12         android:left="10dp"
13  android:top="10dp"
14  android:right="10dp"
15  android:bottom="10dp"/>
16 
17 </shape>

　　而後，在 $<Button>$ 中調用 $shape\_circle$ 便可；

　　須要注意的是，要想實現圓形效果，須要把該 $<Button>$ 組件的長寬比設置爲 1:1；

1 <Button 2     android:layout_centerInParent="true"
3  android:layout_width="150dp"
4  android:layout_height="150dp"
5  android:text="我是圓形按鈕"
6  android:background="@drawable/shape_circle"/>