一个菜鸟掌握的ActionBar与Toolbar,
作者:互联网
1.当创建Activity的时候自动继承“Theme.AppCompat.Light.DarkActionBar”的AppThem
。会自带ActionBar,如果想要隐藏此ActionBar可以在里面的属性加上 < item name=“windowNoTitle”>true< /item>,
就没有ActionBar了,也可以直接更换parent来达到此效果例如方法二。
方法一
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="windowNoTitle">true</item>
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
方法二
<style name="AppThemeDesgin" parent="Theme.AppCompat.Light.NoActionBar">
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
ActionBar因为它的不灵活性,在项目开发的时候其实已经被取代了,简单的ActionBar还是可以用他来完成的,但是复杂的ActionBar就需用使用design的ToolBar了
ToolBar的使用方法:
1.首先需要修改ToolBar所在Activity的主题,设置为没有titleBar,(建议采用 上面提到的方式二)
<activity
android:name=".DesignActivity"
android:theme="@style/AppThemeDesgin" />
2.在当前Activity的layout文件中创建ToolBar
<android.support.v7.widget.Toolbar
android:id="@+id/design_toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
android:background="@color/colorPrimary"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />
在design的Toolbar中,里面的内容会根据activity的them属性来规定自己的颜色,比如当前的activity的them设置的是浅色(Theme.AppCompat.Light.NoActionBar),那么在desgin的toolbar里面它会自动设置为深色,也就是字体为黑色。
所以就需要设置它自身的属性为深色( android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"),那么他的字体就变成了浅色(白色,如下图),但是点击事件也就变成了深色(黑色),看起来不美观,就需要在规定点击事件的背景颜色通过属性popupTheme来进行规定,
3.修改标题的内容,通过属性android:label来进行修改
<activity
android:name=".DesignActivity"
android:label="来看一下我的designsToolBar"
android:theme="@style/AppThemeDesgin" />
4.ToolBar的点击事件的创建,1.首先需要创建一个菜单的layout布局 此layout的布局需要在res/meun下进行创建。2.重写创建菜单的onCreateOptionsMenu方法3.重写菜单的点击事件onOptionsItemSelected方法
1.创建布局,
<?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">
<item
android:id="@+id/set_up_show_ifroom"
android:icon="@drawable/shuye"
app:showAsAction="ifRoom"></item>
<item
android:id="@+id/set_up_show_never"
android:title="@string/action_bar_activity_name"
app:showAsAction="never"></item>
</menu>
要设置属性id, icon是图片,title是内容 ,里面的内容在@String文件里面进行填写 ,showAsAction是规定点击事件是显示出来,还是放入到菜单里面。
如下图,叶子图片就是设置了showAsAction="ifRoom”
点击菜单之后出现下图,这是设置了:showAsAction=“never”,
2.重写的两个方法
@Override
public boolean onCreateOptionsMenu(Menu menu) {
MenuInflater inflater = ActionBarActivity.this.getMenuInflater();
inflater.inflate(R.menu.actionbar_activity_actions, menu);
return super.onCreateOptionsMenu(menu);
}
//重写点击事件
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case R.id.set_up_show_ifroom:
Toast.makeText(this, "你点击了没有显示的按钮", Toast.LENGTH_SHORT).show();
break;
case R.id.set_up_show_never:
Toast.makeText(this, "你点击了在菜单里的按钮", Toast.LENGTH_SHORT).show();
break;
}
return super.onOptionsItemSelected(item);
}
标签:ActionBar,菜单,color,菜鸟,item,点击,ToolBar,Toolbar 来源: https://blog.csdn.net/qq_42739625/article/details/89515591