Android自定义窗口标题实例

该实例的功能比较简单,但是通过该实例的扩展可以在自定义标题中做出菜单导航等实用的功能,为了实现自定义窗口标题,需要做以下几个步骤:

1、给自定义标题提供一个界面

2、将自定义标题应用给Activity窗口

3、把android系统为Activity设置的默认主题改为自己的主题

 

============================下面查看实现该例子的具体代码================================

step1、新建一个项目MyCustomTitle

step2、编写自定义标题的布局文件 /res/layout/custom_title.xml

 

[html][/html] view plaincopy

  1. <?xml version=”1.0″ encoding=”utf-8″?>
  2. <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
  3.     android:orientation=”horizontal” android:layout_width=”fill_parent”
  4.     android:layout_height=”fill_parent” android:background=”@drawable/rectangle”> <!– 指定背景,该背景自己画的 –>
  5.     <Button android:id=”@+id/infoAtMeTextView”
  6.         android:textColor=”#FF0000″ android:layout_width=”wrap_content”
  7.         android:layout_height=”match_parent” android:layout_weight=”1″
  8.         android:gravity=”center” android:text=”\@我” />
  9.     <Button android:id=”@+id/infoCommentTextView”
  10.         android:textColor=”#FF0000″ android:layout_width=”wrap_content”
  11.         android:layout_height=”match_parent” android:layout_weight=”1″
  12.         android:gravity=”center” android:text=”评论” />
  13.     <Button android:id=”@+id/infoPrivateMsgTextView”
  14.         android:textColor=”#FF0000″ android:layout_width=”wrap_content”
  15.         android:layout_height=”match_parent” android:layout_weight=”1″
  16.         android:gravity=”center” android:text=”私信” />
  17. </LinearLayout>

 

 

step3、上面布局文件中使用的背景是一个drawable文件,该drawable文件绘制了一个长方形。该文件是/drawable/rectangle.xml

 

[html][/html] view plaincopy

  1. <?xml version=”1.0″ encoding=”utf-8″?>
  2. <!– 下面定义了一个长方形 –>
  3. <shape xmlns:android=”http://schemas.android.com/apk/res/android”
  4.     android:shape=”rectangle”>
  5.     <gradient android:angle=”270″ android:endColor=”#1DC9CD”
  6.         android:startColor=”#A2E0FB” />
  7.     <padding android:left=”2dp” android:top=”2dp” android:right=”2dp”
  8.         android:bottom=”2dp” />
  9. </shape>

 

step4、将自定义标题设置到Activity中,CustomTitleActivity.java

 

[java][/java] view plaincopy

  1. package cn.oyp.title;
  2. import android.app.Activity;
  3. import android.os.Bundle;
  4. import android.view.Window;
  5. public class CustomTitleActivity extends Activity {
  6.     /** Called when the activity is first created. */
  7.     @Override
  8.     public void onCreate(Bundle savedInstanceState) {
  9.         super.onCreate(savedInstanceState);
  10.         //指定使用自定义标题
  11.         requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);
  12.         setContentView(R.layout.main);
  13.         //设置窗口的自定义标题布局文件
  14.         getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.custom_title);
  15.     }
  16. }

 

===================================== 读源码开始 ==============================================

 

然后运行该应用,发现用户设置后的自定义layout没有办法填充整个标题栏。

通过查看Android源代码得知Android系统为Activity的title默认设置了一个布局文件,该布局文件是core/res/res/layout/screen_title.xml

 

 

[html][/html] view plaincopy

  1. <?xml version=”1.0″ encoding=”utf-8″?>
  2. <!– Copyright (C) 2006 The Android Open Source Project
  3.      Licensed under the Apache License, Version 2.0 (the “License”);
  4.      you may not use this file except in compliance with the License.
  5.      You may obtain a copy of the License at
  6.           http://www.apache.org/licenses/LICENSE-2.0
  7.      Unless required by applicable law or agreed to in writing, software
  8.      distributed under the License is distributed on an “AS IS” BASIS,
  9.      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  10.      See the License for the specific language governing permissions and
  11.      limitations under the License.
  12. –>
  13. <!–
  14. This is an optimized layout for a screen, with the minimum set of features
  15. enabled.
  16. –>
  17. <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
  18.     android:orientation=”vertical”
  19.     android:fitsSystemWindows=”true”>
  20.     <FrameLayout
  21.         android:layout_width=”match_parent”
  22.         android:layout_height=”?android:attr/windowTitleSize”
  23.         style=”?android:attr/windowTitleBackgroundStyle”>
  24.         <TextView android:id=”@android:id/title”
  25.             style=”?android:attr/windowTitleStyle”
  26.             android:background=”@null”
  27.             android:fadingEdge=”horizontal”
  28.             android:gravity=”center_vertical”
  29.             android:layout_width=”match_parent”
  30.             android:layout_height=”match_parent” />
  31.     </FrameLayout>
  32.     <FrameLayout android:id=”@android:id/content”
  33.         android:layout_width=”match_parent”
  34.         android:layout_height=”0dip”
  35.         android:layout_weight=”1″
  36.         android:foregroundGravity=”fill_horizontal|top”
  37.         android:foreground=”?android:attr/windowContentOverlay” />
  38. </LinearLayout>

 

 

