Android 自定义Activity的标题栏(Titlebar)

缺省的情况下,通常见到Activity的标题栏(Titlebar)是这样的(红色框内):

HandleContacts是Activity的标题。
有时候,我们希望能改变一下这样单调的状况。比如,要在标题栏中增加一个用于美化界面的图标、增一个输入框或按钮之类的,怎样才能做到这一点呢?我们不妨来看一个实际的例子。

1.首先如下创建一个Android项目

2.将图片magnifier.png拖入该项目的res/drawable-mdpi文件夹下。magnifier.png图片的样子是这样的:

3.在该项目的res/layout文件夹下,创建一个布局titlebar.xml,这个布局将用于定制Activity的标题栏

编辑titlebar.xml,使其内容如下:

<?xmlversion="1.0" encoding="utf-8"?><LinearLayout       xmlns:android="http://schemas.android.com/apk/res/android"       android:orientation="horizontal"       android:layout_width="fill_parent"       android:layout_height="wrap_content">           <ImageView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:src="@drawable/magnifier"                android:gravity="bottom"       />       <TextView                 android:layout_width="wrap_content"                 android:layout_height="38dip"                 android:text="@string/app_name"                 android:textColor="#FFFFFFFF"                 android:textSize="14dip"                 android:paddingTop="1dip"       />             <EditText                   android:id="@+id/searchparameter"                   android:layout_width="wrap_content"                   android:layout_height="38dip"                   android:text="ABCDEFGHIJ"                   android:textSize="14dip"                   android:layout_margin="1dip"         />         <Button android:id="@+id/button"                   android:layout_width="wrap_content"                   android:layout_height="38dip"                   android:text="OK"                   android:textSize="14dip"         /></LinearLayout>

在上面的LinearLayout中,增加了以下控件:

一个ImageView,用于显示一个图标

一个TextView,用于显示应用的名称

一个EditText,用于接收输入

一个Button,用于测试

4.修改CustomizeTitlebar.java,使之如下:

public class CustomizeTitlebar extends Activity{    @Override    public void onCreate(Bundle savedInstanceState)    {       super.onCreate(savedInstanceState);       requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);       setContentView(R.layout.main);       getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.titlebar);    }}

以上加粗的两行很重要,而且必须要严格按照上面那样的顺序出现在代码中。即:

requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);必须出现在super.onCreate(savedInstanceState);之后,setContentView(R.layout.main);之前。其意思就是告诉系统,本程序要自己定义Titlebar;

getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE,R.layout.titlebar); 则必须出现在setContentView之后,其意思就是告诉系统,自定义的布局是R.layout.titlebar(即,我们前面编写的titlebar.xml)

到这里,不妨来运行一下,看看结果如何:

我们看到,Titlebar基本上按照我们的意思进行了改变,但也存在着一个缺陷:Titlebar太窄了,那么怎样改变Titlebar的高度呢?

5. 要改变Titlebar的高度,我们得先创建styles.xml(目录一般在/res/values/下),编辑styles.xml,使其内容如下:

<?xmlversion="1.0" encoding="utf-8"?><resources>         <style name="titlebarstyle"parent="android:Theme">                   <item name="android:windowTitleSize">38dip</item>         </style></resources>

上面<item name="android:windowTitleSize">39dip</item>这一句,就是用来设定Titlebar的高度的。

6.在上面的基础上,我们需要修改AndroidManifest.xml中,相应Activity的属性。如下:

<?xmlversion="1.0" encoding="utf-8"?><manifestxmlns:android="http://schemas.android.com/apk/res/android"      package="com.pat.customizetitlebar"      android:versionCode="1"      android:versionName="1.0">    <application android:icon="@drawable/icon"android:label="@string/app_name">        <activity android:name=".CustomizeTitlebar"                  android:label="@string/app_name"                  android:theme="@style/titlebarstyle">            <intent-filter>                <action android:name="android.intent.action.MAIN"/>                <category android:name="android.intent.category.LAUNCHER"/>            </intent-filter>        </activity>    </application>    <uses-sdk android:minSdkVersion="8"/></manifest>

注意粗体字是新增上去的,其中的titlebar是在第5步中增加的。现在来看看运行结果:

可以看到结果完全符合了我们的要求。

7.我们还可以改变Titlebar的背景颜色。为此我们修改前面的styles.xml,使之如下:

<?xml version="1.0" encoding="utf-8"?><resources><style name="CustomizedWindowTitleBackgroundColor"> <item name="android:background">#047BF0</item></style><style name="titlebarstyle" parent="android:Theme">           <item name="android:windowTitleSize">38dip</item>           <item name="android:windowTitleBackgroundStyle">@style/CustomizedWindowTitleBackgroundColor</item></style></resources>

注意,其中的粗体字是新增加的。

