摘要:在之前,的點(diǎn)擊效果一直很,即使的波紋效果也不盡如人意。而我之前寫過一種比較酷炫的點(diǎn)擊效果,最近抽了點(diǎn)時(shí)間完善一下,把陰影效果加入了進(jìn)去,大家先睹為快。使用起來很簡(jiǎn)單,只需兩步。而想要切換效果也很簡(jiǎn)單先把轉(zhuǎn)為,然后調(diào)用即可。
在Android5.0之前,
Android的點(diǎn)擊效果一直很low,
即使5.0的波紋效果也不盡如人意。
而我之前寫過一種比較酷炫的點(diǎn)擊效果,
最近抽了點(diǎn)時(shí)間完善一下,
把陰影效果加入了進(jìn)去,
大家先睹為快。
使用起來很簡(jiǎn)單,
只需兩步。
第一步:
把我項(xiàng)目里的包復(fù)制到你得項(xiàng)目里,
如下圖:
第二步:
把XML布局文件里,
有點(diǎn)擊事件的View,
替換成我的BamView即可,
Java代碼無須修改。
比如,
你的需求是點(diǎn)擊圖片,
那么就把ImageView換成我的BamImageView即可,
如下:
沒錯(cuò),
塵少的風(fēng)格,
就是這么簡(jiǎn)單,
既然寫這個(gè)玩意兒是為了方便同行,
那當(dāng)然是使用起來越簡(jiǎn)單越好,
程序員何苦為難程序員。
但是,
有幾點(diǎn)注意事項(xiàng)還是要跟大家伙兒說清楚的,
1、關(guān)于陰影效果
我之前遇到這樣一個(gè)坑, Android 5.0以后, 想要陰影效果, 設(shè)置translationZ屬性即可, 但是我設(shè)置該屬性后卻沒有任何陰影, 網(wǎng)上查找資料也沒能解決。 最后發(fā)現(xiàn)是我的View沒有設(shè)置background屬性, 所以才沒有陰影效果的。 比如ImageView, 你設(shè)置了src都不行, 必須要設(shè)置background屬性。 而且background透明度越低, 陰影的效果也就越低。
2、關(guān)于效果
我為大家提供的, 有兩種點(diǎn)擊效果, 第一種是華麗效果, 即上邊GIF里大家看到的效果; 第二種是縮放效果, 它與華麗效果的區(qū)別在于, 使用默認(rèn)的華麗效果時(shí), 點(diǎn)擊View的上、下、左、右、中, 分別對(duì)應(yīng)的5種不一樣的動(dòng)畫: 上 ————> 后翻 下 ————> 前翻 左 ————> 左側(cè)翻 右 ————> 右側(cè)翻 中 ————> 縮放 而縮放效果, 無論點(diǎn)擊哪個(gè)位置, 都只有縮放的動(dòng)畫。 而想要切換效果也很簡(jiǎn)單: 先把View轉(zhuǎn)為BamView, 然后調(diào)用closeSuperb()即可。 如: ((BamImageView)iv_bam).closeSuperb();
3、關(guān)于點(diǎn)擊事件
我建議哪個(gè)View需要這種效果, 就給哪個(gè)View加, 其他的View就不要加了, 不僅為性能考慮, 更為了用戶體驗(yàn)考慮。
塵少的規(guī)矩,附源碼:
http://download.csdn.net/down...
如果覺得塵少的Demo還不錯(cuò)的話,
可以克隆我的Git倉(cāng)庫,
各種酷炫效果收入囊中:
https://github.com/Bamboy1203...
手機(jī)掃碼下載App一睹為快:
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/74198.html
摘要:塵少又來了,這次為大家?guī)淼模强梢宰詣?dòng)換行的容器。連設(shè)置也都是無效。如果你確實(shí)需要限制寬高,那你可以多套一層,在內(nèi)層設(shè)置即可。代碼點(diǎn)擊事件實(shí)例化把放到控件里去到此就結(jié)束了,塵少一貫的風(fēng)格,就是這么簡(jiǎn)單。 hi,塵少又來了,這次為大家?guī)淼模荲iew可以自動(dòng)換行的容器。 類似于淘寶搜索時(shí)的推薦,首先我不知道淘寶的是否只支持文字,但是我的是任何View都支持的。看下效果先: 淘寶:sh...
閱讀 4511·2021-09-22 14:57
閱讀 555·2019-08-30 15:56
閱讀 2658·2019-08-30 15:53
閱讀 2234·2019-08-29 14:15
閱讀 1684·2019-08-28 17:54
閱讀 553·2019-08-26 13:37
閱讀 3472·2019-08-26 10:57
閱讀 1041·2019-08-26 10:32