2018年5月21日

Android - 製作圓角按鈕外觀

Android Studio 預設的按鈕形狀是方形,如果想讓按鈕變成圓形的話做法非常簡單,首先在drawable按右鍵 > New > Drawable resource file,設置一個自己喜歡的外觀名字。

在該xml file加入以下代碼:

<shape xmlns:android="http://schemas.android.com/apk/res/android">
//外框寬度及顏色
<stroke
android:width="2dip"
android:color="#0290D2" />
//四角彎度,數字越大越圓
<corners
android:topLeftRadius="50sp"
android:topRightRadius="50sp"
android:bottomLeftRadius="50sp"
android:bottomRightRadius="50sp" />
//按鈕背景顏色
<solid android:color="#ffffff"/>
//四邊留白
<padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" />
</shape>

顏色可參考色碼表:https://www.ifreesite.com/color/


然後在你想要套用該設定的按鈕加上
android:background="@drawable/xxx"

完成!





~~~ 歡迎留言一起討論交流^^ ~~~


沒有留言:

張貼留言