CAShapeLayer的使用——初次接觸(20151209)

簡(jiǎn)介

CAShapeLayer能夠在當(dāng)前自己所在的坐標(biāo)空間內(nèi)繪制貝塞爾曲線,CAShapeLayer由它的圖層的內(nèi)容以及它的第一個(gè)子圖層復(fù)合而成捌肴。形狀會(huì)在光柵化獨(dú)立分解之前,高保真的顯示在屏幕上。但是观堂,如果對(duì)圖片圖層或者是它的原型執(zhí)行CoreImage濾鏡操作的時(shí)候督赤,就會(huì)導(dǎo)致圖片失真。

定義shape形狀路徑

@property CGPathRef path
不像其他的動(dòng)畫屬性拴清,該屬性不支持動(dòng)畫靶病,但是路徑對(duì)象可以通過任何CAPropertyAnimation實(shí)際子類來實(shí)現(xiàn)動(dòng)畫。

fillColor
該屬性用來動(dòng)態(tài)的設(shè)置shape路徑的填充顏色

lineCap
用來定義線段端點(diǎn)的類型口予。而線段端點(diǎn)主要有下面幾種形式娄周,而默認(rèn)的是kCALineCapButt式樣。

lineCap.png

lineJoin
這個(gè)屬性用來定義線段的連接點(diǎn)的樣式沪停,且默認(rèn)是kCALineJoinMiter.

lineJoin.png

lineWidth
表示形狀路徑的線寬煤辨。可動(dòng)畫木张。

@property CGColorRef strokeColor
用來設(shè)置形狀的線的顏色众辨,可動(dòng)畫。如果設(shè)置為nil就表示沒有顏色舷礼。

@property CGFloat strokeStart
設(shè)置形狀路徑開始的起始點(diǎn)鹃彻,可動(dòng)畫

結(jié)合strokeEnd屬性可以設(shè)置需要路徑的其中一部分。這個(gè)屬性定義了相對(duì)于整個(gè)路徑上的某個(gè)點(diǎn)開始繪制線段妻献,而strokeEnd就表示結(jié)束點(diǎn)蛛株。0表示的是路徑的起始點(diǎn)团赁,而1表示的是線段路徑的結(jié)束點(diǎn),而在這之間1> x > 0的值則跟路徑的整體長(zhǎng)度之間有一個(gè)線性的關(guān)系存在泳挥。

注意:和貝塞爾曲線一起使用可以實(shí)現(xiàn)一些進(jìn)度條等的動(dòng)畫效果然痊。

后面會(huì)繼續(xù)學(xué)習(xí),希望能上傳一些代碼到github上面屉符,加油

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末剧浸,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子矗钟,更是在濱河造成了極大的恐慌唆香,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,843評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件吨艇,死亡現(xiàn)場(chǎng)離奇詭異躬它,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)东涡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,538評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門冯吓,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人疮跑,你說我怎么就攤上這事组贺。” “怎么了祖娘?”我有些...
    開封第一講書人閱讀 163,187評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵失尖,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我渐苏,道長(zhǎng)掀潮,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,264評(píng)論 1 292
  • 正文 為了忘掉前任琼富,我火速辦了婚禮仪吧,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘公黑。我一直安慰自己邑商,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,289評(píng)論 6 390
  • 文/花漫 我一把揭開白布凡蚜。 她就那樣靜靜地躺著人断,像睡著了一般。 火紅的嫁衣襯著肌膚如雪朝蜘。 梳的紋絲不亂的頭發(fā)上恶迈,一...
    開封第一講書人閱讀 51,231評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼暇仲。 笑死步做,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的奈附。 我是一名探鬼主播全度,決...
    沈念sama閱讀 40,116評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼斥滤!你這毒婦竟也來了将鸵?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,945評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤佑颇,失蹤者是張志新(化名)和其女友劉穎顶掉,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體挑胸,經(jīng)...
    沈念sama閱讀 45,367評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡痒筒,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,581評(píng)論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了茬贵。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片簿透。...
    茶點(diǎn)故事閱讀 39,754評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖解藻,靈堂內(nèi)的尸體忽然破棺而出萎战,到底是詐尸還是另有隱情,我是刑警寧澤舆逃,帶...
    沈念sama閱讀 35,458評(píng)論 5 344
  • 正文 年R本政府宣布,位于F島的核電站戳粒,受9級(jí)特大地震影響路狮,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜蔚约,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,068評(píng)論 3 327
  • 文/蒙蒙 一奄妨、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧苹祟,春花似錦砸抛、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,692評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至砂轻,卻和暖如春奔誓,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背搔涝。 一陣腳步聲響...
    開封第一講書人閱讀 32,842評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工厨喂, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留和措,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,797評(píng)論 2 369
  • 正文 我出身青樓蜕煌,卻偏偏與公主長(zhǎng)得像派阱,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子斜纪,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,654評(píng)論 2 354

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

  • 目錄: 主要繪圖框架介紹 CALayer 繪圖 貝塞爾曲線-UIBezierPath CALayer子類 補(bǔ)充:i...
    Ryan___閱讀 1,673評(píng)論 1 9
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫效果贫母,實(shí)現(xiàn)這些動(dòng)畫的過程并不復(fù)雜,今天將帶大家一窺ios動(dòng)畫全貌傀广。在這里你可以看...
    每天刷兩次牙閱讀 8,485評(píng)論 6 30
  • 前言 本文只要描述了iOS中的Core Animation(核心動(dòng)畫:隱式動(dòng)畫颁独、顯示動(dòng)畫)、貝塞爾曲線伪冰、UIVie...
    GitHubPorter閱讀 3,621評(píng)論 7 11
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫效果誓酒,實(shí)現(xiàn)這些動(dòng)畫的過程并不復(fù)雜,今天將帶大家一窺iOS動(dòng)畫全貌贮聂。在這里你可以看...
    F麥子閱讀 5,110評(píng)論 5 13
  • Core Animation編程指南 關(guān)于Core Animation Core Animation自身并不是一個(gè)...
    錢噓噓閱讀 1,166評(píng)論 0 12