Swift - CALayer的contents屬性動畫

来源:http://www.cnblogs.com/YouXianMing/archive/2016/08/17/5782165.html
-Advertisement-
Play Games

Swift - CALayer的contents屬性動畫 效果 源碼 https://github.com/YouXianMing/Swift-Animations ...


Swift - CALayer的contents屬性動畫

 

效果

 

源碼

https://github.com/YouXianMing/Swift-Animations

//
//  LiveImageView.swift
//  Swift-Animations
//
//  Created by YouXianMing on 16/8/17.
//  Copyright © 2016年 YouXianMing. All rights reserved.
//

import UIKit

// MARK: Public class : LiveImageView

class LiveImageView: UIImageView {
    
    // MARK: Properties.
    
    /// Animation's duration.
    var duration : CFTimeInterval = 0.3
    
    // MARK: Methods.
    
    /**
     Set image with animation or not.
     
     - parameter newVal:   The new image.
     - parameter animated: Animated or not.
     */
    func setImage(newVal : UIImage, animated : Bool) {
        
        if animated == true {
            
            let animation       = CABasicAnimation(keyPath: "contents")
            animation.fromValue = image?.CGImage
            animation.toValue   = newVal.CGImage
            animation.duration  = duration
            
            pLayer.contents = image?.CGImage
            pLayer.addAnimation(animation, forKey: nil)
            
            image = newVal
            
        } else {
            
            image = newVal
        }
    }
    
    // MARK: Private value & func.
    
    private var pLayer : CALayer!
    
    override init(frame: CGRect) {
        
        super.init(frame: frame)
        pLayer = layer
    }
    
    required init?(coder aDecoder: NSCoder) {
        
        fatalError("init(coder:) has not been implemented")
    }
}
//
//  LiveImageViewController.swift
//  Swift-Animations
//
//  Created by YouXianMing on 16/8/17.
//  Copyright © 2016年 YouXianMing. All rights reserved.
//

import UIKit

class LiveImageViewController: NormalTitleViewController {
    
    var timer  : GCDTimer!  = GCDTimer(inQueue: GCDQueue.mainQueue)
    var count  : NSInteger! = 0
    var images : [UIImage]! = [UIImage]()
    
    override func setup() {
        
        super.setup()
        
        images = [UIImage]()
        images.append(UIImage(named: "pic_1")!)
        images.append(UIImage(named: "pic_2")!)
        images.append(UIImage(named: "pic_3")!)
        images.append(UIImage(named: "pic_4")!)
        
        let image                       = images[0]
        let liveImageView               = LiveImageView(frame: CGRectMake(0, 0, image.size.width, image.size.height))
        liveImageView.center            = (contentView?.middlePoint)!
        liveImageView.layer.borderWidth = 3
        liveImageView.layer.borderColor = UIColor.blackColor().CGColor
        liveImageView.duration          = 0.5
        contentView?.addSubview(liveImageView)
        
        weak var wself = self
        timer.event({
            
            let currentIndex = (wself?.count)! % (wself?.images.count)!
            wself?.count     = (wself?.count)! + 1
            
            liveImageView.setImage(wself!.images[currentIndex], animated: true)
            
            UIView.animateWithDuration(0.5, animations: {
                
                var tmpRect          = liveImageView.bounds
                tmpRect.size         = (liveImageView.image?.size)!
                liveImageView.bounds = tmpRect
                liveImageView.center = (wself?.contentView?.middlePoint)!
            })
            
            }, timeIntervalWithSeconds: 1.0)
        
        timer.start()
    }
}

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1.概述 在項目中經常遇到列表中對覆選框進行勾選操作,全選。。。反選。。 2. example ...
  • 第一: webpack只是構建 webpack-dev-server除了構建,還提供web服務 第二:webpack.config.json的路徑參數 顯然,entry都一樣,因為都要知道需要構建的文件在哪裡 那麼區別就在於 output了 path和webpack一起,指明構建 之後 輸出文件的位 ...
  • Express是基於Node.js平臺開發的Web應用開發框架,下麵我們入手學習。 官網 : http://www.expressjs.com.cn/ github:https://github.com/expressjs/express Express生成器 1、生成express全局指令npm ...
  • [1]視窗位置 [2]視窗大小 [3]打開視窗 [4]關閉視窗 ...
  • 在上面兩篇分別說明瞭設計中較為簡單也是很關鍵的實踐點。 第一模塊劃分,它是根據每個模塊所承載的業務,進行劃分,是應用程式一個靜態的描述。 第二合理組合,它是是將每個模塊調動起來,共同實現業務,是一個準動態的說明。 今天主要說明真個應用程式中消息和數據,以及如何迴圈,是完全動態的。同時也簡單的提到各種 ...
  • 1、界面上一個輸入框,一個按鈕,一個webview 。點按鈕,webview顯示輸入框中輸入的url的頁面。 @IBOutlet var wv:UIWebView = nil //定義一個UIWebView @IBOutlet var btnGo: UIView = nil //定義一個按鈕 @IB ...
  • AFNetworking的封裝 特點 1.將AFNetworking 3.0封裝.能夠很好享受蘋果開發中的面向對象開發思想 . 2.其中也提供幾種方法,來請求數據.包括:GET請求/POST請求/Upload請求. 3.調用的方法,在下麵詳細說明 使用方法 1.導入AFNetworking 文件夾 ...
  • 需求詳解: 在實際開發中,有可能是在後期優化的時候,會有這麼需要優化的需求:聊天輸入框保存之前輸入的文本,提高用戶的良好體驗。 在聊天模塊中,用戶可能會在輸入框輸入若幹字元,但是沒有點擊發送就點擊退出聊天,或者要點擊用戶頭像確認用戶的信息,或者比如需要向好友發送另一個好 友的ID不得不暫時退出當前好 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...