一个菜鸟掌握的ActionBar与Toolbar,

2019-04-25 15:55:13 阅读：409 来源： 互联网

标签：ActionBar 菜单 color 菜鸟 item 点击 ToolBar 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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

一个菜鸟掌握的ActionBar与Toolbar,