android按鈕水波紋效果實現(xiàn)

控件效果圖

控件說明

默認水波紋正常波動呢撞,手機按下時波紋快速波動

實現(xiàn)思路

繼承ImageView控件,ImageView背景圖默認為藍底貨車文字圖片诚啃,重寫ImageView的onDraw函數(shù),分為以下幾個步驟開始畫圈:

1.定義三個常量,一個是每次圓圈增大是半徑增加的值widthInc屋摔,二是每次圓圈增大時透明度減少的值alphaDec,三是最近添加的圓圈透明度小于addOneCirleApha

替梨,開始畫第下一個圓圈

2.定義兩個列表:1.alphaList 保存圓圈對應(yīng)的透明度 2.startWidthList保存圓圈對應(yīng)的半徑

3.先畫一個和藍色圓圈背景半徑同樣大小的藍色同心圓圈钓试,把畫筆設(shè)置成Paint.Style.STROKE,這樣圓圈就是空心圓

4.畫完之后再次調(diào)用ondraw時再畫一個半徑比上次同心圓大的圓圈副瀑,半徑增加widthInc弓熏,透明度減少alphaDec

5.判斷最近的一個圓圈的透明度是否小于addOneCirleApha,如果小于addOneCirleApha糠睡,開始繪制下一個圓圈

6.判斷最外層的圓圈透明度是是否小于或等于零挽鞠,如果滿足條件,從startWidthList列表中刪除這個圓圈

代碼實現(xiàn)

for (int i = 0; i < alphaList.size(); i++) {

int alpha = Integer.parseInt(alphaList.get(i));

// 圓半徑

int startWidth = Integer.parseInt(startWidthList.get(i));

paint.setAlpha(alpha);

canvas.drawCircle(getWidth() / 2, getHeight() / 2, startWidth,

paint);

if (isStarting && alpha > 0) {

int decAlpha = alpha - alphaDec;

if (decAlpha <= 0) {

decAlpha = 0;

}

alphaList.set(i, decAlpha + "");? // 畫完圓圈后把透明度相應(yīng)的減少alphaDec

startWidthList.set(i, (startWidth + widthInc) + "");

}

}

if (isStarting && Integer

.parseInt(alphaList.get(alphaList.size() - 1)) <= addOneCirleApha) {

alphaList.add(startalpha);? ? ? //當最新的一個圓圈透明度小于addOneCirleApha時狈孔,再增加一個圓圈

startWidthList.add(startWidht);

}

if (isStarting && Integer.valueOf(alphaList.get(0)) == 0) {

startWidthList.remove(0);? //當最早的一個圓圈的透明度等于0時信认,從列表中刪除對應(yīng)的源泉

alphaList.remove(0);

}

// 刷新界面

postInvalidateDelayed(postDelay); //控制圓圈的波紋波動速度,當postDelay數(shù)值越小時均抽,波動越快嫁赏,否則波動越慢,如果需要在手指按下時讓波動速度加快油挥,則減小postDelay的值

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末潦蝇,一起剝皮案震驚了整個濱河市款熬,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌护蝶,老刑警劉巖华烟,帶你破解...
    沈念sama閱讀 211,376評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異持灰,居然都是意外死亡盔夜,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,126評論 2 385
  • 文/潘曉璐 我一進店門堤魁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來喂链,“玉大人,你說我怎么就攤上這事妥泉⊥治ⅲ” “怎么了?”我有些...
    開封第一講書人閱讀 156,966評論 0 347
  • 文/不壞的土叔 我叫張陵盲链,是天一觀的道長蝇率。 經(jīng)常有香客問我,道長刽沾,這世上最難降的妖魔是什么本慕? 我笑而不...
    開封第一講書人閱讀 56,432評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮侧漓,結(jié)果婚禮上锅尘,老公的妹妹穿的比我還像新娘。我一直安慰自己布蔗,他們只是感情好藤违,可當我...
    茶點故事閱讀 65,519評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著纵揍,像睡著了一般顿乒。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上泽谨,一...
    開封第一講書人閱讀 49,792評論 1 290
  • 那天璧榄,我揣著相機與錄音,去河邊找鬼隔盛。 笑死犹菱,一個胖子當著我的面吹牛拾稳,可吹牛的內(nèi)容都是我干的吮炕。 我是一名探鬼主播,決...
    沈念sama閱讀 38,933評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼访得,長吁一口氣:“原來是場噩夢啊……” “哼龙亲!你這毒婦竟也來了陕凹?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,701評論 0 266
  • 序言:老撾萬榮一對情侶失蹤鳄炉,失蹤者是張志新(化名)和其女友劉穎杜耙,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體拂盯,經(jīng)...
    沈念sama閱讀 44,143評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡佑女,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,488評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了谈竿。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片团驱。...
    茶點故事閱讀 38,626評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖空凸,靈堂內(nèi)的尸體忽然破棺而出嚎花,到底是詐尸還是另有隱情,我是刑警寧澤呀洲,帶...
    沈念sama閱讀 34,292評論 4 329
  • 正文 年R本政府宣布紊选,位于F島的核電站,受9級特大地震影響道逗,放射性物質(zhì)發(fā)生泄漏兵罢。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,896評論 3 313
  • 文/蒙蒙 一憔辫、第九天 我趴在偏房一處隱蔽的房頂上張望趣些。 院中可真熱鬧,春花似錦贰您、人聲如沸坏平。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,742評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽舶替。三九已至,卻和暖如春杠园,著一層夾襖步出監(jiān)牢的瞬間顾瞪,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工抛蚁, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留陈醒,地道東北人。 一個月前我還...
    沈念sama閱讀 46,324評論 2 360
  • 正文 我出身青樓瞧甩,卻偏偏與公主長得像钉跷,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子肚逸,可洞房花燭夜當晚...
    茶點故事閱讀 43,494評論 2 348

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,757評論 25 707
  • 《ijs》速成開發(fā)手冊3.0 官方用戶交流:iApp開發(fā)交流(1) 239547050iApp開發(fā)交流(2) 10...
    葉染柒丶閱讀 5,093評論 0 7
  • 《ilua》速成開發(fā)手冊3.0 官方用戶交流:iApp開發(fā)交流(1) 239547050iApp開發(fā)交流(2) 1...
    葉染柒丶閱讀 10,591評論 0 11
  • 今晚朱先生又喝多了 我已經(jīng)記不清他這是多少次喝多了來跟我訴說著他的思念與難過 其實我聽著是很內(nèi)疚也很于心不忍 朱先...
    Anne_Wu閱讀 332評論 1 0
  • 總共用時1小時45分鐘 食材準備: - 4瓣大蒜粒 -1至2個紅色小米椒 -葵花子油 -2小把新鮮咖喱葉 -1.5...
    Steak_Lovers閱讀 350評論 0 0