1. 程式人生 > >iOS專案開發實戰——製作View的顏色漸變動畫

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)執行程式,發現兩個控制元件可以分別進行顏色改變的動畫。

相關推薦

iOS專案開發實戰——製作View顏色漸變動畫

      一個View檢視的顏色改變是一個最基本,也最容易引起使用者注意的特性。現在我們來學習一下如何改變一個檢視的顏色,並以動畫的形式展現出來。 (1)在Main.storyboard中拖入一個Label和一個View,事先設定好這兩個控制元件的顏色,然後繫結到程式碼中

iOS專案開發實戰(Swift)—專案目錄和結構

單檢視應用程式(single view application)包含以下幾個重要的檔案 1、AppDelegate.swift-應用程式委託類 手動初始化window物件 self.window=UI

iOS專案開發實戰(Swift)—查詢天氣小應用

1.新建Xcode專案,建立single view application,專案名稱為swift_Weather,選擇語言為Swift。 2.開啟Main.storyboard,新建三個控制元件,一個用於輸入城市的TextField,一個查詢按鈕Button,一個用於顯示天

iOS專案開發實戰——實現UICollectionView的動態增加Cell與Section

     UICollectionView是iOS中一種非常重要的控制元件,繼承自UITableView,和Android中的RecycleView也是類似的,常常用在使用瀑布流的介面中,目前已經越來越常見了。今天我們將會來實現如何對CollectionView中的Cell

iOS專案開發實戰——獲取本機IP地址

     在設計iOS網路開發中,我們需要獲取本機的IP地址,那麼通過Swift呼叫OC如何來實現呢?我將會通過一個Swift的iOS專案,然後通過呼叫OC的方法,來實現這個功能。 (1)在Swift專案中新建Cocoa Touch Class,語言選擇Objective-

iOS專案開發實戰——使用CALayer實現圖片的淡入淡出效果

     在移動應用開發中,如果兩張圖片之間直接進行切換,會顯得突兀,使用者體驗不佳。如果中間能有淡入淡出效果,就會很不錯。我們就用CALayer來實現一下: (1)拖入2張圖片,然後程式碼實現如下:

iOS專案開發實戰——使用定時器實現迴圈操作

     在實際的專案開發中,我們往往需要使用定時器來執行一個不斷重複的方法,並設定一定的時間間隔。比如圖片的輪播。那麼應該怎麼實現呢? (1)程式碼如下: #import "ViewControl

IOS專案開發實戰——Storyboard設定介面技巧與注意事項

在iOS開發中,使用Main.storyboard來設計介面是每一個iOS開發人員需要面對的問題,使用storyboard相比較Android中使用XML來設定佈局,有優點也有缺陷,現在我們來談談storyboard的設計技巧。 (1)直接使用滑鼠右鍵可以直接縮放sto

iOS專案開發實戰——Swift實現多個TableView的側滑與切換

       在Android中我們常常使用ListView來表示列表,來顯示類似的呈現列表樣式的結果。來到iOS中,這種控制元件稱之為TableView。這裡我們將會通過使用ScrollView和TableView結合的方式來實現可以側滑顯示的列表,這將會大大提高使用者體

Android開發View漸變動畫(例項)

漸變動畫(也叫消失)通常指漸漸的淡出某個UI元件,同時同步地淡入另一個。當App想切換內容或View的情況下,這種動畫很有用。漸變簡短不易察覺,同時又提供從一個介面到下一個之間流暢的轉換。如果在需要轉換的時候沒有使用任何動畫效果,這會使得轉換看上去感到生硬而倉促。在這裡我

Python大型網路爬蟲專案開發實戰

1   講師簡介 2   課程簡介及特色  實戰精通Scrapy爬蟲專案編寫 "Scrapy是Python的一個非常流行的爬蟲框架,使用Scrapy框架可以很方面做出大型爬蟲專案,但Scrapy框架近期才支援Python3,在Python3中使用有許多坑,

iOS專案開發流程和釋出流程

專案開發流程 1.需求分析 2.功能設計 3.編寫程式碼 4.測試 5.釋出上線 釋出 1.進入developer.apple.com,點選Certificates&Identifiers,再點選Certificates 2.註冊App Id,輸入專案名稱和Bun

Scala 專案開發實戰(2)

今天是學習王家林老師大資料的第二天,今天主要講的是Scala的基礎語法知識,下面開始Scala的開發之旅。 Tuple 使用 列印輸出 triple 中的內容 Arra

基於Ethereum & IPFS的去中心化Ebay區塊鏈專案開發實戰

孔壹學院:國內區塊鏈職業教育引領品牌,專注於區塊鏈產品底層研發和職業教育培訓,孔壹學院是一家集產品研發、外包服務、脫產班、週末班、企業內訓、區塊鏈人才服務提供商為一體的綜合性區塊鏈商學院。 官方網站:http://www.kongyixueyuan.

ChainDesk:從零到壹構建基於 fabric-sdk-node 的專案開發實戰

 ChainDesk:從零到壹構建基於 fabric-sdk-node 的專案開發實戰 第一章:搭建環境 http://www.chaindesk.cn/witbook/14/200?20190102meiti 第二章:鏈碼實現 http://www.chaindesk.cn/wi

iOS專案開發小技巧(一)--如何自定義UIViewController的titile

專案開發中,我們會碰到自己定義title文字樣式的需求,系統的apiself.title很難對其進行自定義,以前的api有個很複雜的字典屬性可以對其進行修改,這裡不對其進行解釋,我們來看一個簡單的修改其樣式的方法 我們看自己的ViewController.m檔

iOS專案開發中Git的使用

一、Git介紹 Git是一個專案原始碼管理系統,在多人合作開發過程中是至關重要的。在專案開發中,我們可以通過Git客戶端(Github、Tower、Tortoise等)或者通過命令列來使用Git,關於Git基礎操作的命令參考文章Git基本操作命令。即使是在獨立開發過程中,使

ios專案開發(天氣預報專案):hmacsha1 例子

- (NSString *)hmacsha1:(NSString *)text key:(NSString *)secret { NSData *secretData = [secret dataUsingEncoding:NSUTF8StringEncoding]

ROS專案開發實戰(一)——STM32與ROS串列埠通訊

序    本文主要釋出一些作者從零開始開發ROS的專案實戰經驗,包括一些經驗與本文遇到坑時的解決方案,ROS因為版本不同與開發環境不同在實際開發中會遇到各類問題,下面就細細道來。一、環境搭建    本人開發環境 ——上位機:MAC主機+PD虛擬機器+Ubuntu12.04(6

《微信小程式專案開發實戰:用WePY、mpvue、Taro打造高效的小程式》(筆記3)支援Vue.js語法的mpvue框架

(1)保證npm和Node.js的可用性後,使用如下程式碼安裝Vue.js環境。 # 全域性安裝 vue-cli # 如果是Linux或者Unix等一般是要 sudo 許可權的 npm install --global [email protected] 在Windows中使用CMD安裝環境,安裝效果如圖10