Android查缺补漏之Toolbar

2024-02-04 20:32
文章标签 android toolbar 补漏 查缺

本文主要是介绍Android查缺补漏之Toolbar，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在移动应用中，顶部工具栏是一种很常见的东西，尤其是在iOS中，顶部工具栏放上一个返回按钮几乎成了标配，而大部分设计人员，会趋向于iOS和Android两端保持一致，所以在自带返回键的安卓设备中，顶部栏也越来越多。


图为Android某版本系统应用的工具栏

Android系统在3.0版本就提供了Actionbar的功能，但是当时的Actionbar并不是很完善，就连Google官方都在一定程度上承认Actionbar限制了Android开发与设计的弹性。因此在以前的开发中很少使用原生的Actionbar，大多都是自己封装一个View来实现顶部栏所需的各种功能。

在Android5.0中，Google提供了一种全新的控件，叫做Toolbar，并且建议开发者使用Toolbar替换Actionbar。在Material design中也规范了其名称：App bar.

Toolbar的优势

相比于Actionbar，Toolbar具有很多的优点，包括但不仅限于：
  • Toolbar继承于ViewGroup而Actionbar继承于Object，因此Toolbar在配置的时候更加方便；
  • 可定制性高，使用起来更加灵活；
  • 能够显示用户当前所处的位置；
  • 能够提供一些重要的交互操作；
  • 可以实现导航功能，使用户更加方便的回到HomeActivity。

Toolbar基本使用方法

Toolbar存在于support v7中，我们在使用时需要先导入这个包，在Android Studio中，可以直接在gradle里面增加，如果仍在使用Eclipse，可以切到Android Studio再修改gradle ：） 
dependencies {compile fileTree(dir: 'libs', include: ['*.jar'])compile 'com.android.support:appcompat-v7:24.2.0'
}
导入第三方库后，我们需要先将应用中原有的Actionbar隐藏掉，在style.xml增加一种新的主题NoActionBar 
<resources><!-- Base application theme. --><style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"><!-- Customize your theme here. --><item name="colorPrimary">@color/colorPrimary</item><item name="colorPrimaryDark">@color/colorPrimaryDark</item><item name="colorAccent">@color/colorAccent</item></style><style name="AppTheme.NoActionBar"><item name="windowActionBar">false</item><item name="windowNoTitle">true</item></style></resources>
然后在manifests中，将application的主题设为NoActionBar，当然也可以针对单一Activity设置 
 <applicationandroid:allowBackup="true"android:icon="@mipmap/ic_launcher"android:label="@string/app_name"android:supportsRtl="true"android:theme="@style/AppTheme.NoActionBar">
在布局文件中，增加Toolbar，注意调用此布局的Activity必须继承AppCompatActivity 
    <android.support.v7.widget.Toolbarandroid:layout_width="match_parent"android:layout_height="wrap_content"android:background="@color/colorPrimary"app:logo="@mipmap/ic_launcher"app:title="hello toolbar"app:titleTextColor="#ffffff"></android.support.v7.widget.Toolbar>
最基本的Toolbar导入完成，编译后可以看到以下效果

Toolbar自定义属性

进入Toolbar的源码中，能够看到定义了一些view常规属性之外的属性 
 * @attr ref android.support.v7.appcompat.R.styleable#Toolbar_buttonGravity* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_collapseContentDescription* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_collapseIcon* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_contentInsetEnd* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_contentInsetLeft* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_contentInsetRight* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_contentInsetStart* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_contentInsetStartWithNavigation* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_contentInsetEndWithActions* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_android_gravity* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_logo* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_logoDescription* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_maxButtonHeight* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_navigationContentDescription* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_navigationIcon* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_popupTheme* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_subtitle* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_subtitleTextAppearance* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_subtitleTextColor* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_title* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_titleMargin* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_titleMarginBottom* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_titleMarginEnd* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_titleMarginStart* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_titleMarginTop* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_titleTextAppearance* @attr ref android.support.v7.appcompat.R.styleable#Toolbar_titleTextColor
