Android x Kotlin 實作課程：打造個人專屬計算機 APP EP4 更改背景屬性改變顯示外觀

【打造個人專屬計算機 APP】 系列文章目錄：
https://vocus.cc/article/65acea9ffd897800019c13dc

課程摘要

本課程學習如何修改按鈕外觀的方法，透過調整背景屬性和形狀。我們新增了四種背景顏色，修改每個按鈕的外觀。完成後，呈現不同按鈕風格。

教學影片

若您無法順利觀看教學影片，請先登入您的 YouTube 帳號，然後點擊以下連結加入我們的頻道會員：

• 一般會員：成為一般會員後，您將能夠觀看我們所提供的一般會員專屬線上課程。
• 精實會員：成為精實會員後，您將能夠觀看我們所提供的精實會員專屬線上課程。

範例程式碼

lightgray_button_background

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="800dp" />
    <solid android:color="#A9A5A9" />
</shape>

darkgray_button_background

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#363236" />
</shape>

orange_button_background

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="800dp" />
    <solid android:color="#ff8e00" />
</shape>

zero_button_background

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="800dp" />
    <solid android:color="#363236" />
</shape>