android v7包里的Toolbar,怎么定制图标,字体居中的效果

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了android v7包里的Toolbar,怎么定制图标,字体居中的效果相关的知识,希望对你有一定的参考价值。

 首先使用 Toolbar 来代替ActionBar ,这样我们就能够把ActionBar嵌入到我们的View体系中,然后我们"禁用"系统的status bar,由 DrawerLayout 来处理status bar,最后抽屉部分往上移,或者裁剪掉status bar那一部分。
  控制Status bar
  在你的values-v21里面添加新的主题,并设置一下属性:
  values-v21/themes.xml
  <style name="AppTheme">
  <item name="android:windowDrawsSystemBarBackgrounds">true</item>
  <item name="android:statusBarColor">@android:color/transparent</item>
  </style>

  这里解释一下:
  windowDrawsSystemBarBackgrounds ,将它设置为true,系统将在你的window里面绘制status bar,默认为 TRUE ,之所以要写出来是因为你的theme有可能是继承过来的,确保为true。(在这里小插曲一下,因调试时,总以为注释了这段代码就以为是false,程序员思维害苦了我。另外从命名来看,Android把它称为system bar,可能是为了与能被我们处理的status bar区分开而做的改变。)
  statusBarColor 设置为透明是因为我们不再需要系统的status bar,因为我们无法控制它的位置,后面我们将交由 DrawerLayout 来处理。
  使用DrawerLayout
  首先,你的布局文件应该是和这个类似的:
  <android.support.v4.widget.DrawerLayout
  xmlns:android="url"
  android:id="@+id/my_drawer_layout"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:fitsSystemWindows="true">
  <!-- Your normal content view -->
  <LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical">
  <!-- We use a Toolbar so that our drawer can be displayed
  in front of the action bar -->
  <android.support.v7.widget.Toolbar
  android:id="@+id/my_awesome_toolbar"
  android:layout_height="wrap_content"
  android:layout_width="match_parent"
  android:minHeight="?attr/actionBarSize"
  android:background="?attr/colorPrimary" />
  <!-- The rest of your content view -->
  </LinearLayout>
  <!-- The navigation drawer -->
  <ScrimInsetsFrameLayout xmlns:android="rul"
  xmlns:app="url"
  android:layout_width="304dp"
  android:layout_height="match_parent"
  android:layout_gravity="left"
  android:background="@android:color/white"
  android:elevation="10dp"
  android:fitsSystemWindows="true"
  app:insetForeground="#4000">
  <!-- Your drawer content -->
  </ScrimInsetsFrameLayout>
  </android.support.v4.widget.DrawerLayout>

  在这里布局里面我们用到了一个的开源类 ScrimInsetsFrameLayout ,它的主要作用就是利用 fitsSystemWindows 的回调方法 fitSystemWindows(Rect insets) 来获取status bar的大小,然后调整画布已达到去掉status bar的效果,所以我们需要在ScrimInsetsFrameLayout 下设置 fitsSystemWindows 为true。当然你也可以不使用这个类,而改用 layout_marginTop 属性来达到效果。
  insetForeground 这个属性是ScrimInsetsFrameLayout自带的,表示插入区域的前景色,我们设置为带透明的黑色#4000。别忘了使用这个属性需要添加如下代码到attrs.xml里:
  values/attrs.xml
  <declare-styleable name="ScrimInsetsView">
  <attr name="insetForeground" format="reference|color" />
  </declare-styleable>

  自此,我们已经实现了将DrawerLayout抽屉的那一部分显示在 Toolbar 和systembar(为了和下面的status bar区分,我们称为system bar)之间了,可是system bar的颜色被我们设置了透明,所以我们接下来要改变status bar的颜色。
  改变Status bar的颜色
  你可能已经注意到刚才的布局里面 DrawerLayout 的 fitsSystemWindows 属性设置了为true,这是因为我们要在代码里面使用了 DrawerLayout 设置status bar颜色的方法:
  // 在这里我们获取了主题暗色,并设置了status bar的颜色
  TypedValue typedValue = new TypedValue();
  getTheme().resolveAttribute(R.attr.colorPrimaryDark, typedValue, true);
  int color = typedValue.data;
  // 注意setStatusBarBackgroundColor方法需要你将fitsSystemWindows设置为true才会生效
  DrawerLayout drawerLayout = (DrawerLayout) findViewById(R.id.my_drawer_layout);
  drawerLayout.setStatusBarBackgroundColor(color);

  使用ToolBar来代替ActionBar

  在代码里面这样设置:
  Toolbar toolbar = (Toolbar) findViewById(R.id.my_awesome_toolbar);
  setSupportActionBar(toolbar);
参考技术A (1)在你的Toolbar里添加这样的属性:

app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"

app:popupTheme——
有时候我们有需求:
ActionBar文字是白的,ActionBar Overflow弹出的是白底黑字
让ActionBar文字是白的,那么对应的theme肯定是Dark。
可是让ActionBar弹出的是白底黑字,那么需要Light主题。
这时候popupTheme就派上用场了。

android:theme 与 app:theme——
在AppCompat v21里,提供了一个快速方便的方法设置Toolbar的主题,使用app:theme。
而新版本22.1.x中,AppCompat 允许对 Toolbar 使用android:theme代替app:theme。
最好的一点是:它会自动继承父视图的theme ,并且兼容所有APIv11以上的设备本回答被提问者采纳

以上是关于android v7包里的Toolbar,怎么定制图标,字体居中的效果的主要内容,如果未能解决你的问题,请参考以下文章

无法实例化以下类:- android.support.v7.widget.Toolbar

Android编程入门--android.support.v7.widget.Toolbar

android 怎么让toolbar上面的title居中

android studio 2.2怎么添加toolbar里的元素

Toolbar-标题栏的使用

Android studio 3.6 ToolBar问题