iT邦幫忙

2025 iThome 鐵人賽

DAY 26
0

倒數四天!!最後一哩路了owo

今天來介紹Toolbar,ok開始 :o

什麼是Toolbar?

Toolbar是 Androidandroidx.appcompat.widget套件中的一個ViewGroup,用來取代傳統ActionBar,你可以把它放在佈局的任何位置,並在裡面加入標題、Logo、自訂 View 和操作按鈕

Toolbar vs ActionBar

Toolbar的優勢

  • 位置靈活性:可放置在活動中的任意位置,不限於頂部
  • 高度客製化:外觀和行為可完全自定義
  • 向後兼容:支援到 API 7 (Android 2.1)

設定與使用 Toolbar

首先需要在res/values/themes/themes.xml 檔案中移除原本的 ActionBar

<item name="windowNoTitle">true</item>

或者將應用程式主題改為NoActionBar版本

<application android:theme="@style/Theme.AppCompat.Light.NoActionBar" />

然後在res/values/目錄下建立styles_toolbar.xml檔,可以定義Toolbar的外觀

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="toolbarTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!--改文字顏色-->
        <item name="android:textColor">@color/xxx</item>
        <!--改Toolbar所有文字大小-->
        <item name="android:textSize">xxsp</item>
        <!--改Toolbar背景顏色-->
        <item name="android:background">@color/xxx</item>
        ......<!--還可以設定其他的可以自己玩-->
    </style>
    <!--Title大小-->
    <style name="titleTextSize" parent="@style/Base.TextAppearance.AppCompat.Title">
        <item name="android:textSize">xxsp</item>
    </style>
</resources>

建立選單

res目錄下新增menu資料夾,建立xml檔

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:id="@+id/item1"
        android:icon="@android:drawable/ic_menu_search"
        android:title="查詢"
        app:showAsAction="ifRoom" />

    <item
        android:id="@+id/item2"
        android:title="登入"
        app:showAsAction="ifRoom" />

    <item
        android:id="@+id/item3"
        android:title="訊息" />

    <item
        android:id="@+id/item4"
        android:title="設定" />
</menu>

showAsAction

showAsAction 屬性決定選單項目的顯示方式 :

  • ifRoom:如果 Toolbar 有空間則顯示,否則收合到選單中
  • never:永遠不會出現在Toolbar上,只會在下拉選單中顯示
  • always:一直顯示在 Toolbar 上
  • withText:圖文一起顯示

Toolbar的東西也差不多就到這,剩下就是在java檔設點擊之類的,明天來設定各國語言,明天見
(′゜ω。‵)


上一篇
Day25 Thread介紹
系列文
Android 菜鳥30天從0到1的學習紀錄26
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言