iOS 手把手教你一步一步完成搖骰子動畫

去年就已經上了搖骰子功能，今年把這個模組總結一下，用到的知識點很多，但都是比較基礎的。我先羅列一下知識點，骰子的數量可控，根據不同的玩法返回對應的數值，要涉及到去重，搖一搖開啟動畫 1，uiimageview的動畫 --旋轉動畫 2，高階動畫--組動畫 3，玩法組合--隨機數產生，骰子數值** 4，加入系統搖一搖功能 5，閉包**，列舉型別運用這裡只列出了部分**，完整**，請移步github

檢視原始碼：github：ddgdiceanimation

//也可用晃動動畫，這裡採用了動畫
uiimageview 自己封裝好動畫，需要傳入陣列
//轉動骰子的載入
let myimages:[uiimage] = [uiimage(named:"7.png")!,uiimage(named:"8.png")!,uiimage(named:"9.png")!]
//骰子1的轉動切換
let imagedong11 = uiimageview(frame: cgrect(x: 85.0, y: 115.0, width: 90.0,height: 90.0))
//設定動畫切換時間
imagedong11.animationduration = 0.1
//設定動畫資源
imagedong11.animationimages = myimages
//開啟動畫
imagedong11.startanimating()

//設定動畫
let spin = cabasicanimation(keypath: "transform.rotation")
spin.duration = animations
spin.tovalue = double.pi * 16.0
//******************位置變化***************
//設定骰子1的位置變化
//注意不要染骰子運動到螢幕之外
let dice1point = self.getrandomnumbers(8, lenth: uint32(screenwidth))
//用關鍵幀動畫 ，設定四個點，按照這四個點移動
let p1 = cgpoint(x: cgfloat(dice1point[0]), y: cgfloat(dice1point[1]))
let p2 = cgpoint(x: cgfloat(dice1point[2]), y: cgfloat(dice1point[3]))
let p3 = cgpoint(x: cgfloat(dice1point[4]), y: cgfloat(dice1point[5]))
let p4 = cgpoint(x: cgfloat(dice1point[6]), y: cgfloat(dice1point[7]))
//把點轉換成nsvalue陣列下一步要用
let keypoint = [nsvalue(cgpoint: p1),nsvalue(cgpoint: p2),nsvalue(cgpoint: p3),nsvalue(cgpoint: p4)]
//初始化動畫的屬性是位置動畫
let animation1 = cakeyframeanimation(keypath: "position")
animation1.values = keypoint
animation1.duration = animations
imagedong11.layer.position = cgpoint(x: screenwidth / 2 - 60, y: screenheight / 2.0 - 50)
//骰子1的動畫組合
let animgroup1 = caanimationgroup()
animgroup1.animations = [animation1]
animgroup1.duration = animations
//動畫結束時會呼叫**方法，將計算好的骰子動畫傳給控制器
animgroup1.delegate = self
imagedong11.layer.add(animgroup1, forkey: "position")
//隨機產生不同的號碼
func getrandomnumbers(_ count:int,lenth:uint32) -> [int] 
}return randomnumbers
}

加入系統的搖一搖動畫（晃動手機就呼叫）
這個比較簡單
//匯入系統庫
import audiotoolbox
//呼叫並重寫系統方法
override func motionbegan(_ motion: uieventsubtype, with event: uievent?) 
}}//模擬器呼叫方法
點選模擬器
simulator -> hardware -> shake gestrue

func animationdidstop(_ anim: caanimation, finished flag: bool) 
}

func animationdidstop(_ anim: caanimation, finished flag: bool) 
} else if diff3arr0 == 2 
} else if diff3arr0 == 3 
} else 
//色子1
imagedong1.image = uiimage(named: "\(diff3arr0).png")
//色2
imagedong2.image = uiimage(named: "\(diff3arr1 ).png")
//色3
imagedong3.image = uiimage(named: "\(diff3arr2 ).png")
self.animationstop(true, dicearr:[diff3arr0 ,diff3arr1 ,diff3arr2 ])
case .same2type:
let same2arr = self.getrandomnumbers(2,lenth: 6)
//色1
imagedong1.image = uiimage(named: "\(same2arr[0]).png")
//色2
imagedong2.image = uiimage(named: "\(same2arr[0]).png")
//色3
imagedong3.image = uiimage(named: "\(same2arr[1]).png")
self.animationstop(true, dicearr: [same2arr[0],same2arr[0],same2arr[1]])
case .same3type:
let same3arr = self.getrandomnumbers(1,lenth: 6)
//色1
imagedong1.image = uiimage(named: "\(same3arr[0]).png")
//色2
imagedong2.image = uiimage(named: "\(same3arr[0]).png")
//色3
imagedong3.image = uiimage(named: "\(same3arr[0]).png")
self.animationstop(true, dicearr: [same3arr[0],same3arr[0],same3arr[0]])}}

檔案快取oc版：

檔案快取swift版：

截圖庫：

iOS 手把手教你一步一步完成搖骰子動畫

一步步手把手教你寫seo文章

一步一步教你配置vnc

教你新手一步一步開始SEO

iOS 手把手教你一步一步完成搖骰子動畫

一步步手把手教你寫seo文章

一步一步教你配置vnc

教你 新手 一步一步開始SEO

相關推薦

教你新手一步一步開始SEO