安卓教程之 自定义标题

在使用android studio的时候，我们会发现默认的窗口会有一个默认的标题。这个默认的标题我们无法修改内容，背景，颜色，还有增加按钮之类的操作，不尽难看而且不实用，所以大部分时候我们都会自定一个标题，去取代原有的标题：

一：

首先我们需要屏蔽掉原有标题：
1：打开 res / values / styles.xml ，检查是否有这样的定义（如果没有，则拷贝过去）

    <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>

2：打开 manifests / AndroidManifest.xml ，把<application>的theme属性按如下修改一下：

android:theme="@style/AppTheme">      
              ||      
android:theme="@style/AppTheme.NoActionBar">

二：

将原有的标题屏蔽之后就需要你自定义标题，然后装入主界面。
自定义标题的步骤为：
1：添加layout，命名为：title

image.png

2：在layout内布局一个标题

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/ic_title_bg" >

    <Button
        android:id="@+id/title_back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_margin="5dip"
        android:background="@drawable/ic_back_bg"
        android:text="Back"
        android:textColor="#fff" />

    <TextView
        android:id="@+id/title_text"
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:gravity="center"
        android:text="This is Title"
        android:textColor="#fff"
        android:textSize="22sp" />

    <Button
        android:id="@+id/title_edit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_margin="5dip"
        android:background="@drawable/ic_edit_bg"
        android:text="Edit"
        android:textColor="#fff" />

</LinearLayout>

3：在主界面中加入如下代码：

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"></LinearLayout>
    <include layout="@layout/title"/>

4:在activity内设置标题名。因为加入的是通用标题，所以在实际中会需要更改标题名称，用到的方法如下：

// 设置标题栏里的标题显示，首先通过ID找到控件，然后设置控件值
((TextView)findViewById(R.id.title_text)).setText("XXX");

5：接下来就需要考虑代码复用的问题了，因为标题栏在不同的APP里是可以相同的，只需要更改标题里面的text内容就行。所以在这里我们新建一个TitleLayout 继承自LinearLayout让它成为我们自定义的标题栏控件
首先我们重写LinearLayout中的带有两个参数的构造函数，在布局中引入TitleLayout控件就会调用这个构造函数，然后再构造函数中需要对标题栏布局进行动态加载一个布局文件，inflate()方法接受两个参数，第一个参数是要加在的布局文件的id，这里我们传入R.layout.title，第二个参数是给加载好的布局再添加一个父布局，这里我们想要指定为TitleLayout,于是直接传入this。
接着我们需要给标题栏中的按钮注册点击事件。
首先还是通过findviewbyid()方法找到按钮的实例，然后分别调用setonclicklistener()方法给两个按钮注册了点击事件，当点击返回按钮时销毁掉当前的活动，当点击编辑按钮时弹出一段文本。

public class TitleLayout extends LinearLayout {

    public TitleLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        LayoutInflater.from(context).inflate(R.layout.title, this);
        Button titleBack = (Button) findViewById(R.id.title_back);
        Button titleEdit = (Button) findViewById(R.id.title_edit);
        titleBack.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                ((Activity) getContext()).finish();
            }
        });
        titleEdit.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(getContext(), "You clicked Edit button", Toast.LENGTH_SHORT).show();
            }
        });
    }

}