Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 701|回复: 0

开发交流:定制Activity的标题栏

[复制链接]

该用户从未签到

发表于 2011-10-24 10:48:13 | 显示全部楼层 |阅读模式
定制Activity的标题栏
原文地址:http://blog.csdn.net/pathuang68/article/details/6646792
缺省的情况下,通常见到Activity的标题栏(Titlebar)是这样的(红色框内):



HandleContacts是Activity的标题。
我们在AndroidManifest.xml中的配置是这样的,
<application android:icon="@drawable/icon" android:label="@string/app_name">

<activity android:name="main1" android:label="app1" >

<intent-filter>

<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />

</intent-filter>

</activity>


<activity android:name="main2" android:label=""></activity>


<activity android:name="main3"></activity>
</application>
android:label="app1" :这个属性就是设置标题栏显示文字的,你设置成app1,那么在显示main1这个Activtiy的时候就会显示app1这个字符串所对应的文字。如果像第二个Activity main2这样设置,设置label为空,那么仍然会有标题栏,而且标题栏是空的,仍然会占据这个位置,如下图所示:


如果像main3这样设置,我们没有设置标题栏的名称,那么默认就是使用应用程序的app_name,比如,你的应用程序名称是:菜单测试,那么在标题栏就显示:菜单测试。
有时候,我们希望能改变一下这样单调的状况。比如,要在标题栏中增加一个用于美化界面的图标、增一个输入框或按钮之类的,怎样才能做到这一点呢?我们不妨来看一个实际的例子。
1.首先如下创建一个Android项目

  
2.将图片search.png拖入该项目的res/drawable-mdpi文件夹下。search.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"
       androidrientation="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:
编辑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,使之如下:
public class CustomizeTitlebar extends Activity
implements
OnClickListener
{
private Button button;
    @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);
      
        button = (Button)findViewById(R.id.button);
        button.setOnClickListener(this);
    }
   
public voidonClick(View v)
{
           if(v.getId() == R.id.button)
           {
                    Toast.makeText(this, "OK button in Titlebar clicked...", Toast.LENGTH_LONG).show();
           }
   }
}
粗体字部分是新增加的代码。重新运行本项目,等界面出来后,点击Titlebar上的OK按钮,将出现:  
这说明,Titlebar上自己增加上去的控件,可以很好地响应相关的事件。

到此为止,设置标题栏的基本知识,大家就明白了,可以下载代码自己去测试一遍,这样印象更深,以便以后可以放到自己的项目中去使用。有些图片还没弄上来,网速不给力啊,大家等等,我会尽快传上来的,或者自己去运行。
代码如下:  TitleBarTest.rar (46.64 KB, 下载次数: 4)
回复

使用道具 举报

该用户从未签到

发表于 2011-10-24 10:48:21 | 显示全部楼层

Re:开发交

这篇的排版还不错。
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2011-10-24 10:48:24 | 显示全部楼层

Re:开发交

图片总算弄上来了。升级后,编辑变了,太不方便了。
回复 支持 反对

使用道具 举报

该用户从未签到

 楼主| 发表于 2011-10-24 10:48:26 | 显示全部楼层

Re:开发交

谢谢分享,已下载附件.
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2011-10-24 10:48:32 | 显示全部楼层

Re:开发交

当然是学习啦
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

GMT+8, 2025-1-11 08:18 , Processed in 0.340260 second(s), 36 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表