iOS專案開發實戰——製作View的顏色漸變動畫
一個View檢視的顏色改變是一個最基本,也最容易引起使用者注意的特性。現在我們來學習一下如何改變一個檢視的顏色,並以動畫的形式展現出來。
(1)在Main.storyboard中拖入一個Label和一個View,事先設定好這兩個控制元件的顏色,然後繫結到程式碼中。
(2)實現程式碼如下:
import UIKit
class ColorViewController: UIViewController {
@IBOutlet weak var greenSquare: UIView!
@IBOutlet weak var swiftText: UILabel!
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.backgroundColor = UIColor.blackColor()
self.swiftText.textColor = UIColor.blueColor()
}
UIView.animateWithDuration(2, animations: anim)
}
}
(2)執行程式,發現兩個控制元件可以分別進行顏色改變的動畫。
github主頁:https://github.com/chenyufeng1991 。歡迎大家訪問!
相關文章
- iOS專案開發實戰——製作檢視的縮放動畫iOS動畫
- iOS專案開發實戰——製作檢視的旋轉動畫iOS動畫
- iOS CAGradientLayer顏色漸變iOS
- Android 顏色漸變 屬性動畫Android動畫
- 利用CAGradientLayer自定義顏色漸變viewView
- iOS專案開發實戰——自定義控制元件背景與顏色iOS控制元件
- iOS 背景圖層的顏色漸變效果iOS
- 自定義View之顏色漸變折線圖View
- iOS專案開發實戰——檢視動畫效果iOS動畫
- iOS專案開發實戰——配置自定義動畫iOS動畫
- iOS 顏色製作背景圖片iOS
- 簡易的iOS導航欄顏色漸變方案iOS
- iOS專案開發實戰——製作檢視的平移動畫以及解決移動異常問題iOS動畫
- iOS專案開發實戰——設定檢視的透明度改變動畫iOS動畫
- iOS 導航欄顏色透明度漸變iOS
- CSS 顏色漸變的程式碼.CSS
- iOS專案開發實戰——實現檢視切換動畫iOS動畫
- css文字顏色漸變的3種實現CSS
- iOS兩種顏色的線性漸變 --DDGBannerScrollViewiOSView
- iOS UIView漸變色iOSUIView
- css3實現的文字顏色漸變和漸隱效果CSSS3
- iOS 導航欄背景顏色完全透明及漸變iOS
- css3背景顏色漸變CSSS3
- iOS CAGradientLayer漸變色iOS
- app直播原始碼,xml實現由上而下的顏色漸變APP原始碼XML
- 【.NET 與樹莓派】WS28XX 燈帶的顏色漸變動畫樹莓派動畫
- Vml+Dhtml:製作一個應用漸變顏色效果不錯的進度條 (轉)HTML
- CSS--border邊框顏色漸變CSS
- javascript網頁背景顏色漸變效果JavaScript網頁
- css樣式背景顏色漸變效果CSS
- [譯] Android 實現顏色漸變的一個小 tipAndroid
- Android 沉浸式狀態列 漸變顏色的實現Android
- iOS開發 獲取圖片中的顏色iOS
- R語言colorRampPalette函式-建立顏色梯度(漸變色)R語言函式梯度
- Dreamweaver製作滑鼠經過圖示改變顏色教程
- iOS 動畫製作方法。iOS動畫
- iOS專案開發實戰——使用CoreLocation實現定位iOS
- CSS3文字顏色漸變效果CSSS3