Android群  - 讨论区

标题:解决android自定义标题栏充满的问题

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>

 

010426c0-4393-3d1e-8e75-fd5eefd7e09f.png
效果图

so cool, isn't it?  * ^# v" a. n3 X1 V5 d# c  o  c
当然,你也可以换成别的颜色或者是更炫的图片做背景。

引用来源

 

 

 

如下红色区域有误,请重新填写。

    你的回复:

    请 登录 后回复。还没有在Zeuux哲思注册吗?现在 注册 !

    Zeuux © 2024

    京ICP备05028076号