【Android】原来Toolbar还能这么用？Toolbar使用最全解析。网友：终于不用老是自定义标题栏啦

已于 2024-04-25 13:37:02 修改
阅读量7k 收藏 137
点赞数 25
分类专栏： Android 文章标签： android app 安卓 java kotlin
于 2021-07-11 15:56:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_41616022/article/details/117912975
版权

一个Toolbar的UI可以做成什么样？做出什么效果？这是我最近在研究的问题。

目录

除带导航栏的Toolbar、带侧滑菜单栏的Toolbar、滚动页面隐藏Toolbar外，用的都是该xml布局：

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!--  必须用androidx.appcompat.widget.Toolbar，而不是用ToolBar，用ToolBar有些问题无解  -->
    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        android:background="@color/purple_700"/>

</androidx.constraintlayout.widget.ConstraintLayout>

带导航图标的Toolbar

相关方法描述
setNavigationIcon(Drawable icon)设置导航图标
setNavigationOnClickListener(OnClickListener listener)设置点击导航按钮监听

实现效果：

在这里插入图片描述

带标题的Toolbar

相关方法描述
setTitle(String title)设置标题
setTitleTextColor(int color)设置标题文字颜色
setTitleMarginEnd(int margin)以px为单位设置标题结束边距
setTitleMarginStart(int margin)以px为单位设置标题起始边距
setTitleMarginTop(int margin)以px为单位设置标题头部边距
setTitleMarginBottom(int margin)以px为单位设置标题底部边距
setTitleMargin(int start, int top, int end, int bottom)以px为单位设置标题边距
setTitleTextAppearance(Context context, int resId)设置指定TextAppearance资源的文本颜色、大小、样式、提示颜色和突出显示颜色
getTitleMarginEnd()获得以px为单位标题的结束边距
getTitleMarginStart()获得以px为单位标题的起始边距
getTitleMarginTop()获得以px为单位的标题的顶部边距
getTitleMarginBottom()获得以px为单位标题的底部边距

实现效果：

在这里插入图片描述

带小标题的Toolbar

相关方法描述
setSubtitle(CharSequence subtitle)设置副标题文本
setSubTitleTextColor(int color)设置副标题文本颜色
setSubTitleTextAppearance(Context context, int resId)设置指定TextAppearance资源的文本颜色、大小、样式、提示颜色和突出显示颜色
getSubtitle()获得副标题文本

实现效果：

在这里插入图片描述

带Logo的Toolbar

相关方法描述
setLogo(int resId)设置Logo图标
setLogoDescription(CharSequence description)设置工具栏标志的描述
getLogoDescription()获得工具栏标志的描述
getLogo()返回一个Drawable类型的Logo

实现效果：
在这里插入图片描述

带进度条的Toolbar

相关方法描述
setTitle(String title)设置标题
setTitleTextColor(int color)设置标题文字颜色
setNavigationIcon(Drawable icon)设置导航图标
setProgress(int progress)设置进度条当前进度
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        android:background="@color/purple_700"/>

    <ProgressBar
        android:id="@+id/progressBar"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="5dp"
        app:layout_constraintTop_toBottomOf="@id/toolbar"
        app:layout_constraintLeft_toLeftOf="@id/toolbar"
        app:layout_constraintRight_toRightOf="parent"/>


</androidx.constraintlayout.widget.ConstraintLayout>

实现效果：
在这里插入图片描述

带菜单的Toolbar

相关方法描述
setPopupTheme(int resId)设置菜单弹出时使用的主题
setOverflowIcon(Drawable icon)设置溢出按钮的图标 ，默认是3个小黑点
inflateMenu(int resId)将菜单资源扩充到此工具栏中
setOnMenuItemClickListener(OnMenuItemClickListener listener)点击菜单的监听事件
setMenuCallbacks(MenuPresenter.Callback pcb, MenuBuilder.Callback mcb)设置菜单回调，必须在访问菜单之前调用
getPopupTheme()获取弹出菜单的主题的资源标识符
getOverflowIcon()获取Drawable类型的溢出菜单图标

在Toolbar上建一个菜单，那就得建一个menu的文件夹与xml文件

鼠标右击res文件夹→New→Android Resource Directory

在这里插入图片描述
在弹出的窗口，Resource type选择menu即可

在这里插入图片描述
点击OK后会在res文件夹下生成一个menu文件夹，在这里新建一个xml文件，粘贴一下内容

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/share"
        android:title="分享"/>
    <item
        android:id="@+id/save"
        android:title="保存"/>
