setFeatureInt、android 自定义标题栏

Android 自带的toolbar 往往不能很好的的满足我们的个性化要求。因此我们经常使用自定的的标题栏。而Android系统本身也允许我们自定以标题栏。

记录一下，自定义标题栏常遇到的问题。先上效果图：

实现起来也很简单。在Activity 的 setContentView方法前添加

　　requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);

其含义是允许用户自定义标题栏。

然后再在setContentView后添加

getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.custom_navigation_bar);
其中 R.layout.custom_navigation_bar 为我们自定义的标题栏样式，

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     xmlns:tools="http://schemas.android.com/tools"
 4     android:layout_width="match_parent"
 5     android:layout_height="44dp"
 6     android:orientation="vertical"
 7     tools:context=".BaseActivity">
 8 
 9     <LinearLayout
10         android:layout_width="match_parent"
11         android:layout_height="match_parent"
12         android:layout_weight="1"
13         android:orientation="horizontal"
14         android:padding="10dp">
15 
16         <LinearLayout
17             android:layout_width="0dp"
18             android:layout_height="match_parent"
19             android:layout_weight="1"
20             android:gravity="left|center_vertical"
21             android:paddingBottom="2dp"
22             android:paddingTop="2dp">
23 
24             <ImageView
25                 android:id="@+id/navigation_left"
26                 android:layout_width="wrap_content"
27                 android:layout_height="match_parent"
28                 android:src="@mipmap/rt_tianjiaguanzhu" />
29 
30             <TextView
31                 android:id="@+id/navigation_left_text"
32                 android:layout_width="wrap_content"
33                 android:layout_height="wrap_content"
34                 android:text="散文"
35                 android:textSize="16sp" />
36 
37         </LinearLayout>
38 
39         <LinearLayout
40             android:layout_width="wrap_content"
41             android:layout_height="match_parent"
42             android:gravity="center"
43             android:paddingBottom="2dp"
44             android:paddingTop="2dp">
45 
46             <TextView
47                 android:id="@+id/navigation_center"
48                 android:layout_width="wrap_content"
49                 android:layout_height="wrap_content"
50                 android:layout_gravity="center"
51                 android:layout_marginRight="5dp"
52                 android:text="全部关注"
53                 android:textAlignment="center"
54                 android:textColor="@color/black"
55                 android:textSize="16sp" />
56 
57             <ImageView
58                 android:layout_width="wrap_content"
59                 android:layout_height="wrap_content"
60                 android:src="@mipmap/icon_down" />
61         </LinearLayout>
62 
63         <LinearLayout
64             android:layout_width="0dp"
65             android:layout_height="match_parent"
66             android:layout_weight="1"
67             android:gravity="right|center_vertical"
68             android:paddingBottom="2dp"
69             android:paddingTop="2dp">
70 
71             <ImageView
72                 android:id="@+id/navigation_right"
73                 android:layout_width="wrap_content"
74                 android:layout_height="match_parent"
75                 android:layout_gravity="center_vertical"
76                 android:src="@mipmap/settings" />
77         </LinearLayout>
78 
79     </LinearLayout>
80 
81     <View
82         android:layout_width="match_parent"
83         android:layout_height="0.5dp"
84         android:background="@color/lightgray" />
85 
86 </LinearLayout>

View Code

最后设置主题，也只最容易出错的地方。对使用该方式添加标题栏的Activity 添加主题样式。

这是我的主题样式应继承 android:Theme.Light 主题否则会报错。

1     <!-- 标题栏样式 -->
2     <style name="WindowTitleBackground" >
3         <item name="android:background">@color/colordarkgray</item>
4     </style>
5     <style name="MyTheme" parent="android:Theme.Light">
6         <item name="android:windowTitleSize">45dp</item>
7         <item name="android:windowTitleBackgroundStyle">@style/WindowTitleBackground</item>
8     </style>

View Code

Activity 引用代码如下。

android:theme="@style/MyTheme" 

这样就可以实现自定义的效果了。


补充：上面说主题不继承 android:Theme.Light 会报错。查了一下是标题栏冲突的原因。
　　　　我们只需要在继承的主题里添加如下属性就可以了。

　　　　<item name="android:windowActionBar">false</item>
　　　　<item name="android:windowNoTitle">false</item>
这样我们就可以继承别的主题使用一些高大上的效果了。如 Theme.AppCompat主题等。

有朋友问我，显示这个标题的时候同时也显示了系统自带的标题是什么原因，查看代码后发现他的Activity继承了AppCompatActivity 这里我们应继承Activity 就好了。

posted on 2016-11-02 14:43 末日之花阅读(2740) 评论(0) 编辑收藏举报