其他分享
首页 > 其他分享> > 一个菜鸟掌握的ActionBar与Toolbar,

一个菜鸟掌握的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