Android查缺补漏之Toolbar
16lz
2021-01-23
在移动应用中,顶部工具栏是一种很常见的东西,尤其是在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
然后在manifests中,将application的主题设为NoActionBar,当然也可以针对单一Activity设置
在布局文件中,增加Toolbar,注意调用此布局的Activity必须继承AppCompatActivity
最基本的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() { @Override public 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"?>
里面的两个item对应两个不同的选项,之后,在Activity中调用相应的xml @Override public 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
再修改toolbar的popuptheme app:popupTheme="@style/OverFlowMenuTheme"
即完成对弹窗的优化 对于item的点击事件,通过onOptionsItemSelected实现 @Override public 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中定义一个按钮
然后在activity中重写onCreateOptionMenu方法
@Override public 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
更多相关文章
- 利用BeautifulSoup的find_all()函数查找某个标签且该标签某属性
- 【Android 内存优化】Android 工程中使用 libjpeg-turbo 压缩图
- Android中关于Volley的使用(四)利用NetworkImageView来加载图片
- Android—— Android 的属性系统
- Android中网络图片的异步加载
- Android拍照调用系统相册仿微信封装总结,治疗各种崩溃,图片横竖
- 【Android 工具】Android 点9图片制作及讲解
- Android–多线程之Handler下载图片源码