【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】Android中怎么利用組合控件復(fù)用布局

本篇文章為大家展示了Android中怎么利用組合控件復(fù)用布局，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。首先，我們需要寫(xiě)出布局文件layout_custom_titlebar.xml。<?xml

version="1.0"

encoding="utf-8"?>

<merge

xmlns:android="/apk/res/android">

<!--

使用merge標(biāo)簽減少層級(jí)

-->

<Button

android:id="@+id/title_bar_left"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_centerVertical="true"

android:layout_marginLeft="5dp"

android:background="@null"

android:minHeight="45dp"

android:minWidth="45dp"

android:textSize="14sp"

/>

<TextView

android:id="@+id/title_bar_title"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:singleLine="true"

android:textSize="17sp"

/>

<Button

android:id="@+id/title_bar_right"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_centerVertical="true"

android:layout_marginRight="7dp"

android:background="@null"

android:minHeight="45dp"

android:minWidth="45dp"

android:textSize="14sp"

/>

</merge>2.定義自定義屬性<declare-styleable

name="CustomTitleBar">

<!--標(biāo)題欄背景色-->

<attr

name="title_background_color"

format="reference|integer"

/>

<!--左邊按鈕是否可見(jiàn)-->

<attr

name="left_button_visible"

format="boolean"

/>

<!--右邊按鈕是否可見(jiàn)-->

<attr

name="right_button_visible"

format="boolean"

/>

<!--標(biāo)題文字-->

<attr

name="title_text"

format="string"

/>

<!--標(biāo)題文字顏色-->

<attr

name="title_text_color"

format="color"

/>

<!--標(biāo)題文字圖標(biāo)-->

<attr

name="title_text_drawable"

format="reference|integer"

/>

<!--左邊按鈕文字-->

<attr

name="left_button_text"

format="string"

/>

<!--左邊按鈕文字顏色-->

<attr

name="left_button_text_color"

format="color"

/>

<!--左邊按鈕圖標(biāo)-->

<attr

name="left_button_drawable"

format="reference|integer"

/>

<!--右邊按鈕文字-->

<attr

name="right_button_text"

format="string"

/>

<!--右邊按鈕文字顏色-->

<attr

name="right_button_text_color"

format="color"

/>

<!--右邊按鈕圖標(biāo)-->

<attr

name="right_button_drawable"

format="reference|integer"

/>

</declare-styleable>3.自定義一個(gè)View繼承ViewGroup子類(lèi)，這里我們繼承RelativeLayout。public

class

CustomTitleBar

extends

RelativeLayout