项目其他文件,均无需变动。运行结果如下:

8.最后,我们以OK按钮为例来测试Titlebar上的控件的事件响应。为此,修改CustomizeTitlebar.java,使之如下:

 1 public class CustomizeTitlebar extends Activity implements OnClickListener
 2 {
 3  private Button button;
 4     @Override
 5     public void onCreate(Bundle savedInstanceState)
 6     {
 7        super.onCreate(savedInstanceState);
 8        requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);
 9        setContentView(R.layout.main);
10        getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.titlebar);
11        button = (Button)findViewById(R.id.button);
12  button.setOnClickListener(this);
13  }
14  public voidonClick(View v)
15  {
16  if(v.getId() == R.id.button)
17  {
18  Toast.makeText(this, "OK button in Titlebar clicked...", Toast.LENGTH_LONG).show();
19  }
20  }
21 }

粗体字部分是新增加的代码。重新运行本项目,等界面出来后,点击Titlebar上的OK按钮,将出现:

这说明,Titlebar上自己增加上去的控件,可以很好地响应相关的事件。

来源: http://blog.csdn.net/pathuang68/article/details/6646792

时间: 2024-11-01 09:30:38

Android 自定义Activity的标题栏(Titlebar)的相关文章

Android自定义实现微信标题栏

Android自定义实现微信标题栏     前言:在android的开发中有时我们需要更个性化的标题栏,而不仅仅是系统预定义的图标加软件名,同时有时候我们需要在标题栏中实现更多功能,如添加按钮响应用户点击.这就要求我们实现自定义标题栏.下面以微信的标题栏为例: 微信界面的标题栏: step 1:写标题栏布局文件 新建一个布局文件titleBar.xml文件: 1 <?xml version="1.0" encoding="utf-8"?> 2 <R

android自定义Activity窗体大小

先给大家看图吧: 看,是不是很酷呢,呵呵. 这里我说关键的地方,就是自定义Activity的窗体大小. 这个登录框它不是一个Dialog,而是一个Activity. 如何定义,即把Activity的主题设置为Theme.Dialog <activity android:name=".AlertDialogActivity"  android:theme="@style/mytheme" /> mytheme.xml是我自定义的主题 mytheme.xml

Android 自定义Activity的Dialog

第一步: 定义layout.xml文件 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@android:color/transparent"

android自定义Activity窗口大小(theme运用)

http://gundumw100.iteye.com/blog/906195 正常情况下,我们开发的应用程序都会上占满整个屏幕,那么怎么样才能开发出自定义窗口大小的的程序呢?如下图所示: 实现起来非常简单. 第一步,创建一个背景配置文件float_box.xml,放到res/drawable下,如下所示(如看不懂可查看本站:): Xml代码   <?xml version="1.0" encoding="utf-8"?> <!-- ** Copy

android 自定义titlebar标题栏冲突问题

android自定义标题栏的时候,使用下面方法: requestWindowFeature(Window.FEATURE_CUSTOM_TITLE); setContentView(R.layout.main); getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE,R.layout.mycustomtitle); } logcat报错"You cannot combine custom titles with other title fea

android 自定义标题栏

今天来看一下如何通过组合多个控件实现自定义标题栏 众所周知,标题栏是应用中必不可少的控件,为了避免多次重写,将其封装起来,供每个布局调用即可. 这里我们采用经典的左中右布局,也可以根据项目需要自行调整,比如在右侧再加一个控件,或者将标题偏左都可以 注:其中应用到了上一篇文章中的ButtonM控件,大家可以先简单了解一下. 还是先来看一下效果图:    图一 初始状态                                         图二 按下了右侧的搜索按钮 下面来看代码实现,共四

android自定义标题栏,背景颜色填充满

设置标题栏背景 1> 准备背景图片: background_pix.png 注:用背景图片比用颜色好处,可以让背景看起来有凹凸感. 2> drawable文件夹下放xml文件 bitmap_repeat.xml <?xml version="1.0" encoding="utf-8"?> <bitmap xmlns:android="http://schemas.android.com/apk/res/android"

Android -- 自定义标题栏,背景颜色填充满

设置标题栏背景 1> 准备背景图片: background_pix.png 注:用背景图片比用颜色好处,可以让背景看起来有凹凸感. 2> drawable文件夹下放xml文件 bitmap_repeat.xml <?xml version="1.0" encoding="utf-8"?> <bitmap xmlns:android="http://schemas.android.com/apk/res/android"

[android] 练习样式主题自定义activity切换动画

主要练习了自定义样式和主题,继承android系统默认的样式并修改,练习xml定义淡入淡出动画 anim/fade_in.xml <?xml version="1.0" encoding="utf-8"?> <alpha xmlns:android="http://schemas.android.com/apk/res/android" android:duration="3000" android:from