1. 程式人生 > >android自定義帶返回功能的標題

android自定義帶返回功能的標題

在做專案的過程中,只要標題有個返回按鈕每次都要寫一個onClick事件,裡面只有可憐的一個finish方法?

告別麻煩的時候來了,接下來將展示一個自定義佈局,裡面自帶返回按鈕以及返回功能。

先上圖片:


下面是程式碼部分:

首先是一個title.xml的佈局檔案:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="50dp" >
    <ImageView
        android:id="@+id/back"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:padding="10dp"
        android:layout_centerVertical="true"
        android:src="@drawable/back_image"/>

    <TextView
        android:id="@+id/title_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="This is Title"
        android:textSize="20sp" />

</RelativeLayout>  
接著自定義一個View,命名TitleView:
package com.example.viewtest;

import android.app.Activity;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.TextView;

public class TitleView extends FrameLayout{
	private TextView titleText;
	private ImageView back;
	public TitleView(Context context, AttributeSet attrs) {
		super(context, attrs);
		LayoutInflater.from(context).inflate(R.layout.title, this);
		titleText = (TextView) findViewById(R.id.title_text);
		back = (ImageView) findViewById(R.id.back);
		back.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				((Activity) getContext()).finish();
			}
		});
	}
	/**
	 * 設定標題
	 * @param text
	 */
    public void setTitleText(String text) {
        titleText.setText(text);
    }
    /**
     * 隱藏返回按鈕
     */
    public void hideBackImage(){
        back.setVisibility(View.GONE);
    }

}
最後只要在需要用到該佈局的activity.xml檔案中使用該控制元件,在Activity中設定標題即可:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >
    <com.example.viewtest.TitleView
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</RelativeLayout>

activity中:
package com.example.viewtest;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {
	TitleView titleView;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		titleView = (TitleView) findViewById(R.id.title);
		titleView.setTitleText("This is Title");
	}
}

這樣短短的幾行程式碼就實現標題以及返回功能了。

附程式碼:http://download.csdn.net/detail/z437955114/9246909