Android 自定义标题栏的实例详解

 android 自定义标题栏的实例详解

开发 android app 经常会用到自定义标题栏，而有多级页面的情况下还需要给自定义标题栏传递数据。

本文要点：

自定义标题填充不完整
自定义标题栏返回按钮的点击事件

一、代码

这里先介绍一下流程：

1. 创建一个标题栏布局文件 mytitlebar.xml
2. 在style.xml中创建 mytitlestyle 主题
3. 创建类 customtitlebar
4. 在需要自定义标题栏的activity的oncreate方法中实例化 customtitlebar
5. 在 androidmanifest.xml 对使用了自定义标题栏的activity定义主题

1.定义一个自定义的标题栏布局 mytitlebar.xml

<?xml version="1.0" encoding="utf-8"?>
<relativelayout
  android:id="@+id/re_title" xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="50dp" //定义自定义标题栏的高度
  android:background="@color/start_background"
  android:orientation="horizontal">

  <imagebutton
    android:scaletype="fitxy"
    android:layout_alignparentleft="true"
    android:layout_centervertical="true"
    android:layout_marginleft="10dp"
    android:id="@+id/bt_back"
    android:layout_width="25dp"
    android:layout_height="25dp"
    android:src="@drawable/left_back"
    android:background="@color/touming"/>
  <textview
    android:id="@+id/mytitle"
    android:layout_centerinparent="true"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:gravity="center"//使文字在整个标题栏的中间
    android:textcolor="#fff"
    android:textsize="20dp" />

</relativelayout >

2.在 style.xml 中创建 mytitlestyle 主题

<resources>
  <!-- 自定义标题栏 parent="android:theme" 这个属性必须写 -->
  <style name="mytitlestyle" parent="android:theme">
    <!-- 设置高度，和 mytitlebar.xml中保持一致 -->
    <item name="android:windowtitlesize">50dp</item>
    <!-- 设置内填充为0 使自定义标题填充整个标题栏，否则左右两边有空隙 -->
    <item name="android:padding">0dp</item>
  </style>
</resources>

3.创建类 customtitlebar

public class customtitlebar {

  private activity mactivity;
  //不要使用 static 因为有三级页面返回时会报错

  /**
   * @param activity
   * @param title
   * @see [自定义标题栏]
   */
  public void gettitlebar(activity activity, string title) {
    mactivity = activity;
   activity.requestwindowfeature(window.feature_custom_title);
   //指定自定义标题栏的布局文件
    activity.setcontentview(r.layout.mytitlebar);
    activity.getwindow().setfeatureint(window.feature_custom_title,
        r.layout.mytitlebar);
//获取自定义标题栏的textview控件并设置内容为传递过来的字符串
    textview textview = (textview) activity.findviewbyid(r.id.mytitle);
    textview.settext(title);
    //设置返回按钮的点击事件
    imagebutton titlebackbtn = (imagebutton) activity.findviewbyid(r.id.bt_back);
    titlebackbtn.setonclicklistener(new onclicklistener() {
      public void onclick(view v) {
      //调用系统的返回按键的点击事件
        mactivity.onbackpressed();
      }
    });
  }
}

4.在需要自定义标题栏的activity的oncreate方法中实例化 customtitlebar，这里是food页面

public class food extends activity {
  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    //实例化customtitlebar 传递相应的参数
    customtitlebar ct = new customtitlebar();
    ct.gettitlebar(this, "美食");
    setcontentview(r.layout.page_food);
  }
}

5.在 androidmanifest.xml 对使用了自定义标题栏的activity定义主题

//省略了其余部分，android:theme="@style/mytitlestyle"这句必需写
<activity
      android:name=".food"
      android:label="@string/activity_food"
      android:theme="@style/mytitlestyle" />

二、总结

使用自定义标题栏的时候，很多人会遇到填充不满，左右两边有空隙以及返回按钮点击事件不响应的问题，这里测试和总结了最为合适的方式解决。

自定义标题栏填充不满，网上有不少解决方案，有的还比较复杂，我这里直接在定义theme时一个属性就解决了，还比较容易理解。

自定义标题栏返回按钮点击事件不响应或出错的问题，也是测试了网上的很多代码，用onbackpressed()最为方便，也有人使用finish()，其余的onkeydown之类的测试未通过。

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！