Toolbar 替换ActionBar(android MD 二)

来源:互联网 发布:考辛斯体测数据 编辑:程序博客网 时间:2024/06/02 13:21

Toolbar是Android 5.0推出的一个新的导航控件用于取代之前的ActionBar,由于其高度的可定制性、灵活性、具有Material Design风格等优点被大量采用。

兼容5.0以下版本:

加上依赖

compile 'com.android.support:appcompat-v7:25.+'

借用大佬的一张图

这里写图片描述

通过设置相应的主题属性得到的效果图

<style name="MainTheme" parent="Theme.AppCompat.Light.NoActionBar"><item name="colorPrimary">@color/colorPrimary</item><item name="colorPrimaryDark">@color/colorAccent</item><item name="android:textColorPrimary">#ffffff</item><itemname="android:windowBackground">@color/colorAccent</item><item name="android:navigationBarColor">@color/colorPrimary</item></style>

这里写图片描述

注意事项

  1. Toolbar要指定 android:background=”?attr/colorPrimary”
  2. 要去掉之前的ActionBar,例子是用Theme.AppCompat.Light.NoActionBar这个主题去除,也可以用相应的方法;
<style name="Theme.AppCompat.Light.NoActionBar">    <item name="windowActionBar">false</item>    <item name="windowNoTitle">true</item></style>

布局文件里添加Toolbar

<?xml version="1.0" encoding="utf-8"?><LinearLayout    xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"    android:orientation="vertical"    android:layout_height="match_parent" tools:context="com.example.toolbardemo.MainActivity">    <android.support.v7.widget.Toolbar        android:id="@+id/toolbar"        android:background="?attr/colorPrimary"        android:layout_width="match_parent"        android:layout_height="wrap_content" /></LinearLayout>

Activity里找到Toolbar

Toolbar mToolbar = (Toolbar) findViewById(R.id.toolbar);setSupportActionBar(mToolbar);

设置标题,导航icon等

     mToolbar.setTitle("我是大标题");        mToolbar.setSubtitle("我是小标题");        mToolbar.setLogo(R.mipmap.ic_launcher);        setSupportActionBar(mToolbar);  //注意顺序        mToolbar.setNavigationIcon(R.mipmap.ic_launcher_round);

这里写图片描述

设置菜单

  • 重写这个方法
 @Override public boolean onCreateOptionsMenu(Menu menu) {        getMenuInflater().inflate(R.menu.toolbar_menu, menu); //加载菜单        return super.onCreateOptionsMenu(menu); }

toolbar_menu.xml

<?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/action_search"        android:title="Search"        android:icon="@mipmap/ic_launcher"        app:showAsAction="ifRoom"/>    <item android:id="@+id/action_notifications"        android:title="notifications"        android:icon="@mipmap/ic_launcher"        app:showAsAction="ifRoom"/>    <item android:id="@+id/action_ications"        android:title="notiions"        android:icon="@mipmap/ic_launcher"        app:showAsAction="ifRoom"/>    <item android:id="@+id/action_stings"        android:title="sb"        android:orderInCategory="100"        android:icon="@mipmap/ic_launcher"        app:showAsAction="never"/></menu>

设置菜单Item点击事件

@Overridepublic boolean onOptionsItemSelected(MenuItem item) {        if (item.getItemId() == android.R.id.home) {            Toast.makeText(this, "你点击了导航图标", Toast.LENGTH_SHORT).show();        } else {            Toast.makeText(MainActivity.this, "你点击了标题为 :" + item.getTitle() + " 的菜单", Toast.LENGTH_SHORT).show();        }        return super.onOptionsItemSelected(item);}

改变系统默认的三个点的图片

        mToolbar.setOverflowIcon(getDrawable(R.mipmap.ic_launcher));  //替换三个点的图片

这里写图片描述

指定弹出菜单的主题

app:popupTheme="@style/Toolbar.Popup.Theme" <android.support.v7.widget.Toolbar        android:id="@+id/toolbar"        android:background="?attr/colorPrimary"        app:popupTheme="@style/Toolbar.Popup.Theme"        android:layout_width="match_parent"        android:layout_height="wrap_content" />
@style/Toolbar.Popup.Theme<style name="Toolbar.Popup.Theme" parent="@style/ThemeOverlay.AppCompat.Dark"><item name="android:colorBackground">@color/colorPrimary</item><item name="android:textColorPrimary">#000000</item><item name="actionOverflowMenuStyle">@style/Toolbar.Popup.Position.Theme</item></style><style name="Toolbar.Popup.Position.Theme" parent="Widget.AppCompat.Light.PopupMenu.Overflow"><item name="overlapAnchor">false</item>  <!--把该属性改为false即可使menu位置位于toolbar之下--></style>
  • android:textColorPrimary 指定弹出菜单的字体颜色
  • android:colorBackground指定弹出菜单的背景颜色
  • actionOverflowMenuStyle 设置弹出菜单的位置主题

暂时整理了这么多,后续会再更新!源码下载地址

阅读全文
0 0
原创粉丝点击