自定義View之高仿支付寶芝麻信用分?jǐn)?shù)儀表盤動(dòng)畫效果 主要思路: 1.圓環(huán)上綠點(diǎn)的旋轉(zhuǎn) 2.分?jǐn)?shù)值及提示語的變化 3.背景色的變化 直接上主要核...
投稿
收錄了59篇文章 · 22人關(guān)注
-
iOS仿支付寶芝麻信用儀表盤效果 -
iOS動(dòng)畫系列之一：帶時(shí)分秒指針的時(shí)鐘動(dòng)畫（上）經(jīng)過幾次實(shí)驗(yàn)，發(fā)現(xiàn)如果分享的文章能構(gòu)成系列，效果會(huì)非常好。同時(shí)自己也能收獲很大，能夠整塊整塊的復(fù)習(xí)，也能夠幫助自己更深入的塊狀學(xué)習(xí)知識(shí)。對(duì)自己梳...
-
設(shè)置View的半邊圓角效果
設(shè)置View的一邊圓角 效果如圖 實(shí)現(xiàn)方式 ： UIBezierPath CAShapeLayer 核心方法： 基本思路：通過貝塞爾曲線畫一條...
-
iOS 中間鏤空效果的View前言 之前看Layer 相關(guān)的內(nèi)容時(shí) , 也沒有太注意到這部分知識(shí) , 最近正好用到類似的功能 , 先寫個(gè)Demo 熱熱身 . 做完后大概這么...
-
實(shí)現(xiàn)一個(gè)iOS漸變背景動(dòng)畫效果的Switch
前言 在dribbble看到一個(gè)Switch動(dòng)畫效果就手癢想實(shí)現(xiàn)，下面就是我實(shí)現(xiàn)的思路。 源代碼 GitHub地址：VGGradientSwit...
-
路徑動(dòng)畫 手繪文字效果
之前介紹 JazzHands 時(shí),官方 demo 中有一個(gè)飛機(jī)延路徑飛行的動(dòng)畫,看完這篇文章,你就能用 Core Animation 實(shí)現(xiàn)類似下...
-
iOS實(shí)踐：根據(jù)進(jìn)度繪制進(jìn)度條、進(jìn)度扇形、進(jìn)度球在這濃濃的鞭炮聲中，迎來了這個(gè)系列的最后一篇。哈哈～這是多么有紀(jì)念意義的春節(jié)呀。 今天我們來寫一個(gè)小小的Demo，來演練一下通過OC繪圖，根據(jù)進(jìn)...
-
【仿小紅書】為圖片加上帶動(dòng)效的小標(biāo)簽前言 最近項(xiàng)目中需要模仿小紅書中發(fā)筆記的相關(guān)功能，其中允許用戶對(duì)圖片打標(biāo)簽的功能是其中的重點(diǎn)，下面是實(shí)現(xiàn)這個(gè)功能的一些思路。 功能需求分析 把玩...
-
導(dǎo)航欄的平滑顯示和隱藏 - 個(gè)人頁的自我修養(yǎng)（1）本文是《個(gè)人頁的自我修養(yǎng)》系列文章的一篇，全部： 導(dǎo)航欄的平滑顯示和隱藏 - 個(gè)人頁的自我修養(yǎng)（1） （本篇） 多個(gè)UITableView共用一...
-
iOS動(dòng)畫-從UIView動(dòng)畫說起毋庸置疑的：在iOS開發(fā)中，制作動(dòng)畫效果是最讓開發(fā)者享受的環(huán)節(jié)之一。一個(gè)設(shè)計(jì)嚴(yán)謹(jǐn)、精細(xì)的動(dòng)畫效果能給用戶耳目一新的效果，吸引他們的眼光 —— 這...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/258676/1464966994.jpg', '推薦專題《calayer及其子類 與動(dòng)畫相關(guān)的》（ 分享自 @簡書 ）','http://www.itdecent.cn/c/57b9b3dbda2c?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}