Android Material Design 下的 ToolBar 详解

前言

ToolBar 是 Android Material Design 中非常重要的组件之一,它可以提供一个灵活性很高的界面工具栏,可以让用户快速访问应用程序的不同功能。ToolBar 可以取代传统的 ActionBar,提供更加灵活的使用方式,同时也可以很好地适应不同的屏幕尺寸和设备方向。

本文将详细介绍 Android Material Design 下的 ToolBar,包括 ToolBar 的基本用法、属性、样式以及使用注意事项等方面,并附有示例代码,希望能够对读者有所帮助。

ToolBar 的基本用法

引入 ToolBar

在使用 ToolBar 之前,需要在布局文件中引入 ToolBar。可以通过以下方式引入:

----------------------------------
    -------------------------
    -----------------------------------
    -------------------------------------------
    ---------------------------------------
    --------------------------------
    --------------------------------------------- --

其中,androidx.appcompat.widget.Toolbar 是 ToolBar 的类名,android:id="@+id/toolbar" 是 ToolBar 的 ID,android:layout_widthandroid:layout_height 分别是 ToolBar 的宽度和高度,android:background 是 ToolBar 的背景颜色,android:title 是 ToolBar 的标题,app:popupTheme 是 ToolBar 弹出菜单的主题。

设置 ToolBar

在 Activity 中需要使用 setSupportActionBar() 方法来设置 ToolBar:

------- ------- - ---------------------------
-----------------------------

使用 ToolBar

设置完 ToolBar 后,可以在 onCreateOptionsMenu() 方法中创建菜单,如下所示:

---------
------ ------- ------------------------ ----- -
    ------------------------------------------- ------
    ------ -----
-

在 onOptionsItemSelected() 方法中处理菜单的点击事件,如下所示:

---------
------ ------- ------------------------------ ----- -
    --- -- - -----------------
    -- --- -- --------------------- -
        -- --------
        ------ -----
    -
    ------ ----------------------------------
-

ToolBar 的属性

标题和子标题

可以通过以下方式设置 ToolBar 的标题和子标题:

-----------------------
---------------------------

Logo

可以通过以下方式设置 ToolBar 的 Logo:

---------------------------------

导航按钮

可以通过以下方式设置 ToolBar 的导航按钮:

----------------------------------------------
---------------------------------------- ---------------------- -
    ---------
    ------ ---- ------------ -- -
        -- ----------
    -
---

菜单

可以通过以下方式设置 ToolBar 的菜单:

--------------------------------------
-------------------------------------- --------------------------------- -
    ---------
    ------ ------- ------------------------ ----- -
        --- -- - -----------------
        -- --- -- --------------------- -
            -- --------
            ------ -----
        -
        ------ ------
    -
---

ToolBar 的样式

主题

可以通过以下方式设置 ToolBar 的主题:

----------------------------------
    -------------------------
    -----------------------------------
    -------------------------------------------
    ---------------------------------------
    --------------------------------
    ---------------------------------------------
    --------------------------------------------------- --

其中,app:theme 是 ToolBar 的主题。

样式

可以通过以下方式设置 ToolBar 的样式:

------ ---------------- -----------------------------------------
    ----- ----------------------------------------------------
    ----- ---------------------------------------------------------
    ----- ------------------------------------------------------------
    ----- ------------------------------------------------------
    ----- -------------------------------------------------------------
--------

----------------------------------
    -------------------------
    -----------------------------------
    -------------------------------------------
    ------------------------
    -------------------------------- --

其中,style 是 ToolBar 的样式,item 是 ToolBar 的属性。

使用注意事项

  1. ToolBar 必须在 Activity 中设置 setSupportActionBar() 方法,否则将无法正常显示。
  2. ToolBar 的标题和子标题可以通过 setTitle() 和 setSubtitle() 方法进行设置。
  3. ToolBar 的 Logo 可以通过 setLogo() 方法进行设置。
  4. ToolBar 的导航按钮可以通过 setNavigationIcon() 和 setNavigationOnClickListener() 方法进行设置。
  5. ToolBar 的菜单可以通过 inflateMenu() 和 setOnMenuItemClickListener() 方法进行设置。

示例代码

下面是一个完整的示例代码:

----------------------------------
    -------------------------
    -----------------------------------
    -------------------------------------------
    ---------------------------------------
    --------------------------------
    --------------------------------------------- --

-------------
    -----------------------------------
    ------------------------------------
    -------------------------------

    ---------
        -----------------------------------
        ------------------------------------
        ------------------- ------- --
---------------
------ ----- ------------ ------- ----------------- -

    ------- ------- --------

    ---------
    --------- ---- --------------- ------------------- -
        -----------------------------------
        ---------------------------------------

        ------- - ---------------------------
        -----------------------------

        ----------------------------------------------
        ---------------------------------------- ---------------------- -
            ---------
            ------ ---- ------------ -- -
                --------------------------------- ----------- ---------------------------
            -
        ---

        --------------------------------------
        -------------------------------------- --------------------------------- -
            ---------
            ------ ------- ------------------------ ----- -
                --- -- - -----------------
                -- --- -- --------------------- -
                    --------------------------------- ----------- ---------------------------
                    ------ -----
                -
                ------ ------
            -
        ---
    -
-

总结

本文详细介绍了 Android Material Design 下的 ToolBar,包括 ToolBar 的基本用法、属性、样式以及使用注意事项等方面,并附有示例代码。通过本文的学习,相信读者已经掌握了 ToolBar 的使用方法,可以在实际开发中灵活运用。

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/65d9cc731886fbafa4737a83