iOS 小Demo 簡單籃球沿軌跡動畫

2021-10-05 11:35:35 字數 1789 閱讀 3736

西北望鄉何處是,東南見月幾回圓。昨風一吹無人會,今夜清光似往年!>

《白海師》

來句廢話吧,今天好像是中秋啊!想起打球的時候,於是寫乙個籃球運動的軌跡動畫吧,很簡單!

效果圖:

籃球軌跡運動.gif

實現思路:

補充:

上**:

uibezierpath *path = [uibezierpath bezierpath];

[path movetopoint:cgpointmake(0, 400)]; // 起點

// 設定終點 和兩個控制點(拐點)

[path addcurvetopoint:cgpointmake(400, 200) controlpoint1:(cgpointmake(120, 10)) controlpoint2:(cgpointmake(300, 20))];```

- 第二步:繪製運動路徑軌跡

```code

cashapelayer *pathlayer = [cashapelayer layer];

pathlayer.path = path.cgpath;// 繪製路徑

pathlayer.strokecolor = [uicolor redcolor].cgcolor;// 軌跡顏色

pathlayer.fillcolor = [uicolor clearcolor].cgcolor;// 填充顏色

pathlayer.linewidth = 5.0f; // 線寬

cakeyframeanimation *pathanimation = [cakeyframeanimation animationwithkeypath:@"position"];

= kcaanimationpaced;// 我理解為節奏

pathanimation.fillmode = kcafillmodeforwards;

pathanimation.removedoncompletion = no;// 是否在動畫完成後從 layer 層上移除 回到最開始狀態

pathanimation.duration = 3.0f;// 動畫時間

pathanimation.repeatcount = 100;// 動畫重複次數```

- 第四步: 建立需要動畫的籃球

```code

uiimageview *basketball = [[uiimageview alloc] initwithframe:(cgrectmake(0, 400, 80, 80))];

basketball.image = [uiimage imagenamed:@"basketball"];```

- 一曲終了,一一新增上!

```code

[self.view addsubview:basketball]; // 新增籃球

[basketball.layer addanimation:pathanimation forkey:nil ];// 新增動畫

[self.view.layer addsublayer:pathlayer];// 繪製的軌跡

iOS 小的Demo 簡單的手勢解鎖實現

晴川歷歷漢陽樹,芳草萋萋鸚鵡洲 好運蛋 先上效果圖 密碼是3548 前奏 這個可以說是在簡易的畫板之上,增加一些判斷就可以完成,首先我們肯定需要九個圓圈的放置,我思考的就是用九個 uiview 迴圈的方法布置一下各自位置 畫圖 乙個簡單的想法就是,在九個 view 所屬的大 view 畫線,只要經過...

iOS應用開發 小畫板Demo

還有很多功能可以加,記在這裡留著慢慢加吧。touchview.h import inte ce touchview uiview property strong,nonatomic nsmutablearray points property strong,nonatomic nsarray poi...

iOS啟動時如何新增引導頁面 小demo

相信大家都看到過手機應用在啟動的時候,都會有乙個很漂亮的頁面,在這個頁面顯示之後,如果你是第一次開啟該應用還會有提示 如程式怎麼使用等等 今天自己寫了乙個小demo 在此分享一下,可以給新學者乙個參考 以上就是在xcode中如何找到設定引導頁面的位置 對於的設定大家可以看到圖中有2x 和r4 兩種,...