{

private

Button

titleBarLeftBtn;

private

Button

titleBarRightBtn;

private

TextView

titleBarTitle;

public

CustomTitleBar(Context

context)

{

super(context);

}

public

CustomTitleBar(Context

context,

AttributeSet

attrs)

{

super(context,

attrs);

LayoutInflater.from(context).inflate(R.layout.layout_custom_titlebar,this,true);

titleBarLeftBtn

=

(Button)

findViewById(R.id.title_bar_left);

titleBarRightBtn

=

(Button)

findViewById(R.id.title_bar_right);

titleBarTitle

=

(TextView)

findViewById(R.id.title_bar_title);

TypedArray

typedArray=context.obtainStyledAttributes(attrs,R.styleable.CustomTitleBar);

if(typedArray!=null){

//titleBar背景色

int

titleBarBackGround=typedArray.getResourceId(R.styleable.CustomTitleBar_title_background_color,

Color.BLUE);

setBackgroundColor(titleBarBackGround);

//獲取是否要顯示左邊按鈕

boolean

leftButtonVisible

=

typedArray.getBoolean(R.styleable.CustomTitleBar_left_button_visible,

true);

if

(leftButtonVisible)

{

titleBarLeftBtn.setVisibility(View.VISIBLE);

}

else

{

titleBarLeftBtn.setVisibility(View.INVISIBLE);

}

//設(shè)置左邊按鈕的文字

String

leftButtonText

=

typedArray.getString(R.styleable.CustomTitleBar_left_button_text);

if

(!TextUtils.isEmpty(leftButtonText))

{

titleBarLeftBtn.setText(leftButtonText);

//設(shè)置左邊按鈕文字顏色

int

leftButtonTextColor

=

typedArray.getColor(R.styleable.CustomTitleBar_left_button_text_color,

Color.WHITE);

titleBarLeftBtn.setTextColor(leftButtonTextColor);

}

else

{

//設(shè)置左邊圖片icon

這里是二選一

要么只能是文字

要么只能是圖片

int

leftButtonDrawable

=

typedArray.getResourceId(R.styleable.CustomTitleBar_left_button_drawable,

R.mipmap.titlebar_back_icon);

if

(leftButtonDrawable

!=

-1)

{

titleBarLeftBtn.setBackgroundResource(leftButtonDrawable);

}

}

//先獲取標(biāo)題是否要顯示圖片icon

int

titleTextDrawable

=

typedArray.getResourceId(R.styleable.CustomTitleBar_title_text_drawable,

-1);

if

(titleTextDrawable

!=

-1)

{

titleBarTitle.setBackgroundResource(titleTextDrawable);

}

else

{

//如果不是圖片標(biāo)題

則獲取文字標(biāo)題

String

titleText

=

typedArray.getString(R.styleable.CustomTitleBar_title_text);

if

(!TextUtils.isEmpty(titleText))

{

titleBarTitle.setText(titleText);

}

//獲取標(biāo)題顯示顏色

int

titleTextColor

=

typedArray.getColor(R.styleable.CustomTitleBar_title_text_color,

Color.WHITE);

titleBarTitle.setTextColor(titleTextColor);

}

//獲取是否要顯示右邊按鈕

boolean

rightButtonVisible

=

typedArray.getBoolean(R.styleable.CustomTitleBar_right_button_visible,

true);

if

(rightButtonVisible)

{

titleBarRightBtn.setVisibility(View.VISIBLE);

}

else

{

titleBarRightBtn.setVisibility(View.INVISIBLE);

}

//設(shè)置右邊按鈕的文字

String

rightButtonText

=

typedArray.getString(R.styleable.CustomTitleBar_right_button_text);

if

(!TextUtils.isEmpty(rightButtonText))

{

titleBarRightBtn.setText(rightButtonText);

//設(shè)置右邊按鈕文字顏色

int

rightButtonTextColor

=

typedArray.getColor(R.styleable.CustomTitleBar_right_button_text_color,

Color.BLUE);

titleBarRightBtn.setTextColor(rightButtonTextColor);

}

else

{

//設(shè)置右邊圖片icon

這里是二選一

要么只能是文字

要么只能是圖片

int

rightButtonDrawable

=

typedArray.getResourceId(R.styleable.CustomTitleBar_right_button_drawable,

-1);

if

(rightButtonDrawable

!=

-1)

{

titleBarRightBtn.setBackgroundResource(rightButtonDrawable);

}

}

typedArray.recycle();

}

}

public

void

setTitleClickListener(OnClickListener

onClickListener)

{

if

(onClickListener

!=

null)

{

titleBarLeftBtn.setOnClickListener(onClickListener);

titleBarRightBtn.setOnClickListener(onClickListener);

}

}

public

Button

getTitleBarLeftBtn()

{

return

titleBarLeftBtn;

}

public

Button

getTitleBarRightBtn()

{

return

titleBarRightBtn;

}

public

TextView

getTitleBarTitle()

{

return

titleBarTitle;

}

}4.正確地使用它<?xml

version="1.0"

encoding="utf-8"?>

<LinearLayout

xmlns:android="/apk/res/android"

xmlns:app="/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

<com.mumubin.demoproject.view.CustomTitleBar

android:id="@+id/ctb_view"

android:layout_width="match_parent"

android:layout_height="45dp"

app:right_button_dr