Android 自定義View(五)實(shí)現(xiàn)繼承系統(tǒng)控件的自定義view

? ? ? ? 繼承系統(tǒng)控件的自定義View,實(shí)際上就是對(duì)系統(tǒng)控件的一種拓展峰鄙,大體就是添加一些本來(lái)沒(méi)有的新功能或者修改它的一個(gè)顯示效果栖袋。

? ? ? ? 1赶撰、先以簡(jiǎn)單的TextView來(lái)實(shí)現(xiàn)剑令。比如給TextView加一條紅色的下劃線? ?

? ? ? ? 首先糊啡,生成一個(gè)CustomTextView繼承自TextView,并重寫(override)onDraw方法和構(gòu)造方法吁津,如下

? ? ? ? 然后在onDraw方法中,定義一個(gè)Paint堕扶,并給它設(shè)置顏色(RED)和寬度

? ? ? ?再然后通過(guò)getWidth()和getHeight()方法獲取到控件的寬高

? ? ? ? 最后再用canvas.drawLine在控件底部實(shí)現(xiàn)紅色的下劃線碍脏,整個(gè)onDraw方法如下

? ? ? ? 修改activity_main中的TextView為CustomTextView

運(yùn)行后的效果如下

通過(guò)修改canvas.drawLine的幾個(gè)參數(shù)的值,可以實(shí)現(xiàn)這條紅線在控件中的不同的位置稍算。

? ? ? ? 2典尾、再看一個(gè)稍微復(fù)雜一點(diǎn)的繼承ImageView的圓形拼接的CustomImageView,類似于有一個(gè)版本釘釘?shù)娜毫念^像糊探。

????????同樣創(chuàng)建一個(gè)CustomImageView繼承自ImageView钾埂,并實(shí)現(xiàn)構(gòu)造方法和onDraw方法,不同的是我們需要一個(gè)參數(shù)mNum來(lái)判斷需要幾張圖片進(jìn)行拼接(demo中num最大為4)科平。

? ? ? ? 首先創(chuàng)建一個(gè)attrs.xml的文件褥紫,聲明custom_iv如下

? ? ? ? 創(chuàng)建CustomImageView 繼承ImageView,實(shí)現(xiàn)構(gòu)造方法和onDraw瞪慧,聲明變量mNum

? ? ? ? 在constructor(context: Context,attributeSet: AttributeSet)方法中髓考,實(shí)現(xiàn)自定義參數(shù)屬性,如下

? ? ? ? 我們?cè)诒镜刭Y源庫(kù)中弃酌,添加4張大小相同的圖片氨菇,分別取名去image1、2妓湘、3查蓉、4,在onDraw方法中榜贴,實(shí)例化一個(gè)Paint豌研,并獲取到4張圖片的bitmap

? ? 根據(jù)屬性mNum來(lái)做不同類型的圖片拼接,當(dāng)mNum等于1時(shí),只需要把image1的bitmap先按照控件大小進(jìn)行縮放聂沙,然后裁剪成圓形即可秆麸,新建BitmapUtil類,getCircleBitmap 方法及汉。第一步自然是要獲取到這個(gè)縮放比例沮趣,

val scale=mWidth.toFloat()/(bitmap.height).toFloat()

然后根據(jù)方法直接獲取到縮放后的bitmap,直接給出scaleBitmapToScreen方法截圖

? ? ? ? 然后再把bitmap裁剪成圓形(getCircleBitmap? 方法)

? ? 然后在onDraw方法中就可以根據(jù)不同的mNum的值來(lái)做不同的處理坷随,先把=1的

比較簡(jiǎn)單房铭,在布局文件中引用CustomImageView,并設(shè)置num=1温眉,如下

? ? ? ? 運(yùn)行效果如圖

? ? ? ? 當(dāng)mNum=2時(shí)缸匪,對(duì)image1和image2圖片bitmap進(jìn)行一次水平拼接,再裁剪成圓形类溢,

? ? ? ? 先說(shuō)一下水平拼接的一個(gè)思路凌蔬,首先兩張圖片要拼接到一塊,那么必須保證它們的高度相同闯冷,這樣才能保證齊整砂心,所以在這里,使用bitmap1的高度為基準(zhǔn)蛇耀,計(jì)算出bitmap2相對(duì)于bitmap1的縮放比例辩诞,再獲取到新的縮放后的newBitmap(這里要說(shuō)一下,縮放之后纺涤,bitmap2的寬度也會(huì)發(fā)生變化译暂,為了讓拼接后的圖片能顯示中心位置,我們需要對(duì)新生成的bitmap進(jìn)行裁剪撩炊,這個(gè)裁剪在下邊再說(shuō))外永。拼接后的bitmap寬度即為bitmap1 的寬度+newBitmap的寬度。(不是說(shuō)4張圖片的大小都是一樣的嗎衰抑,為啥還要考慮縮放象迎,保證他們的寬或高相同?這個(gè)地方主要是為了mNum=3時(shí)的考慮呛踊。)

