在網頁中,只要用 CSS 就可以輕鬆讓按鈕得到圓角的效果,那在 Android APP 中要將按鈕用成圓角的該怎麼做呢?其實可以設計一個圓角按鈕的圖片當作該按鈕的背景,就可以達到這個效果,不過個人想單純用程式達成,所以今天要示範最簡單的一種,也就是建立純色圓角資源,接著在按鈕背景屬性中引入該資源,這樣就可以擁有一個純色圓角按鈕!我們使用 Android Studio 做為整合開發環境。
▲ 左側切換為「Android」的專案檢視模式,再到「📂 res」→「📂 drawable」上方點滑鼠右鍵,選「New」→「Drawable resource file」,接著會開啟一個視窗,打好自訂的 file name(名稱)後點「OK」即可建立一個 XML 格式的資源檔,接著請參考範例原始碼:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" android:padding="10dp">
<solid android:color="#009785"/>
<corners android:radius="30dp"/>
</shape>
這個原始碼將建立一個 rectangle(矩形),padding(填充)為 10dp,顏色為 #009785,並擁有圓角 30dp,上方這些都可以自訂!
▲ 接著再到程式佈局畫面,編輯 XML 中元素的 android:background
屬性,並用 @drawable/ 引入資源檔(不用 .xml),請參考上方截圖,這樣就可以建立純色圓角按鈕啦!
贊助廣告 ‧ Sponsor advertisements
留言區 / Comments
萌芽論壇