Android--自定義View隨筆-ProgressBar實(shí)現(xiàn)

????????還記得當(dāng)年MD風(fēng)格剛出現(xiàn)的時(shí)候悦昵,還真是掀起了一股熱潮;個(gè)人平時(shí)比較喜歡研究一些View相關(guān)的東西晌畅,這里呢就一時(shí)興起來(lái)了解一下最普通的MD風(fēng)格圓形的ProgressBar但指。如圖(gif不太清晰):


????????以下就以個(gè)人的理解來(lái)分析一下,自己應(yīng)該怎么做呢!


????????首先棋凳,根據(jù)這個(gè)效果首選的是使用動(dòng)畫來(lái)實(shí)現(xiàn)(這是句廢話??)拦坠。

? ? ? ? 其次,再來(lái)拆解一下這個(gè)過(guò)程剩岳,具體應(yīng)該怎么實(shí)現(xiàn)贞滨。

? ? ? ? 最后,繪制出來(lái)拍棕。


? ? ? ? 了解動(dòng)畫的同學(xué)們晓铆,應(yīng)該都知道在動(dòng)畫使用里面有個(gè)很神奇的東西?Interpolator,它能改變動(dòng)畫的屬性值绰播,從而實(shí)現(xiàn)理想的動(dòng)畫效果骄噪。

? ??????從整個(gè)過(guò)程進(jìn)行分析,此過(guò)程拆解為2個(gè)同時(shí)執(zhí)行的動(dòng)畫蠢箩;一個(gè)使用LinearInterpolator(動(dòng)畫1)链蕊,一個(gè)使用AccelerateDecelerateInterpolator(動(dòng)畫2);動(dòng)畫1用于改變當(dāng)前進(jìn)度的起始值(即當(dāng)前進(jìn)度的起始角度)忙芒,動(dòng)畫2用于改變當(dāng)前進(jìn)度值(即修改圖中紅色線的長(zhǎng)度示弓,實(shí)際修改的是當(dāng)前紅色線所對(duì)應(yīng)的角度值)。這兩個(gè)動(dòng)畫都是循環(huán)執(zhí)行的呵萨,單次動(dòng)畫時(shí)間一致奏属。

? ? ? ? 動(dòng)畫1,使用ValueAnimator進(jìn)行如下設(shè)計(jì)(不需要在意動(dòng)畫的Value):

修改起始值

過(guò)程1:進(jìn)度值由0--->Max潮峦,isReverseTo0為false囱皿;

過(guò)程2:進(jìn)度值Max--->0,isReverseTo0為true忱嘹;

????????progressStart默認(rèn)值為0嘱腥,isReverseTo0默認(rèn)值為false;progressStart的值由0開始逐漸增加拘悦,增加步長(zhǎng)為2齿兔,這個(gè)步長(zhǎng)越大旋轉(zhuǎn)一圈則越快,只需要確保值的合法性即可础米;當(dāng)動(dòng)畫重復(fù)時(shí)且isReverseTo0為true分苇,這個(gè)時(shí)候需要修改當(dāng)前進(jìn)度的起始值為當(dāng)前進(jìn)度的末尾值,以便于動(dòng)畫連貫(此時(shí)進(jìn)度值在不斷減小屁桑,在繪制時(shí)也需要作出調(diào)整医寿,后邊會(huì)提到)。在onAnimationUpdate時(shí)進(jìn)行更新繪制蘑斧。

? ? ? ? 動(dòng)畫2靖秩,主要是修改進(jìn)度值须眷,進(jìn)行不斷賦值即可;

更新進(jìn)度值

? ? ? ? 繪制當(dāng)前進(jìn)度沟突,即繪制一段圓弧花颗,如下:

進(jìn)度繪制

過(guò)程2時(shí),需要對(duì)起始值做一下處理事扭;


以上就是比較重要的一些捎稚,一些細(xì)節(jié)的地方不太好描述乐横,只能好好理解一下了????求橄;當(dāng)然了,還有其他的做法葡公,歡迎指出呀9夼!催什!請(qǐng)大神賜教:鳌!蒲凶!

敲代碼气筋,就是這樣;多敲多練旋圆,一點(diǎn)點(diǎn)積累宠默,一步步提升!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末灵巧,一起剝皮案震驚了整個(gè)濱河市搀矫,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌刻肄,老刑警劉巖瓤球,帶你破解...
    沈念sama閱讀 221,576評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異敏弃,居然都是意外死亡卦羡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門麦到,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)绿饵,“玉大人,你說(shuō)我怎么就攤上這事隅要『铮” “怎么了?”我有些...
    開封第一講書人閱讀 168,017評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵步清,是天一觀的道長(zhǎng)要门。 經(jīng)常有香客問(wèn)我虏肾,道長(zhǎng),這世上最難降的妖魔是什么欢搜? 我笑而不...
    開封第一講書人閱讀 59,626評(píng)論 1 296
  • 正文 為了忘掉前任封豪,我火速辦了婚禮,結(jié)果婚禮上炒瘟,老公的妹妹穿的比我還像新娘吹埠。我一直安慰自己,他們只是感情好疮装,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,625評(píng)論 6 397
  • 文/花漫 我一把揭開白布缘琅。 她就那樣靜靜地躺著,像睡著了一般廓推。 火紅的嫁衣襯著肌膚如雪刷袍。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,255評(píng)論 1 308
  • 那天樊展,我揣著相機(jī)與錄音呻纹,去河邊找鬼。 笑死专缠,一個(gè)胖子當(dāng)著我的面吹牛雷酪,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播涝婉,決...
    沈念sama閱讀 40,825評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼哥力,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了嘁圈?” 一聲冷哼從身側(cè)響起省骂,我...
    開封第一講書人閱讀 39,729評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎最住,沒想到半個(gè)月后钞澳,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,271評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡涨缚,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,363評(píng)論 3 340
  • 正文 我和宋清朗相戀三年轧粟,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片脓魏。...
    茶點(diǎn)故事閱讀 40,498評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡兰吟,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出茂翔,到底是詐尸還是另有隱情混蔼,我是刑警寧澤,帶...
    沈念sama閱讀 36,183評(píng)論 5 350
  • 正文 年R本政府宣布珊燎,位于F島的核電站惭嚣,受9級(jí)特大地震影響遵湖,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜晚吞,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,867評(píng)論 3 333
  • 文/蒙蒙 一延旧、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧槽地,春花似錦迁沫、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至逢勾,卻和暖如春牡整,著一層夾襖步出監(jiān)牢的瞬間藐吮,已是汗流浹背溺拱。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留谣辞,地道東北人迫摔。 一個(gè)月前我還...
    沈念sama閱讀 48,906評(píng)論 3 376
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像泥从,于是被迫代替她去往敵國(guó)和親句占。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,507評(píng)論 2 359

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