Material Design 风格的 Toolbar 使用指南

阅读时长 10 分钟读完

前言

Toolbar 是 Android 开发中常用的UI 组件,负责承载各种操作和视图控制的工具栏。Material Design 是 Google 推出的一种设计风格,Android 也在很多地方采用了 Material Design 风格的设计。在本篇文章中,我们将探讨 Material Design 风格的 Toolbar 的使用方法。

Material Design 风格的 Toolbar 简介

Material Design 风格的 Toolbar 是 Android 中用于实现 App Bar 的组件,其具有以下几个特点:

  1. App Bar 的高度是固定的;
  2. App Bar 可以包含应用程序 logo、主标题、子标题、导航图标和动作;
  3. App Bar 可以滚动和变换形状;
  4. App Bar 可以和滚动的内容产生交互关系;
  5. App Bar 可以跟 FloatingActionButton (一个圆形浮动操作按钮)合作实现相关的操作。

使用方法

Material Design 风格的 Toolbar 的使用方法如下:

  1. 在 XML 布局文件中添加 Toolbar 组件:
  1. 在 Activity 类中,使用 setSupportActionBar 将 Toolbar 组件与当前 Activity 绑定
  1. 如果需要在 Toolbar 中展示应用程序 logo,可以使用 setSupportActionBar 方法设定 logo:
  1. Toolbar 可以添加图标和监听器,从而实现应用程序的交互操作:
-- -------------------- ---- -------
---------------------------------------------- -- --- ------- --------------------
---------------------------------------- ---------------------- -
    ---------
    ------ ---- ------------ -- -
        --------- -- ----------- ------ ---------
    -
---

-------------------------------------- -- ---- ------- - ----------- ------ ------- ------
-------------------------------------- --------------------------------- -
    ---------
    ------ ------- ------------------------ ----- -
        ------ ------------------ -
            ---- -----------------
                -- ------ -
                ------
            ---- -----------------
                -- ------ -
                ------
            ---- -----------------
                -- ------ -
                ------
        -
        ------ -----
    -
---
  1. Toolbar 可以和 RecyclerView 等滚动组件产生交互,实现滚动效果。如果想要实现这个效果,可以在布局文件中添加以下属性:

实例代码

这里提供一段示例代码,可以供读者参考。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

总结

在本人的开发工作中,Material Design 风格的 Toolbar 是一项非常重要的组件,它可以帮助我们快速实现应用的导航、操作和操作反馈。因此,掌握 Material Design 风格的 Toolbar 的使用方法,有助于提高我们的 Android 开发水平。

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

纠错
反馈