这些属性的命名和View的个属性风格相同，很容易就能够理解它们的含义。在xml中如果需要定义这些属性，需要设置 
xmlns:app="http://schemas.android.com/apk/res-auto"
然后通过app:xxx进行引用。
不过在测试的时候发现，并不是所有属性在布局文件中设置都会生效，有一些需要在activity中设置supportActionBar之后才可以，有些则需要在这之前（这些可以在xml中直接使用），例如： 
 mToolbar = (Toolbar)findViewById(R.id.toolbar);mToolbar.setTitle("title");setSupportActionBar(mToolbar);mToolbar.setNavigationIcon(R.mipmap.ic_launcher);

Toolbar个性化设置

设置标题、子标题、logo

 private void initToolbar(){mToolbar = (Toolbar)findViewById(R.id.toolbar);mToolbar.setTitle("title");mToolbar.setSubtitle("sub title");mToolbar.setTitleTextColor(0xffffffff);mToolbar.setSubtitleTextColor(0xffffffff);mToolbar.setLogo(R.mipmap.back);setSupportActionBar(mToolbar);}

设置返回按钮

    private void initToolbar(){mToolbar = (Toolbar)findViewById(R.id.toolbar);mToolbar.setTitle("title");mToolbar.setSubtitle("sub title");mToolbar.setTitleTextColor(0xffffffff);mToolbar.setSubtitleTextColor(0xffffffff);mToolbar.setNavigationIcon(R.mipmap.back);setSupportActionBar(mToolbar);mToolbar.setNavigationOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(MainActivity.this,"back",Toast.LENGTH_SHORT).show();}});}

overflow

overflow是安卓标题栏中弹出的menu，首先需要写一个menu对应的xml文件 
<?xml version="1.0" encoding="utf-8"?>
<menu 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"><itemandroid:id="@+id/item1"android:title="这是第一个选项"app:showAsAction="never"/><itemandroid:id="@+id/item2"android:title="这是第二个选项"app:showAsAction="never"/>
</menu>
里面的两个item对应两个不同的选项，之后，在Activity中调用相应的xml 
    @Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.menu,menu);return true;}
这样便得到了一个最基础的overflow
但是这个overflow的效果看起来并不能让人满意，接着我们对其进行优化。将按钮颜色变成白色，同时让弹出的窗口移到bar的下面。 
app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
在布局文件中修改Toolbar的属性，即可将按钮的颜色变成白色。然后在style.xml增加一个新的xml 
    <style name="OverFlowMenuTheme" parent="Theme.AppCompat.NoActionBar"><!-- 设置Menu菜单的背景色 --><item name="android:itemBackground">@android:color/white</item><!-- 设置Menu菜单的字体颜色 --><item name="android:textColorPrimary">@android:color/black</item><!-- 设置Menu窗口不覆盖Toolbar视图 --><item name="overlapAnchor">false</item></style>
再修改toolbar的popuptheme 
app:popupTheme="@style/OverFlowMenuTheme"
即完成对弹窗的优化
对于item的点击事件，通过onOptionsItemSelected实现 
   @Overridepublic boolean onOptionsItemSelected(MenuItem item) {switch (item.getItemId()){case R.id.item1:Toast.makeText(MainActivity.this,"选择第一个选项",Toast.LENGTH_SHORT).show();break;case R.id.item2:Toast.makeText(MainActivity.this,"选择第二个选项",Toast.LENGTH_SHORT).show();break;}return super.onOptionsItemSelected(item);}

搜索

在Toolbar中，我们可以很容易实现搜索的功能，先在menu.xml中定义一个按钮 
    <itemandroid:id="@+id/action_search"android:icon="@mipmap/search"android:title="搜索"app:showAsAction="ifRoom|collapseActionView"app:actionViewClass="android.support.v7.widget.SearchView"/>

然后在activity中重写onCreateOptionMenu方法 
    @Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.menu,menu);MenuItem searchItem = menu.findItem(R.id.action_search);SearchView searchView = (SearchView) MenuItemCompat.getActionView(searchItem);;//设置searchView相关逻辑return true;}



Toolbar的相关使用方法基本就是这样，可以看出Toolbar比Actionbar确实提升了很多，完全能够满足日常开发的需要，我们也不需要再去自己定义Actionbar了。当然，Toolbar的用法远不止这些，要实现什么效果，就要看各位开发者的了。

参考文章：
http://blog.csdn.net/h_zhang/article/details/51232773
http://www.tuicool.com/articles/RjYfq27
http://blog.csdn.net/c12366456/article/details/51534816

这篇关于Android查缺补漏之Toolbar的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/678718。