读上一段代码可以发现该布局文件由两个帧布局构成,而其中的几个属性

?android:attr/windowTitleSize 标题高度

?android:attr/windowTitleBackgroundStyle     标题背景样式

?android:attr/windowContentOverlay 标题前景色

而这几个属性的值都是在core/res/res/values/themes.xml文件中被赋值了

 

[html][/html] view plaincopy

  1. <style name=”Theme”>
  2.     <item name=”android:windowContentOverlay”>@android:drawable/title_bar_shadow</item>
  3.     <item name=”android:windowTitleSize”>25dp</item>
  4.     <item name=”android:windowTitleBackgroundStyle”>@android:style/WindowTitleBackground</item>
  5. </style>

 

而上面的@android:style/WindowTitleBackground样式在core/res/res/values/styles.xml文件中被定义

 

[html][/html] view plaincopy

  1.        <style name=”WindowTitleBackground”>
  2.     <item name=”android:background”>@android:drawable/title_bar</item>
  3. </style>

 

 

===================================== 读源码结束 ==============================================

 

step5、自定义样式 /res/values/style.xml

 

[html][/html] view plaincopy

  1. <?xml version=”1.0″ encoding=”utf-8″?>
  2. <resources>
  3.     <!– 该样式继承系统的默认样式 –>
  4.     <style name=”customTheme” parent=”android:Theme”>
  5.         <!– 设置标题前景色为透明 –>
  6.         <item name=”android:windowContentOverlay”>@drawable/nocolor</item>
  7.         <!– 设置标题高度为44dp –>
  8.         <item name=”android:windowTitleSize”>44dp</item>
  9.         <!– 设置标题背景色 –>
  10.         <item name=”android:windowTitleBackgroundStyle”>@style/customBg</item>
  11.     </style>
  12.     <!– 定义一个背景样式 –>
  13.     <style name=”customBg”>
  14.         <item name=”android:background”>@drawable/rectangle</item>
  15.     </style>
  16. </resources>

 

 

上面的@drawable/nocolor定义在/res/values/strings.xml文件中

 

[html][/html] view plaincopy

  1. <?xml version=”1.0″ encoding=”utf-8″?>
  2. <resources>
  3.     <string name=”hello”>该应用的目的是自定义窗口标题!</string>
  4.     <string name=”app_name”>自定义窗口标题</string>
  5.     <!– 定义一个透明色 –>
  6.     <drawable name=”nocolor”>#00000000</drawable>
  7. </resources>

 

 

step6、将在自定义的标题样式应用到窗口中,在描述文件AndroidManifest.xml中

 

[html][/html] view plaincopy

  1. <?xml version=”1.0″ encoding=”utf-8″?>
  2. <manifest xmlns:android=”http://schemas.android.com/apk/res/android”
  3.       package=”cn.oyp.title”
  4.       android:versionCode=”1″
  5.       android:versionName=”1.0″>
  6.     <uses-sdk android:minSdkVersion=”8″ />
  7.     <application android:icon=”@drawable/icon” android:label=”@string/app_name”>
  8.         <activity android:name=”.CustomTitleActivity”
  9.                 android:theme=”@style/customTheme”><!– 使用自定义主题 –>
  10.             <intent-filter>
  11.                 <action android:name=”android.intent.action.MAIN” />
  12.                 <category android:name=”android.intent.category.LAUNCHER” />
  13.             </intent-filter>
  14.         </activity>
  15.     </application>
  16. </manifest>

 

 

step7:查看该自定义窗口的效果

标签