iOS專案開發實戰——配置自定義動畫
動畫很多的屬性,如位置,透明度等,開發者可以根據這些屬性來自定義自己需要的動畫。現在我們來簡單實現如何自定義動畫,以檢視的透明度的變化為例。其他的動畫效果可以參考我的其他兩篇部落格《iOS專案開發實戰——檢視動畫效果》《iOS專案開發實戰——實現檢視切換動畫》。
(1)同樣也在Images.xcassets中拖入一張圖片,然後在 Main.storyboard中使用一個ImageView控制元件來包含這張圖片。並且繫結控制元件到程式碼中。
(2)然後在ViewController中實現程式碼如下,我簡單實現了透明度迴圈改變的效果:
import UIKit
class ViewController: UIViewController {
@IBOutlet weak var image: UIImageView!
var isAlpha1:Bool = true
override func viewDidLoad() {
super.viewDidLoad()
self.view.addSubview(image)
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
override func touchesBegan(touches: Set<NSObject>, withEvent event: UIEvent) {
func anim1(){
image.alpha = 0.5 //半透明;
}
func anim2(){
image.alpha = 1.0 //不透明;
}
func complete(v:Bool){
println("Complete")
isAlpha1 = !isAlpha1 //迴圈改變透明度;
}
if(isAlpha1){
UIView.transitionWithView(image, duration: 1.0, options: UIViewAnimationOptions.TransitionNone, animations: anim1, completion: complete)
}else{
UIView.transitionWithView(image, duration: 1.0, options: UIViewAnimationOptions.TransitionNone, animations: anim2, completion: complete)
}
}
}
(3)最後的實現效果如下:
。
.
github主頁:https://github.com/chenyufeng1991 。歡迎大家訪問!
相關文章
- 鴻蒙專案實戰(三):自定義彈窗開發實踐鴻蒙
- iOS開發 - 動畫實踐系列iOS動畫
- Flutter 開發實戰——自定義省略字尾Flutter
- SpringBoot專案實戰(7):自定義異常處理介面Spring Boot
- flask 專案開發實戰Flask
- docker Redis 自定義配置檔案啟動DockerRedis
- 【Flutter實戰】自定義滾動條Flutter
- 最新動態: 開源專案 ionic3-awesome — 實現自定義modal
- iOS自定義MJRefresh上拉和下拉重新整理動畫iOS動畫
- Flutter動畫之自定義動畫元件-FlutterLayoutFlutter動畫元件
- 專案實戰介面開發SpringBootSpring Boot
- Flutter上線專案實戰——Vap視訊動畫Flutter動畫
- 『自定義View實戰』—— 仿ios圖示下載viewViewiOS
- iOS – RxSwift 專案實戰記錄iOSSwift
- php 自定義配置檔案PHP
- Flutter完整開發實戰詳解(十六、詳解自定義佈局實戰)Flutter
- 搞定動畫之 JQuery 中的自定義動畫動畫jQuery
- TransitionAnimation自定義轉場動畫NaN動畫
- 小程式雲開發專案實戰
- django專案開發實戰——部落格Django
- 最新Python開發專案實戰(完整)Python
- iOS系統導航欄自定義標題動畫跳變解析iOS動畫
- 建立自定義專案模板
- 淺談設計模式在iOS開發實戰專案中的應用設計模式iOS
- Java 給PPT新增動畫效果(預設動畫/自定義動畫)Java動畫
- 一本實踐的專案開發《Python專案開發實戰(第2版)》Python
- Android自定義View播放Gif動畫AndroidView動畫
- Android 自定義View之下雨動畫AndroidView動畫
- Flutter自定義CupertinoPageRoute進入動畫Flutter動畫
- Web專案開發介紹及實戰專案介紹Web
- iOS開發——專案實戰總結&UITableView效能優化與卡頓問題iOSUIView優化
- 萬彩動畫大師教程 | 自定義動畫函式動畫函式
- iOS開發使用UIKeyInput自定義密碼輸入框iOSUI密碼
- iOS自定義log並寫入檔案iOS
- win10開機動畫怎麼設定_win10自定義開機動畫Win10動畫
- iOS開發UI篇--iOS動畫(Core Animation)總結iOSUI動畫
- .NET Core - 自定義專案模板
- SpringBoot讀取自定義配置檔案Spring Boot
- springboot如何使用自定義配置檔案Spring Boot