Material Design 中 Toolbar 上加入自定义按钮的实现方法

阅读时长 5 分钟读完

Toolbar 是 Android 应用中经常使用的 UI 元素之一,Material Design 提供了默认的 Toolbar,但同时也支持开发者自定义 Toolbar 的样式和功能。本文将介绍如何在 Material Design 的 Toolbar 中加入自定义按钮,并提供示例代码。

实现方法

在 Material Design 中,Toolbar 是通过 XML 文件定义的,在 XML 中添加自定义按钮的方法很简单,只需在 Toolbar 中添加一个带有相应属性的 Button 即可。

  1. 在 XML 文件中定义 Toolbar 并添加自定义按钮
-- -------------------- ---- -------
----------------------------------
    -------------------------
    -----------------------------------
    -------------------------------------------
    ----------------------------------------
    ------------------------------------------

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

------------------------------------
展开代码
  1. 在 Activity 中设置 Toolbar
  1. 在 Activity 中获取自定义按钮,并为其添加点击事件

示例代码

以下是一个完整的示例代码,包括 XML 和 Java 文件。

activity_main.xml

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

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

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

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

-----------------
展开代码

MainActivity.java

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

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

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

        ------ ------------ - ---------------------------------
        ----------------------------------- ---------------------- -
            ---------
            ------ ---- ------------ ----- -
                -- ------
            -
        ---
    -
-
展开代码

总结

通过以上步骤,我们可以在 Material Design 的 Toolbar 中添加自定义按钮。在实际开发中,开发者还可以根据需要自定义 Toolbar 的样式和功能,从而使应用更具有个性化和创新性。

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

纠错
反馈

纠错反馈