androidによるカスタムコントロールの作成

新しいレイアウトtitle.xml

<?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/title_bg" >

    <Button
        android:id="@+id/title_back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="15dip"
        android:background="@drawable/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="Title Text"
        android:textColor="#fff"
        android:textSize="24sp"/>
    
    <Button
        android:id="@+id/title_edit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_margin="15dip"
        android:background="@drawable/edit_bg"
        android:text="Edit"
        android:textColor="#fff"/>
    
</LinearLayout>

新しいTitleLayoutはLineear Layoutを継承して、彼を私達のカスタマイズしたタイトルバーのコントロールにならせて、コードは以下の通りです。

package com.zhangbz.uicustomviews;

import android.app.Activity;
import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.Toast;

public class TitleLayout extends LinearLayout {

    public TitleLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        LayoutInflater.from(context).inflate(R.layout.title, this);
    }
}

コンストラクタを書き換えて、このコントロールをレイアウトに導入すると、このコンストラクタを呼び出します。
activityを修正しますこのカスタムコントロールをレイアウトファイルに追加します。

    <com.zhangbz.uicustomviews.TitleLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        ></com.zhangbz.uicustomviews.TitleLayout>

注：ここでは完全なクラス名を使うべきです。
TitleLayout.javaファイルでタイトルバーのボタンにクリックイベントを登録します。

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", 0).show();
            }
        });