Material Design 中 Toolbar 的标题居中显示的实现方法

阅读时长 7 分钟读完

在 Material Design 中,Toolbar 是一个重要的 UI 元素,它通常用于顶部导航栏,并且包含应用程序的标题和操作按钮。其中,标题的居中显示是一个非常基础但又非常重要的功能。本文将介绍如何在 Material Design 中实现 Toolbar 标题的居中显示。

基本思路

要实现 Toolbar 标题的居中显示,需要在布局中使用一个 TextView 控件来显示标题,并设置其居中对齐。具体步骤如下:

  1. 在布局文件中添加 Toolbar 控件,并设置其高度和其他属性。
-- -------------------- ---- -------
----------------------------------
    -------------------------
    -----------------------------------
    -------------------------------------------
    ----------------------------------------
    -----------------------------------------
    ---------------------------
    -------------------------
    ------------------------------
  1. 在 Activity 或 Fragment 中获取 Toolbar 对象,并调用 setSupportActionBar() 方法将其设置为当前 Activity 或 Fragment 的 ActionBar。
  1. 在 Toolbar 中添加一个 TextView 控件,并设置其居中对齐。
-- -------------------- ---- -------
----------------------------------
    -------------------------
    -----------------------------------
    -------------------------------------------
    ----------------------------------------
    -----------------------------------------
    ---------------------------
    -------------------------
    -------------
    
    ---------
        -----------------------------------
        ------------------------------------
        -------------------------------
        ----------------------------------------
        -----------------------
        ---------------------------------
        
------------------------------------

通过上述步骤,就可以实现 Toolbar 标题的居中显示了。

示例代码

下面是一个完整的示例代码,展示如何在 Material Design 中实现 Toolbar 标题的居中显示。

activity_main.xml

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

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

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

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

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

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

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

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

MainActivity.java

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

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

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

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

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

总结

通过本文的介绍,我们了解了如何在 Material Design 中实现 Toolbar 标题的居中显示。这是一个非常基础但又非常重要的功能,对于开发 Material Design 风格的应用程序非常有用。希望本文对您有所帮助,谢谢阅读!

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

纠错
反馈