一、引入Toolbar
在介绍ToolBar之前,我们先回忆一下ActionBar。
相信下面这个界面大家都已经烂熟于心了,没错,在我们每次最初创建项目的时候,Android Studio会为我们创建出这样最初始的界面效果:除了一个“HelloWorld”的TextView,就是上面引人注目的蓝色条条——ActionBar了。
大家之前在做开发的时候,应该借助ActionBar实现不少界面效果:在ActionBar上添加menu菜单、退回键添加,添加TabHost、ListView等等......这些控件实在是太多了。
而Toolbar是在Android5.0之后引入的,用啦代替ActionBar的,他拥有高度的灵活性、可定制性。同时也符合MD(Material Design)设计风格,因此用它来代替ActionBar是再好合适不过的啦。
二、添加依赖
使用一个或者一系列控件,首先要添加依赖,Toolbar对应的包为support:appcompat-v7:XXX包(为了兼容5.0以前的,我们就选用这个了,红色部分)。
dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar'])
implementation 'com.android.support:appcompat-v7:26.1.0'
implementation 'com.android.support.constraint:constraint-layout:1.1.2'
testImplementation 'junit:junit:4.12'
androidTestImplementation 'com.android.support.test:runner:1.0.2'
androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
}
三、基本使用
3.1.由于Toolbar是用来代替ActionBar,所以我们在一开始应该将ActionBar隐藏起来。
有以下几种方法隐藏ActionBar:
1.在Activity或者Fragment中隐藏。
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
getSupportActionBar().hide();
}
}
2.自定义style,继承NoActionBar的style。
<style name="MyStyle" parent="Theme.AppCompat.Light.NoActionBar">
</style>
3.自定义style,声明标签隐藏ActionBar。
<style name="MyStyle" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
</style>
3.2.显示ToolBar
首先需要在layout中创建一个Toolbar。然后在Activity中获取到对应控件,这个过程太简单了,我直接打上代码了:
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar_main&#