Android Studio:新增純色圓角按鈕、建立純色圓角資源

2019/10/26 4,275 1 軟體應用 , 行動平台 , 程式設計 , Android , APP開發

在網頁中,只要用 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

萌芽論壇