zoukankan      html  css  js  c++  java
  • AndroidGUI25:定制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:


    编辑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上自己增加上去的控件,可以很好地响应相关的事件。

  • 相关阅读:
    如何手动卸载 SQL Server 2005 实例
    马大哈的读后感
    CVS提交0KB的文件失败
    confluence权限管理
    关于confluence注册
    建议使用j2ee自带的ant
    cvs log的几个选项说明(b,r HEAD,n,d)
    JIRA与Confluence的安装与集成(4)
    使用命令行调用Beyond Compare进行文件对比
    利用SecureCRT实现Linux编译
  • 原文地址:https://www.cnblogs.com/merryjd/p/2853281.html
Copyright © 2011-2022 走看看