相关文章

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸： 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  （注意不能是bmp格式） 替换默认锁屏壁纸： 将图片资源放入vendo
阅读更多...
Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

技术背景 好多开发者需要遴选Android平台RTSP直播播放器的时候，不知道如何选的好，本文针对常用的方案，做个大概的说明： 1. 使用VLC for Android VLC Media Player（VLC多媒体播放器），最初命名为VideoLAN客户端，是VideoLAN品牌产品，是VideoLAN计划的多媒体播放器。它支持众多音频与视频解码器及文件格式，并支持DVD影音光盘，VCD影
阅读更多...
android-opencv-jni

android-opencv-jni

//------------------start opencv--------------------@Override public void onResume(){ super.onResume(); //通过OpenCV引擎服务加载并初始化OpenCV类库，所谓OpenCV引擎服务即是 //OpenCV_2.4.3.2_Manager_2.4_*.apk程序包，存
阅读更多...
从状态管理到性能优化：全面解析 Android Compose

从状态管理到性能优化：全面解析 Android Compose

文章目录 引言一、Android Compose基本概念1.1 什么是Android Compose?1.2 Compose的优势1.3 如何在项目中使用Compose 二、Compose中的状态管理2.1 状态管理的重要性2.2 Compose中的状态和数据流2.3 使用State和MutableState处理状态2.4 通过ViewModel进行状态管理 三、Compose中的列表和滚动
阅读更多...
Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

1.前言 在10.0的系统rom定制化开发中，在进行一些平板等默认横屏的设备开发的过程中，需要在进入camera2的 时候，默认预览图像也是需要横屏显示的，在上一篇已经实现了横屏预览功能，然后发现横屏预览后，拍照保存的图片 依然是竖屏的，所以说同样需要将图片也保存为横屏图标了，所以就需要看下mtk的camera2的相关横屏保存图片功能， 如何实现实现横屏保存图片功能 如图所示: 2.mtk
阅读更多...
android应用中res目录说明

android应用中res目录说明

Android应用的res目录是一个特殊的项目，该项目里存放了Android应用所用的全部资源，包括图片、字符串、颜色、尺寸、样式等，类似于web开发中的public目录，js、css、image、style。。。。 Android按照约定，将不同的资源放在不同的文件夹中，这样可以方便的让AAPT(即Android Asset Packaging Tool , 在SDK的build-tools目
阅读更多...
Android fill_parent、match_parent、wrap_content三者的作用及区别

Android fill_parent、match_parent、wrap_content三者的作用及区别

这三个属性都是用来适应视图的水平或者垂直大小，以视图的内容或尺寸为基础的布局，比精确的指定视图的范围更加方便。 1、fill_parent 设置一个视图的布局为fill_parent将强制性的使视图扩展至它父元素的大小 2、match_parent 和fill_parent一样，从字面上的意思match_parent更贴切一些，于是从2.2开始，两个属性都可以使用，但2.3版本以后的建议使
阅读更多...
Android Environment 获取的路径问题

Android Environment 获取的路径问题

1. 以获取 /System 路径为例 /*** Return root of the "system" partition holding the core Android OS.* Always present and mounted read-only.*/public static @NonNull File getRootDirectory() {return DIR_ANDR
阅读更多...
Android逆向(反调，脱壳，过ssl证书脚本)

Android逆向(反调，脱壳，过ssl证书脚本)

文章目录 总结 基础Android基础工具 定位关键代码页面activity定位数据包参数定位堆栈追踪 编写反调脱壳好用的脚本过ssl证书校验抓包反调的脚本打印堆栈bilibili反调的脚本 总结 暑假做了两个月的Android逆向，记录一下自己学到的东西。对于app渗透有了一些思路。 这两个月主要做的是代码分析，对于分析完后的持久化等没有学习。主要是如何反编译源码，如何找到
阅读更多...
android系统源码12 修改默认桌面壁纸--SRO方式

android系统源码12 修改默认桌面壁纸--SRO方式

1、aosp12修改默认桌面壁纸 代码路径 ：frameworks\base\core\res\res\drawable-nodpi 替换成自己的图片即可，不过需要覆盖所有目录下的图片。 由于是静态修改，则需要make一下，重新编译。 2、方法二Overlay方式 由于上述方法有很大缺点，修改多了之后容易遗忘自己修改哪些文件，为此我们采用另外一种方法，使用Overlay方式。
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2