安卓开发-自定义标题栏_移动开发_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > 移动开发 > 安卓开发-自定义标题栏

安卓开发-自定义标题栏

 2014/11/15 17:06:40  xiaochao1234  程序员俱乐部  我要评论(0)
  • 摘要:一个接着一个的activity,写啊写,调啊调,后来,终于发觉,activity的标题栏好难看,好单调啊。咱们为了吸引用户的眼球,得搞点个性化的东西。自定义标题栏的方法,网上一搜一大堆,我也稍微提一下,oncreate中加上如下代码就行:Java代码requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);setContentView(view);getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE
  • 标签:标题 开发 自定义

一个接着一个的activity,写啊写,调啊调,后来,终于发觉,activity的标题栏好难看,好单调啊。咱们为了吸引用户的眼球,得搞点个性化的东西。

  自定义标题栏的方法,网上一搜一大堆,我也稍微提一下,oncreate中加上如下代码就行:

  Java代码

  requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);

  setContentView(view);

  getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.title);

  requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);

  setContentView(view);

  getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.title);

  这个名为title的layout是这样子的,很简单,就是一个textview,然后有个背景色:

  Xml代码

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:orientation="vertical"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"  
    android:background="#66cccccc"  
    >  
<TextView     
    android:layout_width="fill_parent"    
    android:layout_height="wrap_content"    
    android:text="hello"  
    />  
</LinearLayout>  

 

  好,运行看效果。看到了吧,发现问题了没,标题栏的背景色没有填充满是吧,这可真是杯具哟。padding、margin什么的都用上也不管用,怎么办呢。

  看源码!

  window初始化,加载标题的地方,咱也不知道在哪里,不过咱能以layout作为切入点。打开源码里面的layout文件夹,找跟标题栏相关的xml文件。里面有screen_title.xml和screen_custom_title.xml,这就是咱们要找的目标了。

  既然是自定义标题,那我们就看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"

  好,从这里我们就可以入手改了。

  去values下面的themes.xml找到windowTitleBackgroundStyle这一项,这个应该在注释的下面。

  Xml代码

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><item name="windowTitleBackgroundStyle">@android:style/WindowTitleBackground</item>  

 

  然后去styles.xml下找到WindowTitleBackground项,

  Xml代码

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><style name="WindowTitleBackground">  
        <item name="android:background">@android:drawable/title_bar</item>  
</style>

 

  发现是一个drawable,xml的,里面定义了背景图片。ok,我们知道了,这个是定义titlebar的背景色。

  然后,去values下面的themes.xml找到windowContentOverlay,也是属于window attributes。

  Xml代码

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><item name="windowContentOverlay">@android:drawable/title_bar_shadow</item>  

 

 

  发现也是个drawable,ok,我们也知道了,这个是定义contentoverlay的背景的。

  其实,通过研究我发现,不能填充满的原因是title_container的背景的原因,我们覆盖一下就行了。

  首先,写个themes文件

  Xml代码

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><resources>  
    <style name="XTheme" parent="android:Theme">       
           
        <!-- Window attributes -->  
        <item name="android:windowTitleStyle">@style/XWindowTitle</item>      
        <item name="android:windowTitleBackgroundStyle">@style/StatusBarBackground</item>        
        <item name="android:windowContentOverlay">@null</item>  
    </style>     
</resources>  

 

  然后写styles文件

  Xml代码

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><resources>       
    <style name="StatusBarBackground">  
        <item name="android:background">@drawable/shape</item>  
    </style>  
               
    <style name="XWindowTitle" parent="android:WindowTitle">  
        <item name="android:shadowColor">#BB000000</item>  
        <item name="android:shadowRadius">0</item>  
    </style>  
</resources>  

 

  注意这个XWindowTitle要继承WindowTitle。

  最后,在manifext中给自定义的activity申明主题。

  Xml代码

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><activity android:name=".Entry"  
           android:label="@string/app_name"  
           android:theme="@style/XTheme">  
     <intent-filter>  
         <action android:name="android.intent.action.MAIN" />  
         <category android:name="android.intent.category.LAUNCHER" />  
     </intent-filter>  
</activity>  

 

  好,我们来看看效果吧:

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

  so cool, isn't it?

  当然,你也可以换成别的颜色或者是更炫的图片做背景。

发表评论
用户名: 匿名