Android自定义TitleBar

系统自带的控件不足以满足我们的需求时,我们可以自定义控件。

一般我们的程序中可能有很多个活动都需要自定义的标题栏,如果在每个活动中的布局中都编写一遍同样的标题栏代码,明显会导致代码的大量重复。这时候我们就可以引入布局的方式来解决这个问题。
首先创建标题栏的布局文件title.xml,代码如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#ff5bc842">
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/btn_back"
        android:text="back"
        android:background="#ff3c8a2f"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/title"
        android:text="title"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:layout_weight="1"
        android:gravity="center" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/btn_edit"
        android:text="edit"
        android:background="#ff3c8a2f"/>

</LinearLayout>

效果如图:

标题栏编写完成,如果我们要在程序中使用这个标题栏,需要修改activity_main.xml中的代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <include layout="@layout/title"></include>

    <ListView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/lv">
    </ListView>

</LinearLayout>

然后去掉原来的标题栏:

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    requestWindowFeature(Window.FEATURE_NO_TITLE);
    setContentView(R.layout.activity_main);
}

效果:

在任意布局里面想要添加自定义的titlebar,只需用 <include layout="@layout/title"></include>即可。

只做到这一步的话,虽然不用重复编写标题栏代码了,但是在每个使用了此标题栏的活动中,要对标题栏上的控件响应还是要在每个活动中编写相应的代码。这种情况最好是使用自定义控件的方式解决。
新建TitleLayout继承自LinearLayout,让它策划能够为我们自定义的标题栏控件,代码如下:

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.btn_back);
        Button titleEdit = (Button) findViewById(R.id.btn_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!",
                Toast.LENGTH_SHORT).show();
            }
        });
    }
}

同时修改activity_main.xml中的代码:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <com.example.hcz.customtitlebar.TitleLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    </com.example.hcz.customtitlebar.TitleLayout>

    <ListView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/lv">
    </ListView>

</LinearLayout>

添加自定义控件的时候要指明控件的完整类名,包名不可省。

效果:


这样之后,每当我们再要个布局中引入TitleLayout,返回按钮和编辑按钮的点击事件都已经自动实现好了,也是省去了很多重复编写代码的工作。

Comments
Write a Comment