android自定义标题栏

用自定义控件的方法创建上面的标题栏，顺便重温一下自定义控件的步骤。

下面说一下整个过程:

1.在layout下添加标题栏布局文件来设置标题栏样式

<?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" 
    android:background="#58AB21"  
    >
    <ImageButton 
        android:id="@+id/bar_menu_left"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_centerVertical="true"
        android:layout_alignParentLeft="true"
        android:layout_marginLeft="10dp"
        android:src="@drawable/action_bar_home_light"
        />
    <TextView 
        android:id="@+id/bar_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@android:color/white"
        android:text="添加标题"
        android:textSize="8sp"
        android:layout_toRightOf="@id/bar_menu_left"
        android:layout_centerVertical="true"
        android:layout_marginLeft="30dp"
        />
    <ImageButton 
        android:id="@+id/bar_menu_right1"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_centerVertical="true"
        android:layout_alignParentRight="true"
        android:src="@drawable/action_bar_more_light"
        android:background="@drawable/bar_menu_button" />
     <ImageButton  
        android:id="@+id/bar_menu_right2"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@drawable/action_bar_add_light"
        android:layout_centerVertical="true"
        android:layout_toLeftOf="@id/bar_menu_right1"
        android:layout_marginRight="0dp"
        android:background="@drawable/bar_menu_button" />

    <ImageButton
        android:id="@+id/bar_menu_right3"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_alignParentTop="true"
        android:layout_toLeftOf="@+id/bar_menu_right2"
        android:background="@drawable/bar_menu_button"
        android:src="@drawable/action_bar_attach_light" />

</RelativeLayout>

2.在values文件夹下建立attrs.xml文件

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="MyActionBar">
        <attr name="buttonLeftIcon" format="reference"/>
        <attr name="buttonRight1Icon" format="reference"/>
        <attr name="buttonRight2Icon" format="reference"/>
        <attr name="buttonRight3Icon" format="reference"/>
        <attr name="titleText" format="string"/>
        <attr name="titleTextSize" format="dimension"/>  
        <attr name="titleTextColor" format="color|reference"/>  
    </declare-styleable>
</resources>

这个文件主要用来定义自定义控件的属性和格式，格式有 reference,float,color,dimension,boolean,string,enum,integer,fraction,flag。

<declare-styleable>标签下的name属性一般程自定义控件的名字。
3.写一个自定义控件类

package com.isaac.tools;

import com.isaac.myactionbar.R;

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageButton;
import android.widget.RelativeLayout;
import android.widget.TextView;

public class MyActionBar extends RelativeLayout{
	
	private ImageButton buttonLeft;
	private ImageButton buttonRight1;
	private ImageButton buttonRight2;
	private ImageButton buttonRight3;
	private TextView titleView;
	

	public MyActionBar(Context context, AttributeSet attrs) {
		super(context, attrs);
		LayoutInflater.from(context).inflate(R.layout.layout_my_actionbar, this);
		buttonLeft=(ImageButton)findViewById(R.id.bar_menu_left);
		buttonRight1=(ImageButton)findViewById(R.id.bar_menu_right1);
		buttonRight2=(ImageButton)findViewById(R.id.bar_menu_right2);
		buttonRight3=(ImageButton)findViewById(R.id.bar_menu_right3);
		titleView=(TextView)findViewById(R.id.bar_title);
		
		 //获得自定义属性并赋值  
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.MyActionBar);   
        int btnLeftIcon = typedArray.getResourceId(R.styleable.MyActionBar_buttonLeftIcon,0x58AB21);  
        int btnRight1Icon = typedArray.getResourceId(R.styleable.MyActionBar_buttonRight1Icon, 0x58AB21);  
        int btnRight2Icon = typedArray.getResourceId(R.styleable.MyActionBar_buttonRight2Icon, 0x58AB21); 
        int btnRight3Icon = typedArray.getResourceId(R.styleable.MyActionBar_buttonRight3Icon, 0x58AB21); 
        String titleText = typedArray.getString(R.styleable.MyActionBar_titleText);  
        float titleTextSize = typedArray.getDimension(R.styleable.MyActionBar_titleTextSize, 0);  
        int titleTextColor = typedArray.getColor(R.styleable.MyActionBar_titleTextColor, android.R.color.white);  
        typedArray.recycle();//释放资源  
        
        buttonLeft.setImageResource(btnLeftIcon);
        buttonRight1.setImageResource(btnRight1Icon);
        buttonRight2.setImageResource(btnRight2Icon);
        buttonRight3.setImageResource(btnRight3Icon);
        titleView.setText(titleText);
        titleView.setTextSize(titleTextSize);
        titleView.setTextColor(titleTextColor);
		
	}
	

	
	public ImageButton getButtonLeft() {
		return buttonLeft;
	}
	public void setButtonLeft(ImageButton buttonLeft) {
		this.buttonLeft = buttonLeft;
	}
	public ImageButton getButtonRight1() {
		return buttonRight1;
	}
	public void setButtonRight1(ImageButton buttonRight1) {
		this.buttonRight1 = buttonRight1;
	}
	public ImageButton getButtonRight2() {
		return buttonRight2;
	}
	public void setButtonRight2(ImageButton buttonRight2) {
		this.buttonRight2 = buttonRight2;
	}
	public ImageButton getButtonRight3() {
		return buttonRight3;
	}
	public void setButtonRight3(ImageButton buttonRight3) {
		this.buttonRight3 = buttonRight3;
	}
	public TextView getTitleView() {
		return titleView;
	}
	public void setTitleView(TextView titleView) {
		this.titleView = titleView;
	}
	
	
}

这个自定义控件类要继承View类，根据实际情况，这里继承RelativeLayout类。通过TypeArray给自定义属性赋值。到这里，一个自定义标题栏就已经完成了，下面讲怎么把它添加到Activity中。

首先去掉系统自带的标题栏,这里只要将AndroidManifest.xml中application标签下的Theme主题设置成不带标题栏的风格即可。比如 android:theme="@android:style/Theme.Holo.Light.NoActionBar"。然后再布局文件中添加自定义的控件

<com.isaac.tools.MyActionBar
     android:id="@+id/testActionBar"
     android:layout_width="match_parent"
     android:layout_height="50dp"
     isaac:titleText="测试标题"
     isaac:titleTextSize="8sp"
     isaac:titleTextColor="@android:color/white"
     isaac:buttonLeftIcon="@drawable/action_bar_home_light"
     isaac:buttonRight1Icon="@drawable/action_bar_more_light"
	 isaac:buttonRight2Icon="@drawable/action_bar_add_light"
     isaac:buttonRight3Icon="@drawable/action_bar_attach_light"
     
        >

    </com.isaac.tools.MyActionBar>

 这里要注意，为了得到自定义的属性，要在xml文件的根布局下添加命名空间xmlns:isaac="http://schemas.android.com/apk/res/com.isaac.myactionbar"

接下来就可以在Activity中得到自定义控件

package com.isaac.tools;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageButton;
import android.widget.Toast;

import com.isaac.myactionbar.R;

public class MainActivity extends Activity {
	
	MyActionBar mActionBar;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		mActionBar=(MyActionBar)findViewById(R.id.testActionBar);
		ImageButton imageButton=mActionBar.getButtonRight1();
		imageButton.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Toast.makeText(MainActivity.this, "test", Toast.LENGTH_SHORT).show();
			}
		});
		
		
		
	}

}