Android Toolbar自定義標題標題居中的實例代碼

2019-12-12 00:35:57

字體：大中小

來源：轉載

供稿：網友

自定義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.效果