android仿華為充電動(dòng)畫

HUAWEI.gif
HUAWEI (1).gif

主要分3個(gè)小塊: 發(fā)射器, 氣泡, 圓環(huán)

思路:

一.發(fā)射器(完全不透明):
位于屏幕最下方, 取圓弧上的3點(diǎn), 用3階貝塞爾曲線構(gòu)成path

二.氣泡(不完全透明):
1.發(fā)射器處隨機(jī)產(chǎn)生氣泡,氣泡的數(shù)量默認(rèn)為10;
2.氣泡未離開發(fā)射器的部分會(huì)被發(fā)射器遮擋;
3.氣泡剛離開發(fā)射器,會(huì)有一個(gè)黏性的變化效果, 使用3階貝塞爾曲線,將多個(gè)變化的點(diǎn)連接起來(lái),構(gòu)成path;
4.氣泡在往上移動(dòng)中,半徑會(huì)變小, 小于一定值,氣泡會(huì)消失;
5.氣泡靠近圓環(huán)到一定距離,也會(huì)有一個(gè)黏性變化效果,并且速度變慢, 使用方式類似于3
6.氣泡與圓環(huán)的零距離時(shí),氣泡消失

三.圓環(huán)(不完全透明):
1.由多個(gè)長(zhǎng)度不一的片段構(gòu)成, 圓弧上的3個(gè)點(diǎn)構(gòu)成一個(gè)片段,采用的也是3階貝塞爾曲線;
2.每個(gè)片段都圍繞圓環(huán)中心旋轉(zhuǎn),透明度在某個(gè)區(qū)間不斷變化; 旋轉(zhuǎn)速度在某幾個(gè)值之間也不斷改變,從而影響片段之間的開口大小
3.如果手機(jī)電量發(fā)生改變,顯示的電量百分比也發(fā)生改變;拖動(dòng)進(jìn)度條可改變電量百分比和 發(fā)射器,氣泡,圓環(huán)的顏色

代碼鏈接:https://github.com/A18767101271/HwCharging

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末暗挑,一起剝皮案震驚了整個(gè)濱河市脸秽,隨后出現(xiàn)的幾起案子抡蛙,更是在濱河造成了極大的恐慌犁罩,老刑警劉巖讨惩,帶你破解...
    沈念sama閱讀 211,123評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異背苦,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)潘明,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門行剂,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人钳降,你說(shuō)我怎么就攤上這事厚宰。” “怎么了遂填?”我有些...
    開封第一講書人閱讀 156,723評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵铲觉,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我吓坚,道長(zhǎng)撵幽,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,357評(píng)論 1 283
  • 正文 為了忘掉前任礁击,我火速辦了婚禮盐杂,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘哆窿。我一直安慰自己链烈,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,412評(píng)論 5 384
  • 文/花漫 我一把揭開白布更耻。 她就那樣靜靜地躺著测垛,像睡著了一般。 火紅的嫁衣襯著肌膚如雪秧均。 梳的紋絲不亂的頭發(fā)上食侮,一...
    開封第一講書人閱讀 49,760評(píng)論 1 289
  • 那天,我揣著相機(jī)與錄音目胡,去河邊找鬼锯七。 笑死,一個(gè)胖子當(dāng)著我的面吹牛誉己,可吹牛的內(nèi)容都是我干的眉尸。 我是一名探鬼主播,決...
    沈念sama閱讀 38,904評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼噪猾!你這毒婦竟也來(lái)了霉祸?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,672評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤袱蜡,失蹤者是張志新(化名)和其女友劉穎丝蹭,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體坪蚁,經(jīng)...
    沈念sama閱讀 44,118評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡奔穿,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,456評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了敏晤。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片贱田。...
    茶點(diǎn)故事閱讀 38,599評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖嘴脾,靈堂內(nèi)的尸體忽然破棺而出男摧,到底是詐尸還是另有隱情,我是刑警寧澤统阿,帶...
    沈念sama閱讀 34,264評(píng)論 4 328
  • 正文 年R本政府宣布彩倚,位于F島的核電站,受9級(jí)特大地震影響扶平,放射性物質(zhì)發(fā)生泄漏帆离。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,857評(píng)論 3 312
  • 文/蒙蒙 一结澄、第九天 我趴在偏房一處隱蔽的房頂上張望哥谷。 院中可真熱鬧,春花似錦麻献、人聲如沸们妥。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)监婶。三九已至,卻和暖如春齿桃,著一層夾襖步出監(jiān)牢的瞬間惑惶,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評(píng)論 1 264
  • 我被黑心中介騙來(lái)泰國(guó)打工短纵, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留带污,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,286評(píng)論 2 360
  • 正文 我出身青樓香到,卻偏偏與公主長(zhǎng)得像鱼冀,于是被迫代替她去往敵國(guó)和親报破。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,465評(píng)論 2 348