iT邦幫忙

2022 iThome 鐵人賽

DAY 25
0

Button即是常用元件,而在按鈕設計上有很多的設計風格,這裡列出幾個供大家使用。

Button文字:

android:text="button"

無邊框按鈕(也是直接輸入在Button元件中):

style="?android:attr/borderlessButtonStyle"

指定按鈕顏色:

android:background="#0000FF" //藍色

設定按鈕形狀,首先要再Drawable新增一個button_round.xml檔案,裡面語法為:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/black">
    
        <shape android:shape="rectangle"  >
           
           <corners android:radius="15dip" />
           
        </shape>
    </item>
</selector>

此方法為圓角矩形的按鈕形狀。
再來將打好的檔案放在所需用到的Button上面,像是這樣:

android:background="@drawable/button_round"

呈現出來的按鈕為:

ImageButton顧名思義就是圖片按鈕,我們首先需要將圖片存在Drawble資料夾裡面,再來插入圖片的語法為:

android:src="@drawable/<圖片檔名>"

通常圖片不會跑版但如果圖片有跑版之類的可以多加一行:

android:scaleType="fitXY"

今天Button常用教學到這邊,我們明天見。


上一篇
[Day24] Android Studio 介紹TextView & Edittext元件
下一篇
[Day26] Android Studio RadioGroup/Radiobutton & Checkbox 常用功能介紹
系列文
新手學 Swift UI 與 Android Studio 的學習路程 -- 跟著我們一起踏上 App 開發之旅吧~30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言