Android 自定義View 三板斧之二——組合現(xiàn)有控件

通常情況下涤躲,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)題欄長成那個樣子,請見下圖:

Paste_Image.png

我們吱韭,先做一下簡單的分析一下吆豹,這是一個自定義控件,應(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"

這個控件骏庸,最終運行效果為:

Paste_Image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市年叮,隨后出現(xiàn)的幾起案子具被,更是在濱河造成了極大的恐慌,老刑警劉巖只损,帶你破解...
    沈念sama閱讀 210,914評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件一姿,死亡現(xiàn)場離奇詭異,居然都是意外死亡跃惫,警方通過查閱死者的電腦和手機叮叹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評論 2 383
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來爆存,“玉大人蛉顽,你說我怎么就攤上這事∠冉希” “怎么了携冤?”我有些...
    開封第一講書人閱讀 156,531評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長闲勺。 經(jīng)常有香客問我曾棕,道長,這世上最難降的妖魔是什么菜循? 我笑而不...
    開封第一講書人閱讀 56,309評論 1 282
  • 正文 為了忘掉前任翘地,我火速辦了婚禮,結(jié)果婚禮上癌幕,老公的妹妹穿的比我還像新娘衙耕。我一直安慰自己,他們只是感情好序芦,可當(dāng)我...
    茶點故事閱讀 65,381評論 5 384
  • 文/花漫 我一把揭開白布臭杰。 她就那樣靜靜地躺著,像睡著了一般谚中。 火紅的嫁衣襯著肌膚如雪渴杆。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,730評論 1 289
  • 那天宪塔,我揣著相機與錄音磁奖,去河邊找鬼。 笑死某筐,一個胖子當(dāng)著我的面吹牛比搭,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播南誊,決...
    沈念sama閱讀 38,882評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了对人?” 一聲冷哼從身側(cè)響起吕座,我...
    開封第一講書人閱讀 37,643評論 0 266
  • 序言:老撾萬榮一對情侶失蹤摹迷,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,095評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡蜂挪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,448評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了嗓化。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片棠涮。...
    茶點故事閱讀 38,566評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖刺覆,靈堂內(nèi)的尸體忽然破棺而出严肪,到底是詐尸還是另有隱情,我是刑警寧澤谦屑,帶...
    沈念sama閱讀 34,253評論 4 328
  • 正文 年R本政府宣布诬垂,位于F島的核電站,受9級特大地震影響伦仍,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜很洋,卻給世界環(huán)境...
    茶點故事閱讀 39,829評論 3 312
  • 文/蒙蒙 一充蓝、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧喉磁,春花似錦谓苟、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至孕暇,卻和暖如春仑撞,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背妖滔。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評論 1 264
  • 我被黑心中介騙來泰國打工隧哮, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人座舍。 一個月前我還...
    沈念sama閱讀 46,248評論 2 360
  • 正文 我出身青樓沮翔,卻偏偏與公主長得像,于是被迫代替她去往敵國和親曲秉。 傳聞我的和親對象是個殘疾皇子采蚀,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,440評論 2 348

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,732評論 25 707
  • 1疲牵、窗體 1、常用屬性 (1)Name屬性:用來獲取或設(shè)置窗體的名稱榆鼠,在應(yīng)用程序中可通過Name屬性來引用窗體纲爸。 ...
    Moment__格調(diào)閱讀 4,522評論 0 11
  • 導(dǎo)語 當(dāng)系統(tǒng)控件不能滿足我們的需求的時候,這時候我們就需要自定義控件璧眠,根據(jù)我們的需求來定制一個能滿足我們需求的控件...
    一個有故事的程序員閱讀 6,388評論 2 14
  • 集市泛指定期聚集進行的商品交易活動形式缩焦。主要指在商品經(jīng)濟不發(fā)達的時代和地區(qū)普遍存在的一種貿(mào)易組織形式,又稱市集责静。 ...
    宗林的李閱讀 554評論 0 2
  • 寶寶在出生的第一年內(nèi)灾螃,正常情況下题翻,平均每天睡眠的時間約十二到二十個小時,比成年人的睡眠時間多很多腰鬼。 當(dāng)寶寶還在媽媽...
    第6通道閱讀 588評論 0 1