</menu>

紧接着Toolbar调用inflateMenu方法绑定创建的xml布局即可实现，只是这个时候还没有对这个菜单做个性化，它是默认的3点黑色圆点的效果，使用setOverflowIcon(Drawable icon)方法对其设置图标后，就成了下面的样子。

在这里插入图片描述

点击三个小圆点效果：

在这里插入图片描述

两个菜单的Toolbar

设置一个Toolbar有多个菜单，不需要修改Java代码，只要在menu文件的对应item下添加app:showAsAction="always"即可，showAsAction有五个参数，分别是：

相关方法描述
never从不在导航栏上显示，一直放在一处菜单列表里面
always总是在导航栏上显示菜单图标
ifRoom如果导航栏右侧有空间，该项就直接显示在导航栏上，不再放入溢出菜单
withText如果能在导航栏上显示，除了显示图标，还要显示该项的文字说明
collapseActionView操作视图要折叠为一个按钮，点击该按钮再展开操作视图，主要用于SearchView

实现效果：
在这里插入图片描述

标题居中的Toolbar

标题居中这一样式实现并不是用Toolbar的setTitleGravity方法，当然也没这样的方法给你。实现标题居中，主要还是得靠Toolbar里的子组件：

<TextView
    android:id="@+id/text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="标题"
    android:textSize="16sp"
    android:textColor="@color/white"
    android:layout_gravity="center"
    android:visibility="invisible"/>

在Toolbar里加上TextView，我们提前在布局上将TextView居中于父组件之中，需要将标题居中的时候调用setVisibility方法，放置View.VISIBLE参数即可将标题居中的样式展示出来。

实现效果：

在这里插入图片描述
值得注意的是，在设置各种各样的Toolbar子组件时，切互将子组件的宽度设置为match_parent，子组件的宽度过大，会使Toolbar的一些样式被子组件所覆盖。

带搜索框的Toolbar

带搜索框的Toolbar，使用的是SearchView实现。实现的这一效果，特别需要注意，一定要加上setSupportActionBar(Toolbar toolbar)且将它放在Toolbar初始化后的一行。

接着，重写onCreateOptionsMenu(Menu menu)方法，使用Menu的打气筒绑定一个menu，写一个initSearchView(menu: Menu)方法设置SearchView的一些样式

override fun onCreateOptionsMenu(menu: Menu?): Boolean {
   menuInflater.inflate(R.menu.menu_toolbar3,menu)
   initSearchView(menu!!)
   return super.onCreateOptionsMenu(menu)
}

fun initSearchView(menu: Menu){
   val item = menu.findItem(R.id.search)
   // 获取搜索框对象
   val searchView = item.actionView as SearchView
   searchView.isIconified = true
   // actionView.setIconifiedByDefault(getIntent().getBooleanExtra("collapse",true));
   // 设置是否显示搜索按钮
   searchView.isSubmitButtonEnabled = true
   // 从系统服务获取搜索的管理器
   val systemService = getSystemService(SEARCH_SERVICE) as SearchManager
   // 创建搜索结果页面的组件名称对象
   val componentName = ComponentName(this, BackButtonActivity::class.java)
   // 从结果页面注册的activity结点获取相关搜索信息，即searchable.xml定义的搜索控件
   val searchableInfo = systemService.getSearchableInfo(componentName)
   // 设置搜索框的可搜索信息
   searchView.setSearchableInfo(searchableInfo)
   // 从搜索框中获取名叫search_src_text的自动完成编辑框
   val search_text: SearchAutoComplete = searchView.findViewById(R.id.search_src_text)
   // 设置文本颜色
   search_text.setTextColor(Color.BLACK)
   // 设置自动完成编辑框的提示文本颜色
   search_text.setHintTextColor(Color.BLACK)
   // 设置文本类型
   searchView.inputType = InputType.TYPE_CLASS_TEXT
   // 设置搜索提示文本
   searchView.queryHint = "请输入搜索内容"
   // 为搜索框设置文本变化监听
   searchView.setOnQueryTextListener(object : SearchView.OnQueryTextListener {
       override fun onQueryTextSubmit(query: String): Boolean {
           // 搜索关键词完成输入
           Toast.makeText(this@BackButtonActivity, "最终输入结果：$query", Toast.LENGTH_SHORT).show()
           return false
       }

       override fun onQueryTextChange(newText: String): Boolean {
           // 搜索关键词发生变化
           Toast.makeText(this@BackButtonActivity, "关键词发生改变：$newText", Toast.LENGTH_SHORT).show()
           return false
       }
   })
}

