Android自定义标题栏

深藏阁楼爱情的钟 2022-07-12 07:09 264阅读 0赞

创建一个[Android][]工程，标题栏默认显示的是工程名，下面介绍如何自定义标题栏，我创建工程的MainActivity继承AppCompatActivity，效果图如下

![20170212111208116][]

首先在AndroidManifest.xml文件中把默认的标题隐藏，设置

android:theme="@style/Theme.AppCompat.Light.NoActionBar" >

**\[java\]**  [view plain][]   [copy][view plain]

1.  <?xml version="1.0" encoding="utf-8"?>  
2.  <manifest xmlns:android="http://schemas.android.com/apk/res/android"  
3.      **package**="com.nii.orcale" >  
4.    
5.      <application  
6.          android:allowBackup="true"  
7.          android:icon="@mipmap/ic\_launcher"  
8.          android:label="@string/app\_name"  
9.          android:supportsRtl="true"  
10.         android:theme="@style/Theme.AppCompat.Light.NoActionBar" >  
11.         <activity android:name=".MainActivity" >  
12.             <intent-filter>  
13.                 <action android:name="android.intent.action.MAIN" />  
14.   
15.                 <category android:name="android.intent.category.LAUNCHER" />  
16.             </intent-filter>  
17.         </activity>  
18.     </application>  
19.   
20. </manifest>

再创建一个标题的布局文件，就叫做title\_toolbar.xml，内容如下

**\[java\]**  [view plain][]   [copy][view plain]

1.  <?xml version="1.0" encoding="utf-8"?>  
2.  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.                  android:id="@+id/layout\_titlebar"  
4.                  android:layout\_width="match\_parent"  
5.                  android:layout\_height="52dp"  
6.    
7.                  android:background="\#ed4255">  
8.    
9.      <TextView  
10.             android:id="@+id/text\_title"  
11.             android:layout\_width="match\_parent"  
12.             android:layout\_height="match\_parent"  
13.             android:ellipsize="marquee"  
14.             android:gravity="center\_horizontal|center"  
15.             android:singleLine="true"  
16.             android:text="@string/title"  
17.             android:textColor="\#ffffffff"  
18.             android:textSize="20dp"/>  
19.   
20. </RelativeLayout>

最后把这个布局加入到主的布局文件中

**\[html\]**  [view plain][]   [copy][view plain]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****LinearLayout**  
3.      xmlns:android="http://schemas.android.com/apk/res/android"  
4.      xmlns:tools="http://schemas.android.com/tools"  
5.      android:layout\_width="match\_parent"  
6.      android:layout\_height="match\_parent"  
7.      android:orientation="vertical"  
8.      tools:context="com.nii.orcale.MainActivity"**>**  
9.    
10.     **<****include** layout="@layout/title\_toolbar"**>****</****include****>**  
11.   
12.     **<****ListView**  
13.             android:id="@+id/listView"  
14.             android:layout\_width="match\_parent"  
15.             android:layout\_height="wrap\_content" **>**  
16.     **</****ListView****>**  
17. **</****LinearLayout****>**

[Android]: http://lib.csdn.net/base/15
[20170212111208116]: /images/20220711/babb4d86641541cabffffee5850f3b51.png
[view plain]: http://blog.csdn.net/qq_37451446/article/details/54999922#