把布局文件中的CustomImageView控件? num屬性修改為2砾淌,運(yùn)行效果如下

? ? ? ? 那么當(dāng)mNum=3時(shí),先把image1谭网、image2上下拼接成一個(gè)新的bitmap汪厨,起名newBitmap,再把newBitmap和image3左右拼接起來(lái)愉择,獲取到占滿控件大小的圓形bitmap劫乱,整體方法如下

? ? ? ? 再看一下drawMultiV方法织中,依然先把思路說(shuō)一下,首先兩張圖片上下拼接到一塊衷戈,那么必須保證它們的寬度相同狭吼,使用bitmap1的寬度為基準(zhǔn),計(jì)算出bitmap2相對(duì)于bitmap1的縮放比例殖妇,再獲取到新的縮放后的newBitmap(縮放之后刁笙,bitmap2的高度依然會(huì)發(fā)生變化,還是需要裁剪)谦趣。拼接后的bitmap高度即為bitmap1 的高度+newBitmap的高度疲吸。

? ? ? ? 把num修改為3,效果如下

? ? ? ? 最后當(dāng)mNum=4時(shí)前鹅,一樣的思考方式摘悴,先把image1、image2上下拼接到一起形成新的image22舰绘,image3蹂喻、image4拼接到一起形成新的image33,再把image22除盏、image33左右拼接到一起叉橱,然后再根據(jù)控件尺寸進(jìn)行縮放裁剪成圓形,整體如下

? ? ? ? num修改為4者蠕,效果如下

? ? ? ? 最后我們說(shuō)一下剛才提到的在縮放后需要裁剪的方法scaleBitmap,依然先說(shuō)思路掐松,在bitmap進(jìn)行縮放后踱侣,如果是以寬度為基準(zhǔn),那么需要確贝蠡牵縮放后的bitmap的高度和之前的高度相同抡句,相反,如果以高度為基準(zhǔn)杠愧,就需要確贝疲縮放后的bitmap的寬度和之前相同,這里就需要裁剪bitmap的x或者y從width(height)*(scale-1)/2開(kāi)始流济,具體方法截圖如下

? ? 對(duì)于繼承系統(tǒng)控件的自定義View暫時(shí)就說(shuō)這么多锐锣,如果上面代碼或者過(guò)程中有什么錯(cuò)誤或者不規(guī)范的地方,歡迎批評(píng)指正

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末绳瘟,一起剝皮案震驚了整個(gè)濱河市雕憔,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌糖声,老刑警劉巖斤彼,帶你破解...
    沈念sama閱讀 219,539評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件分瘦,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡琉苇,警方通過(guò)查閱死者的電腦和手機(jī)嘲玫,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,594評(píng)論 3 396
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)并扇,“玉大人去团,你說(shuō)我怎么就攤上這事“萋恚” “怎么了渗勘?”我有些...
    開(kāi)封第一講書人閱讀 165,871評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)俩莽。 經(jīng)常有香客問(wèn)我旺坠,道長(zhǎng),這世上最難降的妖魔是什么扮超? 我笑而不...
    開(kāi)封第一講書人閱讀 58,963評(píng)論 1 295
  • 正文 為了忘掉前任取刃,我火速辦了婚禮,結(jié)果婚禮上出刷,老公的妹妹穿的比我還像新娘璧疗。我一直安慰自己,他們只是感情好馁龟,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,984評(píng)論 6 393
  • 文/花漫 我一把揭開(kāi)白布崩侠。 她就那樣靜靜地躺著,像睡著了一般坷檩。 火紅的嫁衣襯著肌膚如雪却音。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 51,763評(píng)論 1 307
  • 那天矢炼,我揣著相機(jī)與錄音系瓢,去河邊找鬼。 笑死句灌,一個(gè)胖子當(dāng)著我的面吹牛夷陋,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播胰锌,決...
    沈念sama閱讀 40,468評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼骗绕,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了匕荸?” 一聲冷哼從身側(cè)響起爹谭,我...
    開(kāi)封第一講書人閱讀 39,357評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎榛搔,沒(méi)想到半個(gè)月后诺凡,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體东揣,經(jīng)...
    沈念sama閱讀 45,850評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,002評(píng)論 3 338
  • 正文 我和宋清朗相戀三年腹泌,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了嘶卧。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,144評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡凉袱,死狀恐怖芥吟,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情专甩,我是刑警寧澤钟鸵,帶...
    沈念sama閱讀 35,823評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站涤躲,受9級(jí)特大地震影響棺耍,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜种樱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,483評(píng)論 3 331
  • 文/蒙蒙 一蒙袍、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧嫩挤,春花似錦害幅、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 32,026評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至约啊,卻和暖如春叼风,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背棍苹。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,150評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留茵汰,地道東北人枢里。 一個(gè)月前我還...
    沈念sama閱讀 48,415評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像蹂午,于是被迫代替她去往敵國(guó)和親栏豺。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,092評(píng)論 2 355

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