Android Toolbar自定义标题标题居中的实例代码

所属分类：软件编程 / Android 阅读数： 57

收藏 0赞 0分享

自定义Toolbar，实现方式如下：

1.布局文件，在activity_main.xml 文件中写入Toolbar

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 xmlns:app="http://schemas.android.com/apk/res-auto">
 <android.support.v7.widget.Toolbar
  android:id="@+id/main_toolbar"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:minHeight="?attr/actionBarSize"
  android:background="@color/colorblue"
  app:contentInsetStart="0dp"
  android:layout_gravity="center"
  app:popupTheme="@style/AppTheme.PopupOverlay">
  <TextView
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:gravity="center"
   android:text="标题"
   android:textColor="@color/group_button_dialog_pressed_holo_light"
   android:textSize="22sp" />
 </android.support.v7.widget.Toolbar>
.......

除了代码中贴出的TextView，在Toolbar中可以加入其它控件，自定义标题栏。

2. 使用AppTheme去掉ActionBar或者使用Theme.AppCompat.NoActionBar主题

• 否则会出现错误信息：
• Caused by: java.lang.IllegalStateException: This Activity already has an action bar supplied by the window decor. Do not request Window.FEATURE_SUPPORT_ACTION_BAR and set windowActionBar to false in your theme to use a Toolbar instead.

错误原因：由于Activity已存在ActionBar，所以使用Toolbar进行替换时出错

•使用AppTheme去掉ActionBar

修改values文件下style.xml中的AppTheme属性,代码如下：

<resources>
 <!-- Base application theme. -->
 <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
  <!-- Customize your theme here. -->
  <item name="colorPrimary">@color/colorPrimary</item>
  <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
  <item name="colorAccent">@color/colorAccent</item>
  <item name="windowActionBar">false</item>
  <item name="android:windowActionBar">false</item>
  <item name="android:windowNoTitle">true</item>
  <item name="windowNoTitle">true</item>
 </style>

• 或使用Theme.AppCompat.NoActionBar主题

AndroidManifest.xml文件中设置

android:theme="@style/AppTheme.NoActionBar"

3.activity代码中设置Toolbar

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  Toolbar mToolbar = (Toolbar) findViewById(R.id.main_toolbar);
  setSupportActionBar(mToolbar);
 }

只两句，无需设置title为空字符串。

4.效果