iOS專案開發實戰——設定檢視的透明度改變動畫
在iOS中 ,透明度的改變可以讓View檢視以一種漸變的效果動態的出現或者消退,非常有意思。這裡我們將會對一個View控制元件的色塊執行透明度改變的動畫。關於其他的動畫效果可以參考我的其他幾篇部落格《iOS專案開發實戰——製作檢視的平移動畫以及解決移動異常問題》,《iOS專案開發實戰——多個檢視的平移動畫與閉包函式的宣告與呼叫》。
(1)在Main.storyboard中拖入一個View,並且繫結到程式碼中。
(2)實現程式碼如下:
import UIKit
class OpacityViewController: UIViewController {
@IBOutlet weak var greenSquare: UIView!
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
override func viewDidAppear(animated: Bool) {
super.viewDidAppear(animated)
func anim(){
self.greenSquare.alpha = 0.2 //改變透明度到0.2
}
UIView.animateWithDuration(2, animations: anim)//時常為2s;
}
}
(3)執行程式,發現色塊可以動態的改變透明度Alpha。
github主頁:https://github.com/chenyufeng1991 。歡迎大家訪問!
相關文章
- iOS專案開發實戰——檢視動畫效果iOS動畫
- iOS專案開發實戰——實現檢視切換動畫iOS動畫
- iOS專案開發實戰——製作檢視的縮放動畫iOS動畫
- iOS專案開發實戰——製作檢視的旋轉動畫iOS動畫
- iOS專案開發實戰——UIView的子檢視和父檢視iOSUIView
- iOS專案開發實戰——製作View的顏色漸變動畫iOSView動畫
- iOS專案開發實戰——配置自定義動畫iOS動畫
- iOS專案開發實戰——多個檢視的平移動畫與閉包函式的宣告與呼叫iOS動畫函式
- iOS專案開發實戰——製作檢視的平移動畫以及解決移動異常問題iOS動畫
- js移入和離開動畫方式改變透明度JS動畫
- iOS專案開發實戰——storyboard設定介面技巧與注意事項iOS
- Xamarin iOS開發實戰上冊----------2.2 新增和定製檢視iOS
- 改變aioserver的設定AIiOSServer
- iOS專案開發實戰——使用定時器實現迴圈操作iOS定時器
- iOS專案開發實戰——自定義設定導航欄和狀態列背景iOS
- iOS專案開發實戰——使用CoreLocation實現定位iOS
- iOS專案開發實戰——理解frame,bounds,centeriOS
- iOS專案開發實戰——plist陣列解析iOS陣列
- Flutter上線專案實戰——Vap視訊動畫Flutter動畫
- jQuery動畫方式設定元素的透明度jQuery動畫
- 以動畫方式設定元素的透明度動畫
- iOS專案開發實戰——使用CALayer和定時器實現進度條iOS定時器
- iOS專案開發實戰——UIView的層級關係iOSUIView
- 淺談設計模式在iOS開發實戰專案中的應用設計模式iOS
- iOS專案開發實戰——使用UICollectionView實現瀑布流iOSUIView
- svg以動畫方式設定透明度SVG動畫
- jQuery以動畫方式設定元素的透明度jQuery動畫
- iOS專案開發實戰——UILabel與取色器的使用iOSUI
- flask 專案開發實戰Flask
- iOS專案開發實戰——如何進行延時操作iOS
- iOS專案開發實戰——獲取本機IP地址iOS
- iOS專案開發實戰——iOS網路程式設計獲取網頁Html原始碼iOS程式設計網頁HTML原始碼
- iOS10 UI教程基改變檢視的外觀與檢視的可見性iOSUI
- iOS動畫實戰之Lottie動畫iOS動畫
- iOS專案開發實戰——彈出提示對話方塊iOS
- JavaScript 動畫方式設定元素尺寸和透明度JavaScript動畫
- JavaScript漸變方式設定透明度JavaScript
- iOS專案開發實戰——UIImageView的使用與圖片顯示模式iOSUIView模式