2010年12月09日 星期四 20:34
一个接着一个的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
当然,你也可以换成别的颜色或者是更炫的图片做背景。
Zeuux © 2024
京ICP备05028076号