哦，对了，这玩意还得在AndroidManifest.xml的application节点下加点代码

<activity android:name="使用SearchView的Activity">
    <intent-filter>
        <action android:name="android.intent.action.SEARCH" />
    </intent-filter>

    <meta-data
        android:name="android.app.searchable"
        android:resource="@xml/searchable" />
</activity>

实现效果：

在这里插入图片描述
点击搜索按钮效果：

在这里插入图片描述
由于SearchView的控件是private与protected属性，并不能调用相关的取消、确定图标组件，理论上说是无法修改这些icon，使得能修改的样式极其有限，使用范围也大大缩减。

带导航栏的Toolbar

带导航栏的Toolbar效果与Toolbar标题居中同理，皆是在Toolbar组件里面加一个子组件，只是这个子组件加的是TabLayout，这个时候还没能实现TabLayout居中的效果，TabLayout的文本默认是靠左的，需要再嵌套一个布局，将TabLayout放在布局里面，用上android:gravity="center"就可以居中了。

xml代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".custon.Custon1Activity">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/purple_700">

        <LinearLayout
            android:id="@+id/linear"
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center">

            <com.google.android.material.tabs.TabLayout
                android:id="@+id/tabLayout"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"/>

        </LinearLayout>

    </androidx.appcompat.widget.Toolbar>

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/viewpage"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

实现效果：

在这里插入图片描述

带侧滑菜单栏的Toolbar

第一次做侧滑菜单，参考了几年前的一个例子，用的是动画+监听屏幕滑动+屏幕滑动后的各种操作。那个例子给我的体验就是，真TM复杂，效果还差的离谱，不优化完全用不了呀！

直到DrawerLayout的出现，问题也随之迎刃而解~

带侧滑菜单栏需要以androidx.drawerlayout.widget.DrawerLayout为根布局，DrawerLayout官网给的解释是实现一个材质设计抽屉小部件。
在以DrawerLayout为根Layout的xml文件可以编写两个界面，分别是Toolbar界面与侧滑菜单界面，要想展示侧滑菜单，必须在侧滑界面的第一层加上android:layout_gravity="left"以表示从左边出现。

随后监听Toolbar的点击事件，当用户点击时执行drawer.openDrawer(GravityCompat.START)展示侧滑菜单。

<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".custon.Custon2Activity"
    android:id="@+id/drawer">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">


        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent"/>

    </LinearLayout>

    <!--  layout_gravity必须设置，值标识侧滑的方向  -->
    <LinearLayout
        android:layout_width="300dp"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:orientation="vertical"
        android:background="@android:color/white">

        <TextView
            android:id="@+id/text"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="侧滑菜单"/>

    </LinearLayout>

</androidx.drawerlayout.widget.DrawerLayout>

实现效果：

在这里插入图片描述

滚动页面隐藏Toolbar（一）

CoordinatorLayout定位顶级应用程序小部件，如AppBarLayout、FloatingActionButton。

布局代码就贴出来了，想说也不懂说啥，全是xml代码，(⊙︿⊙)

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".custon.Custon3Activity">

    <androidx.coordinatorlayout.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <com.google.android.material.appbar.AppBarLayout
            android:id="@+id/appbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" >

            <androidx.appcompat.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_scrollFlags="scroll|enterAlways"
                app:contentInsetStart="0dp"/>

        </com.google.android.material.appbar.AppBarLayout>

    </androidx.coordinatorlayout.widget.CoordinatorLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

实现效果：

在这里插入图片描述
本文代码：Toolbar使用解析

滚动页面隐藏Toolbar（二）

使用的组件：
AppBarLayout：实现了材料设计应用栏概念的许多功能，即滚动手势。
CoordinatorLayout：实现折叠应用栏的包装器。
NestedScrollView：支持在新旧版本的 Android 上同时充当嵌套滚动父项和子项。默认情况下启用嵌套滚动。

<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="180dp"
        android:fitsSystemWindows="true"
        android:theme="@style/AppBarOverlay">

        <com.google.android.material.appbar.CollapsingToolbarLayout
            android:id="@+id/toolbar_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true"
            app:contentScrim="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:toolbarId="@+id/toolbar"
            android:background="@drawable/a">

            <androidx.appcompat.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/PopupOverlay" />

        </com.google.android.material.appbar.CollapsingToolbarLayout>
    </com.google.android.material.appbar.AppBarLayout>
	<!-- 滚动文本 -->
    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        tools:context=".ScrollingActivity">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="16dp"
            android:text="@string/large_text" />

    </androidx.core.widget.NestedScrollView>


