首页 > 系统 > Android > 正文

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

2019-10-22 18:25:47
字体:
来源:转载
供稿:网友

 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之类的测试未通过。

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


注:相关教程知识阅读请移步到Android开发频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表