一个接着一个的activity,写啊写,调啊调,后来,终于发觉,activity的标题栏好难看,好单调啊。咱们为了吸引用户的眼球,得搞点个性化的东西。
自定义标题栏的方法,网上一搜一大堆,我也稍微提一下,oncreate中加上如下 代码 就行:
Java代码 6 J/ ]6 F" x0 R( ?: R, w
1.requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);
2.setContentView(view); $ d! i) H. B/ Y2 h1 k9 L
3.getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.title);
requestWindowFeature(Window.FEATURE_CUSTOM_TITLE); + d0 t+ v0 C( ?+ u
setContentView(view);
getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.title); 这个名为title的layout是这样子的,很简单,就是一个textview,然后有个背景色:
2 Y- ], m0 w1 h5 [, l
Xml代码 / y/ ?$ A* r& \* W
1.<?xml version="1.0" encoding="utf-8"?>
2.<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" ! K( Y q% I7 h" x
3. android:orientation="vertical" 5 F4 B" l1 n- s
4. android:layout_width="fill_parent" 1 v( v" w! R1 Y* m- G- A
5. android:layout_height="fill_parent" 5 y, D7 f1 Z: \2 L! ] \
6. android:background="#66cccccc" 2 F, B' g$ y) q; I+ U2 k
7. >
8.<TextView ( q; r- d4 }, W. }& M7 `
9. android:layout_width="fill_parent" x3 x; c/ R: W7 Z; T- J
10. android:layout_height="wrap_content" 1 ^% B! W$ l& r( s( N7 I% x
11. android:text="hello"
12. />
13.</LinearLayout> , I7 R8 N6 S g7 |
<?xml version="1.0" encoding="utf-8"?> ; A) e3 O5 C! Y1 P9 S" A, V8 x
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" ; t2 g3 P0 V, R8 S9 K
android:layout_width="fill_parent" " _. U0 L+ p: r' W4 R1 s8 f
android:layout_height="fill_parent"
android:background="#66cccccc" % T1 V; Q2 ]3 A3 }* ^. a
> 0 A; b* H* m0 e- V9 T
<TextView
android:layout_width="fill_parent" 1 m; B3 ^: P$ Q/ \+ {. L
android:layout_height="wrap_content"
android:text="hello" ( }6 l+ E8 i/ P$ e, V( i k5 q
/>
</LinearLayout> 好,运行看效果。看到了吧,发现问题了没,标题栏的背景色没有填充满是吧,这可真是杯具哟。padding、margin什么的都用上也不管用,怎么办呢。6 ^" [- x2 Q! G' u0 O
看 源码 ! ) b' c. {2 v( _+ m: n
window初始化,加载标题的地方,咱也不知道在哪里,不过咱能以layout作为切入点。打 开源 码里面的layout 文件 夹,找跟标题栏相关的xml文件。里面有screen_title.xml和screen_custom_title.xml,这就是咱们要找的目标了。2 h4 w6 S9 d# W& F5 T
既然是自定义标题,那我们就看screen_custom_title.xml,里面有一个title_container和一个content,组合成了标题栏,我们自定义标题所给出的view,都被content作为子view了,影响不了那个title_container和content,所以,任你怎么弄,它该留白的还是留白,你没招。
看title_container有个style是这样的:style="?android:attr/windowTitleBackgroundStyle"
content的foreground是这样的android:foreground="?android:attr/windowContentOverlay") J! J( u. f4 p4 i4 F$ F' ~* C
好,从这里我们就可以入手改了。 . P" c/ c2 ?/ L1 P/ h6 }: r1 i
去values下面的themes.xml找到windowTitleBackgroundStyle这一项,这个应该在注释<!-- Window attributes -->的下面。 + B: Y2 B1 J3 K* ?
7 t) _) S y- b# {* r( G( g
Xml代码 8 H9 X+ a+ q; H0 j5 y
1.<item name="windowTitleBackgroundStyle">@android:style/WindowTitleBackground</item>
<item name="windowTitleBackgroundStyle">@android:style/WindowTitleBackground</item> 然后去styles.xml下找到WindowTitleBackground项,
$ P: m2 W- z6 h! a5 s1 K. }8 S8 i a
Xml代码
1.<style name="WindowTitleBackground">
2. <item name="android:background">@android:drawable/title_bar</item>
3.</style> ! L& G9 ?( t' Y, j! l* r+ U4 ^
<style name="WindowTitleBackground"> ) }& R5 N7 q7 Y# c
<item name="android:background">@android:drawable/title_bar</item>
</style> 发现是一个drawable,xml的,里面定义了背景图片。ok,我们知道了,这个是定义titlebar的背景色。 ! c* I, }2 m$ H# a& _
! C# A5 D9 q0 ^" Q6 d
然后,去values下面的themes.xml找到windowContentOverlay,也是属于window attributes。 " N1 v4 ^; a9 U- R# _- F
Xml代码
1.<item name="windowContentOverlay">@android:drawable/title_bar_shadow</item> ' P: ?0 B$ B; x# r
<item name="windowContentOverlay">@android:drawable/title_bar_shadow</item> 发现也是个drawable,ok,我们也知道了,这个是定义contentoverlay的背景的。
其实,通过研究我发现,不能填充满的原因是title_container的背景的原因,我们覆盖一下就行了。 5 X/ _% h8 J* t- L4 ~; f( L
首先,写个themes文件 8 g |3 W9 z/ w( D
# a) g; G, E5 @9 V7 d, Q# {
Xml代码
1.<resources>
2. <style name="XTheme" parent="android:Theme"> % g. n1 b: o! ^. c- S+ k" P
3. 3 j3 K( ?/ g- @# ]
4. <!-- Window attributes -->
5. <item name="android:windowTitleStyle">@style/XWindowTitle</item> 4 [1 c% m: X( \; ]* a" z x& d
6. <item name="android:windowTitleBackgroundStyle">@style/StatusBarBackground</item>
7. <item name="android:windowContentOverlay">@null</item> - q. q7 p: L6 j+ r( R5 C& I
8. </style> * t0 `) u' \ l& V
9.</resources> / l e+ C/ t8 d% q+ d
<resources> : ?; R( E6 g' z) O+ O% m
<style name="XTheme" parent="android:Theme">
<!-- Window attributes --> " J1 S, ]+ [. G! {- I
<item name="android:windowTitleStyle">@style/XWindowTitle</item>
<item name="android:windowTitleBackgroundStyle">@style/StatusBarBackground</item> - Y/ ?) u0 i, H6 l0 K. y2 \$ c
<item name="android:windowContentOverlay">@null</item> * F# V' T" u: y& j7 e
</style> 6 j1 o" i* c; H/ _2 H3 S+ X1 g4 G& }
</resources> 然后写styles文件
Xml代码 : h8 ~) s6 y+ V* o4 e; i
1.<resources>
2. <style name="StatusBarBackground"> * V2 F! G/ o7 i/ g* p+ h0 } Y$ R
3. <item name="android:background">@drawable/shape</item>
4. </style>
5. # Y# {' O: l8 d+ u8 w
6. <style name="XWindowTitle" parent="android:WindowTitle"> ' \ s8 h6 _7 K3 u4 z" L5 |' A
7. <item name="android:shadowColor">#BB000000</item> & r" Y4 W' t2 T* U/ P' T
8. <item name="android:shadowRadius">0</item> , y5 m0 A" k. V1 z6 [) Q; V% ^1 t/ A
9. </style>
10.</resources>
<resources> " }& a8 n& j, |! K h
<style name="StatusBarBackground"> 2 S8 K9 n! u o1 D# z |! [
<item name="android:background">@drawable/shape</item> 6 ?8 o) o; t5 [
</style> 6 a+ }) z4 c" o. w
+ ?7 u3 F" P1 P8 d4 j3 X
<style name="XWindowTitle" parent="android:WindowTitle"> 9 O9 R/ ~% I: n, Y; @+ F, ^2 o
<item name="android:shadowColor">#BB000000</item>
<item name="android:shadowRadius">0</item>
</style>
</resources> 注意这个XWindowTitle要继承WindowTitle。 4 N6 i& Z& B$ |
最后,在manifext中给自定义的activity申明主题。
Xml代码
1.<activity android:name=".Entry"
2. android:label="@string/app_name"
3. android:theme="@style/XTheme"> 1 y6 X' W3 ]2 k( p6 ~, T; t* }
4. <intent-filter>
5. <action android:name="android.intent.action.MAIN" /> 1 { X' Y- B5 @* D& T3 G H- X+ {
6. <category android:name="android.intent.category.LAUNCHER" />
7. </intent-filter> 8 |- ~* S. T$ ]7 H( y
8. </activity>
效果图
so cool, isn't it? * ^# v" a. n3 X1 V5 d# c o c
当然,你也可以换成别的颜色或者是更炫的图片做背景。
我在自己的开发过程中经常碰到这样一个问题,想自定义自己的title。于是我就把系统的title去掉,自己在布局文件里定义自己的title。通过requestWindowFeature(Window.FEATURE_NO_TITLE) (或者在配置文件里配置), 去掉系统的title。然后自己布局实现自己想要的title。
但是这样会出现一个恶心的问题,自己定义的title边缘有模糊阴影。如图:(上边缘有一块模糊的阴影)
后来找了半天才发现这跟android:windowContentOverlay 属性有关。
可以通过这样的方法去掉titlebar 就不会有上述的问题了。
首先在style.xml里定义一个notitlebar的style
<style name="notitlebar" parent="@android:style/Theme">
<item name="android:windowNoTitle">true</item>
<item name="android:windowContentOverlay">@null</item>
</style>
然后在你的AndroidMainfest.xml中相应的activity中做配置 引用该style
![2.jpg 2.jpg](http://www.eoeandroid.com/data/attachment/forum/201203/14/140656lcv2cv2qwqk2xqkv.jpg)