</androidx.coordinatorlayout.widget.CoordinatorLayout>

实现效果：
在这里插入图片描述

参考文献：
1、简书文章：Toolbar的使用
2、《Android Studio 开发实战 从零基础到APP上线》第二版第7章组合控件
3、《第一行代码》第3版第12章—最佳的UI体验，Material Design实战

Android初步认识ToolBar
drinkingcode
09-23 637
前言： ToolBar是ActionBar一种延伸的产物。尽管ActionBar是作为Activity不透明窗体装饰的一部分，但是ToolBar却可以放置在一个视图层的任意层中。应用也可以使用setActionBar() 方法指定ToolBar为ActionBar。 ToolBar比ActionBar有着更多值得人们关注的特性。从头到尾，一个ToolBar可能包含以下可选元素的一种组合
Android_Toolbar源码解析使用和问题解决
Litchiny的博客
01-17 533
前言 为什么使用Toolbar MD设计,优化整体视觉体验. 使用注意事项 V7包的兼容,theme的设置. 低版本API的兼容适配. 源码查看方式: 在线: Toolbar.java地址: (版本Android 8.1) 使用Git克隆到本地: git clone https://android.googlesource.com/platform/frameworks/suppo...
Android---Toolbar
qq_44950283的博客
01-06 4448
使用 Toolbar 更好的代替 Actionbar。Toolbar 也可以很好的与 menu 结合设计出更炫酷大的UI。特别注意设置 Toolbar 的主题，可以单独设置
【Android Studio】＜androidx.appcompat.widget.Toolbar＞: Missing Constraints in ConstraintLayout报错
最新发布
2301_79888651的博客
09-12 224
Design界面，手动拖动布局上下左右的约束按钮。一、原因：在约束布局中，没有给组件添加约束。OK,这样就解决了。
Android之toolbar的使用
热门推荐
欢乐斗佛的博客
11-25 6万+
Android在5.0的时候已经淘汰了ActionBar，取而代之的是叫做toolbar的东西，toolbar类似于一个控件，放在layout文件中，可以在layout文件中直接添加属性，也可以在代码findviewbyid之后设置属性，并且可以在toolbar的XML文件中添加别的TextView或者ImageView等控件，使用非常的灵活，可以说和一个布局文件没什么区别，为了兼容低版本的机型，
Android之ToolBar的使用
weixin_34006468的博客
02-08 118
为什么80%的码农都做不了架构师？>>> ...
Android的ToolBar简单使用
Mr_Tony的专栏
12-11 1万+
文章目录一、前言二、Activity、FragmentActivity与ToolsBar的关系三、ToolsBar的初步使用四、ToolBar的菜单配置五、返回时间监听六、自定义ToolBar 一、前言 在实际开发中，通常会有应用操作栏，如果整个应用有一个统一风格的应用状态栏的话，我们常常会自己对其封装一个公共的组件在各个地方进行引入。不过官方对其提供栏一个公共状态栏的组件，并且拥有其一些常用的属性。以前是ActionBar，现在叫做ToolBar。而且还可以和一些其它的组件进行联动。这些组件在不满足其使用
Toolbar在Android中的使用
我想月薪过万的博客
06-10 682
背景知识 Toobar与ActionBar 从Android3.0(API level 11)开始，所有使用默认主题的activity都自带一个ActionBar，但是随着Android版本的迭代，ActionBar的特性不断增加，从而导致了在不同Android系统的设备上，ActionBar的显示不一致。从Android5.0(API level 21)开始，引进了Toolbar，它包含了ActionBar最近添加的大多数特性，同时添加到了支持库中，使得在低版本设备上也可以使用Toolbar。 To
原来Toolbar还能这么用？Toolbar使用最全解析。网友：终于不用老是自定义标题栏啦！.zip
07-11
在Android开发中，Toolbar作为一款高度可定制的组件，逐渐替代了传统的ActionBar，成为许多开发者在构建应用界面时的首选。本篇文章将深入探讨Toolbar的使用方法，通过11个具体的使用实例，帮助你全面理解如何巧妙地...
深度解析：Android Toolbar的11种实用技巧
网友：终于不用老是自定义标题栏啦！" 本文档的标题揭示了内容的中心思想，即对Android开发中常见组件Toolbar的多种使用方法进行了全面的解析和介绍。通过提供11个使用Toolbar的示例，本文希望能够帮助开发者们更好...
Android手机应用开发实战（一） | 展示王者荣耀英雄信息的APP
Janking's Blog
12-07 4575
使用说明 导航栏(SmartTabLayout) 工具栏(ToolBar) 英雄列表(RecyclerView) 英雄数据库(HeroSQLiteHelper) 增加英雄 选取图片 选取语音 选择职业 选择生存能力等值 保存结果 更新数据库 删除英雄 保存结果 更新数据库 英雄显示 获取传递过来的英雄 人物音效播放 背景海报图片的变暗处理 属性条（DiscreteSeekBar）的设置 属性条（DiscreteSeekBar）的滑动监听事件 圆形技能图标 不同技能的显示
Android toolbar 使用详解
08-14
Android toolbar 使用详解，一个不错的学习toolbar的例子，里面包括各种toolbar用法
仿微信6.0主界面实现
03-02
【标题】"仿微信6.0主界面实现"是一个Android开发项目，旨在通过自定义控件和ActionBar的使用，重现微信6.0版本的主要用户界面。这个项目对于开发者来说，是一个很好的实践案例，能帮助他们深入理解Android UI设计和...
Android ToolBar的使用
weixin_33701564的博客
03-20 76
转载请标明出处：http://blog.csdn.net/zhaoyanjun6/article/details/64130211 本文出自【赵彦军的博客】 前言 ToolBar的出现是为了替换之前的ActionBar的各种不灵活使用方式,相反,ToolBar的使用变得非常灵活,因为它可以让我们自由往里面添加子控件...
android Toolbar的简单使用
0729Liang
06-18 2115
1.活动主题更改为隐藏ToolBarandroid:theme="@style/Theme.AppCompat.Light.NoActionBar"2.布局中添加toolbar&lt;android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_pare...
android：ToolBar详解
hkg1pek的专栏
01-23 1342
来源 http://blog.mosil.biz/2014/10/android-toolbar/ 这篇文章因为是台湾人写的，语言风格很别致。本文在原文的基础上做了一些微调（主要是繁体字的问题）。 今年(2014) 的 google i/o 发表令多数人为之一亮的 material design，而 google 也从「google i/o 2014」 开始，大家也陆陆续续地看到其
安卓开发之Toolbar
G11176593的博客
10-10 1240
根据官网的教程，发现实现与预期不一致，查看相关资料自己整理了一下（官网开发文档：https://developer.android.com/training/appbar/setting-up.html）Toolbar 是在 Android 5.0 开始推出的一个 Material Design 风格的导航控件 ，Google 非常推荐大家使用 Toolbar 来作为Android客户端的导航栏，以此来取代之前的 Actionbar 。与 Actionbar 相比，Toolbar 明显要灵活的多。它不像 A
[Android]ToolBar使用详解（一）——项目配置
小黑屋
07-27 2万+
ToolBar是替代ActionBar的控件。
在这个例子中我应该怎样使用setContentView方法设置布局文件来显示自定义的标题栏。
05-31
如果您想要自定义标题栏，可以在布局文件中添加一个 `Toolbar` 元素，然后在 Activity 的 `onCreate` 方法中使用 `setSupportActionBar` 方法将该 `Toolbar` 对象设置为 Activity 的标题栏。具体的步骤如下： 1. 在布局文件中添加 `Toolbar` 元素，例如： ``` <androidx.appcompat.widget.Toolbar android:id="@+id/my_toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" android:titleTextColor="@android:color/white" android:title="My Toolbar" /> ``` 在这个例子中，我们使用 `androidx.appcompat.widget.Toolbar` 元素创建一个 Toolbar，Toolbar 的 id 为 `my_toolbar`，高度为 ActionBar 的高度，背景为应用程序的主题色，标题为 "My Toolbar"。 2. 在 Activity 的 `onCreate` 方法中使用 `setSupportActionBar` 方法将该 `Toolbar` 对象设置为 Activity 的标题栏，例如： ``` public class MyActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.my_activity_layout); Toolbar myToolbar = (Toolbar) findViewById(R.id.my_toolbar); setSupportActionBar(myToolbar); } } ``` 在这个例子中，我们首先通过 `findViewById` 方法获取到布局文件中的 `Toolbar` 对象 `my_toolbar`，然后使用 `setSupportActionBar` 方法将该 `Toolbar` 对象设置为 Activity 的标题栏。 这样就可以在 Activity 中自定义标题栏了。注意，如果您使用了自定义的标题栏，就不需要在 AndroidManifest.xml 文件中设置 `android:label` 属性来显示默认的标题栏了。
评论 13
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

宾有为

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值