通常情況下涤躲,Android實現(xiàn)自定義控件無非三種方式。
Ⅰ嫁盲、繼承現(xiàn)有控件篓叶,對其控件的功能進行拓展。
Ⅱ羞秤、將現(xiàn)有控件進行組合缸托,實現(xiàn)功能更加強大控件。
Ⅲ瘾蛋、重寫View實現(xiàn)全新的控件
上文說過了如何繼承現(xiàn)有控件來自定義控件俐镐,這節(jié)我們來討論第二個議題。怎么將控件組合來實現(xiàn)一個功能強大的自定義控件哺哼。
先看看創(chuàng)建組合控件的好處吧佩抹,創(chuàng)建組合控件能夠很好的創(chuàng)建具有組合功能的控件集合。那我們一般又是怎么做的了取董,一般我們來繼承一個合適的ViewGroup棍苹,再為他創(chuàng)建一個新功能,從而就形成了一個新功能的控件茵汰。我們還會為這種控件指定一些新的屬性枢里,從而使他具有很好擴展性了。好了蹂午,廢話說了這么多栏豺,下面,我們就以幾乎每個app都有的控件——標(biāo)題欄為例豆胸,來介紹組合控件的做法奥洼。
首先,我來回答為什么要重用標(biāo)題欄:
Ⅰ晚胡、使應(yīng)用程序擁有統(tǒng)一的風(fēng)格灵奖。
Ⅱ嚼沿、重用標(biāo)題欄,也是我們將來修改標(biāo)題欄非常方便桑寨,真正實現(xiàn)"一次編寫伏尼,到處運行"的效果,而不用大費周章的尉尾,每個頁面都修改。
Ⅲ燥透、向調(diào)用者向外暴露調(diào)用接口沙咏,從而更加靈活的控制標(biāo)題欄,使其功能更加的強大班套。
那么肢藐,標(biāo)題欄長成那個樣子,請見下圖:
我們吱韭,先做一下簡單的分析一下吆豹,這是一個自定義控件,應(yīng)該像Android的原生控件一樣理盆,能夠方便調(diào)用者設(shè)置控件的屬性痘煤。因此,十分有必要為這個控件設(shè)置一些屬性猿规,為一個View提供一些自定義屬性十分的簡單衷快,只需要在res資源目錄下的values目錄下創(chuàng)建一個attrs.xml屬性文件,并在該文件定義你所需要的屬性即可姨俩。這個自定義控件自定義屬性如下:
<declare-styleable name="titleBar"> <attr name="title" format="string" /> <attr name="titleTextSize" format="dimension" /> <attr name="titleTextColor" format="color" /> <attr name="titleLeftText" format="string" /> <attr name="titleLeftBackground" format="color|reference" /> <attr name="titleLeftTextColor" format="color" /> <attr name="titleRightText" format="string" /> <attr name="titleRightBackground" format="color|reference" /> <attr name="titleRightTextColor" format="color" /> </declare-styleable>
我們用<declare-styleable>標(biāo)簽聲明要使用的自定義屬性蘸拔,用name屬性來確定引用的名稱。用format來確定引用數(shù)據(jù)的格式环葵。在這個自定義控件自定義屬性對應(yīng)列表如下:
Ⅰ调窍、title——對應(yīng)標(biāo)題的文字
Ⅱ、titleTextSize——對應(yīng)標(biāo)題的文字大小
Ⅲ张遭、titleTextColor——對應(yīng)標(biāo)題的文本顏色
Ⅳ邓萨、titleLeftText——對應(yīng)左邊按鈕的文本
Ⅴ、titleLeftBackground——對應(yīng)左邊按鈕的背景
Ⅵ帝璧、titleLeftTextColor——對應(yīng)左邊按鈕的文字顏色
Ⅶ先誉、titleRightText——對應(yīng)右邊按鈕的文本
Ⅴ、titleRightBackground——對應(yīng)右邊按鈕的背景
Ⅵ的烁、titleRightTextColor——對應(yīng)右邊按鈕的文字顏色
這里褐耳,需要指出的是左右按鈕的背景,即可以是顏色類型渴庆,也可以對應(yīng)為相應(yīng)的圖片铃芦,所以雅镊,我們可以用“|”來分隔不同的屬性。
好了刃滓,既然仁烹,有了自定義屬性的定義了,我們就需要自定義一個TitleBar的控件咧虎,來獲取這些定義好的屬性值卓缰,上文,我們提到一般組合控件一般繼承與ViewGroup控件砰诵,這里征唬,我們方便起見,就繼承與RelativeLayout茁彭。怎么獲取屬性值了总寒,系統(tǒng)提供了TypedArray這樣數(shù)據(jù)結(jié)構(gòu)就能十分方便獲取屬性集了,獲取屬性的代碼如下:
我們用<declare-styleable>標(biāo)簽聲明要使用的自定義屬性理肺,用name屬性來確定引用的名稱摄闸。用format來確定引用數(shù)據(jù)的格式。在這個自定義控件自定義屬性對應(yīng)列表如下:
Ⅰ妹萨、title——對應(yīng)標(biāo)題的文字
Ⅱ年枕、titleTextSize——對應(yīng)標(biāo)題的文字大小
Ⅲ、titleTextColor——對應(yīng)標(biāo)題的文本顏色
Ⅳ眠副、titleLeftText——對應(yīng)左邊按鈕的文本
Ⅴ画切、titleLeftBackground——對應(yīng)左邊按鈕的背景
Ⅵ、titleLeftTextColor——對應(yīng)左邊按鈕的文字顏色
Ⅶ囱怕、titleRightText——對應(yīng)右邊按鈕的文本
Ⅴ霍弹、titleRightBackground——對應(yīng)右邊按鈕的背景
Ⅵ、titleRightTextColor——對應(yīng)右邊按鈕的文字顏色
這里娃弓,需要指出的是左右按鈕的背景典格,即可以是顏色類型,也可以對應(yīng)為相應(yīng)的圖片台丛,所以耍缴,我們可以用“|”來分隔不同的屬性。
好了挽霉,既然防嗡,有了自定義屬性的定義了,我們就需要自定義一個TitleBar的控件侠坎,來獲取這些定義好的屬性值蚁趁,上文,我們提到一般組合控件一般繼承與ViewGroup控件实胸,這里他嫡,我們方便起見番官,就繼承與RelativeLayout。怎么獲取屬性值了钢属,系統(tǒng)提供了TypedArray這樣數(shù)據(jù)結(jié)構(gòu)就能十分方便獲取屬性集了徘熔,獲取屬性的代碼如下:
private void initAttrs(AttributeSet attrs) { TypedArray ta = this.getContext().obtainStyledAttributes(attrs, R.styleable.titleBar); if (ta != null) { title = ta.getString(R.styleable.titleBar_title); titleTextSize = ta.getDimension(R.styleable.titleBar_titleTextSize, 16); titleTextColor = ta .getColor(R.styleable.titleBar_titleTextColor, 0); titleLeftText = ta.getString(R.styleable.titleBar_titleLeftText); titleLeftBackground = ta .getDrawable(R.styleable.titleBar_titleLeftBackground); titleLeftTextColor = ta.getColor( R.styleable.titleBar_titleLeftTextColor, 0); titleRightText = ta.getString(R.styleable.titleBar_titleRightText); titleRightBackground = ta .getDrawable(R.styleable.titleBar_titleRightBackground); titleRightTextColor = ta.getColor( R.styleable.titleBar_titleRightTextColor, 0); ta.recycle(); } }
這里,需要值得一提的是需要調(diào)用TypedArray的recycle方法將資源回收淆党。
既然酷师,我們讓這個組合控件有了屬性以后,下面宁否,我們要做的是將這個組合控件的按鈕窒升,文本框有機組合起來,組合的代碼如下所示:
private void initView() {
leftButton = new Button(getContext());
titleTextView = new TextView(getContext());
rightButton = new Button(getContext());
leftButton.setTextColor(titleLeftTextColor);
leftButton.setBackgroundDrawable(titleLeftBackground);
leftButton.setText(titleLeftText);
rightButton.setTextColor(titleRightTextColor);
rightButton.setBackgroundDrawable(titleRightBackground);
rightButton.setText(titleRightText);
titleTextView.setText(title);
titleTextView.setTextSize(titleTextSize);
titleTextView.setTextColor(titleTextColor);
mLeftLayoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT,
LayoutParams.MATCH_PARENT);
mLeftLayoutParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT);
addView(leftButton, mLeftLayoutParams);
mCenterLayoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT,
LayoutParams.MATCH_PARENT);
mCenterLayoutParams.addRule(RelativeLayout.CENTER_IN_PARENT);
addView(titleTextView, mCenterLayoutParams);
mRightLayoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT,
LayoutParams.MATCH_PARENT);
mRightLayoutParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);
addView(rightButton, mRightLayoutParams);
}
我們看到上文定義一些屬性慕匠,無非復(fù)制給了這些組合控件,使這個組合控件變得"有血有肉"了域醇。
這既然是一個自定義控件台谊,是一個UI模版,應(yīng)該每個調(diào)用者點擊左右按鈕譬挚,所實現(xiàn)的可能都不一樣锅铅,我們應(yīng)當(dāng)所做就是向外暴露接口,讓調(diào)用者靈活的控制這兩個按鈕减宣。那么接口的定義如下:
public interface ClickListener { void Click(int tag); } private ClickListener listener;
在模版方法中盐须,為左、右按鈕增加點擊事件漆腌,調(diào)用接口的點擊方法贼邓,代碼如下所示:
private void setListener() { leftButton.setOnClickListener(this); rightButton.setOnClickListener(this); } @Override public void onClick(View v) { if (listener != null) { if (v == leftButton) { listener.Click(LEFT_BUTTON); } else if (v == rightButton) { listener.Click(RIGHT_BUTTON); } } }
在代碼,我們有效判斷是左邊按鈕點擊了闷尿,還是右邊按鈕點擊了塑径。
有了這個模版方法中接口的定義之后,我們在外部調(diào)用這個回調(diào)代碼如下:
titleBar.setListener(new ClickListener() { @Override public void Click(int tag) { switch (tag) { case TitleBar.LEFT_BUTTON: Toast.makeText(MainActivity.this, "左邊按鈕被點擊了", 0).show(); break; case TitleBar.RIGHT_BUTTON: Toast.makeText(MainActivity.this, "右邊按鈕被點擊了", 0).show(); break; default: break; } } });
這樣在外部填具,能夠有效的控制左右按鈕的點擊事件了统舀。
做了這么多,就是希望能夠有效調(diào)用這個組合控件劳景,調(diào)用組合控件的代碼如下:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:custom="http://schemas.android.com/apk/res/com.example.test" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:padding="5dp" tools:context=".MainActivity"> <!-- <include layout="@layout/topbar" /> --> <com.example.test.TitleBar android:id="@+id/titleBar" android:layout_width="match_parent" android:layout_height="40dp" custom:titleLeftBackground="@drawable/blue_button" custom:titleLeftText="Back" custom:titleLeftTextColor="#FFFFFF" custom:titleRightBackground="@drawable/blue_button" custom:titleRightText="More" custom:titleRightTextColor="#FFFFFF" custom:title="自定義標(biāo)題" custom:titleTextColor="#123412" custom:titleTextSize="10sp"/></RelativeLayout>
這里誉简,需要和大家交代的是,自定義控件與原生控件調(diào)用區(qū)別在于:
Ⅰ盟广、引用自定義控件必須引用它的完全類名闷串。
Ⅱ、引用自定義控件自定義屬性時衡蚂,必須要引用自定義的命名空間窿克,引用方法如下:
xmlns:custom="http://schemas.android.com/apk/res/com.example.test"
這個控件骏庸,最終運行效果為: