自定義一個空間,首先要設置一個控件的布局文件友扰,推薦使用merge包裹泌霍,這樣能減少一層布局
<merge xmlns:android="http://schemas.android.com/apk/res/android">
<ImageButton android:id="@+id/ib_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:src="@android:drawable/ic_menu_zoom" />
<TextView android:id="@+id/tv_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true" />
</merge>
當然也可以設置一些布局中的屬性文件
<?xml version="1.0" encoding="utf-8"?>
<resources>
<!-- 自定義的屬性-->
<declare-styleable name="Header">
<attr name="titleTextSize" format="dimension" />
<attr name="titleTextColor" format="color" />
<attr name="titleText" format="string"/>
</declare-styleable>
</resources>
新建類操作自定義控件
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Color;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.widget.ImageButton;
import android.widget.LinearLayout;
import android.widget.TextView;
/**
* 自定義標題欄組合控件梆靖,內(nèi)部包含一個TextView和一個ImageButton
* User: xyh
* Date: 2015/6/2
* Time: 9:39
*/
public class Header extends RelativeLayout {
private TextView mTextView;
private ImageButton mImageButton;
private String titleText;
private int titleTextColor;
private float titleTextSize;
public Header(Context context) {
super(context);
}
public Header(Context context, AttributeSet attrs) {
super(context, attrs);
//加載視圖的布局
LayoutInflater.from(context).inflate(R.layout.header,this,true);
//加載自定義的屬性
TypedArray a=context.obtainStyledAttributes(attrs,R.styleable.Header);
titleText=a.getString(R.styleable.Header_titleText);
titleTextColor=a.getColor(R.styleable.Header_titleTextColor, Color.WHITE);
titleTextSize=a.getDimension(R.styleable.Header_titleTextSize,20f);
//回收資源嵌纲,這一句必須調(diào)用
a.recycle();
}
/**
* 此方法會在所有的控件都從xml文件中加載完成后調(diào)用
*/
@Override
protected void onFinishInflate() {
super.onFinishInflate();
//獲取子控件
mTextView= (TextView) findViewById(R.id.tv_header);
mImageButton= (ImageButton) findViewById(R.id.ib_header);
//將從資源文件中加載的屬性設置給子控件
if (!TextUtils.isEmpty(titleText))
setPageTitleText(titleText);
setPageTitleTextColor(titleTextColor);
setPageTitleTextSize(titleTextSize);
}
/**
* 設置標題文字
* @param text
*/
public void setPageTitleText(String text) {
mTextView.setText(text);
}
/**
* 設置標題文字顏色
* @param color
*/
public void setPageTitleTextColor(int color) {
mTextView.setTextColor(color);
}
/**
* 設置標題文字大小
* @param size
*/
public void setPageTitleTextSize(float size) {
mTextView.setTextSize(size);
}
/**
* 設置按鈕點擊事件監(jiān)聽器
* @param listener
*/
public void setOnHeaderClickListener(OnClickListener listener) {
mImageButton.setOnClickListener(listener);
}
}
在活動中使用
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<!-- 注意需要加上命名空間 在eclipse開發(fā)工具中:使用 xmlns:app="http://schemas.android.com/apk/res/com.ivan.app1.widgets"
在IntelliJ Idea或者Android Studio中以Gradle構(gòu)建時,使用 xmlns:app="http://schemas.android.com/apk/res-auto"
-->
<!-- 通過包的類的全名來引用自定義視圖-->
<com.ivan.app1.widgets.Header
android:id="@+id/header"
android:layout_width="match_parent"
android:layout_height="48dp"
android:background="@color/black"
app:titleText="我是標題"
app:titleTextColor="#ff0000"
app:titleTextSize="12sp"/>
<TextView android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:text="我是內(nèi)容"
android:textSize="60sp"/>
</LinearLayout>
package com.ivan.app1;
import com.ivan.app1.widgets.Header;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Toast;
/**
* User: xyh
* Date: 2015/6/2
* Time: 10:30
*/
public class MainActivity extends AppCompatActivity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
((Header)findViewById(R.id.header)).setOnHeaderClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(getApplicationContext(),"標題欄的按鈕被點擊了",Toast.LENGTH_LONG).show();
}
});
}
}