Android Studio:新增純色圓角按鈕、建立純色圓角資源
2019/10/26
萌芽站長
4,058 1
軟體應用 , 行動平台 , 程式設計 , Android , APP開發
Android Studio
在網頁中,只要用 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
Scrcpy:使用 USB 偵錯使 Android 手機可使用電腦操作並顯示畫面
📆 2019-12-16
📁
軟體介紹, 軟體應用, 行動平台, 行動裝置, Android
Google Chrome 破解非商店擴充功能被禁用
📆 2015-04-13
📁
軟體應用, 瀏覽器, Google Chrome
Movavi Video Editor 2024:如何在影片中添加音訊
📆 2023-11-16
📁
軟體介紹, 軟體應用, 多媒體, 影片編輯
Stable Diffusion web UI x DeepDanbooru:本機辨識動漫圖畫風格並生成用於 AI 產圖之標籤(提詞、咒...
📆 2022-11-03
📁
軟體應用, 人工智慧, AI繪圖
Google Chrome & Microsoft Edge:開啟右鍵選單功能「建立分享 URL 用的 QR Code」
📆 2020-08-25
📁
軟體應用, 瀏覽器, Google Chrome, Edge
Google Chrome 全局媒體控制(第 77 版全新實驗功能)
📆 2019-09-20
📁
軟體應用, 瀏覽器, 資訊新聞, Google Chrome
Stable Diffusion web UI:高解析度修復(Highres. fix)功能介紹與教學
📆 2022-12-13
📁
軟體應用, 人工智慧, AI繪圖
Telegram 8.8.3 for Android & Telegram Desktop 4.0 更新:7 億用戶和 Telegram Premium
📆 2022-06-25
📁
軟體應用, 行動平台, 資訊新聞, APP應用, Android
留言區 / Comments
萌芽論壇