2. 程式人生 > >ios-計時器示範：一閃一閃View(動畫效果)

ios-計時器示範：一閃一閃View(動畫效果)

阿新 • • 發佈：2019-02-09

本示例實現的動畫：UIView定時消失隨後又閃現，即一閃一閃的動畫

所採用的技術：定時器(NSTimer) + 動畫(beginAnimations/commitAnimations)

具體實現步驟：

1、在.h檔案中定義一個變數和一個Method：

2、在.m檔案中開啟與關閉定時器，以及繫結Method:

3、啟動計時器：

第二步：動畫部分

在handleScollTimer:方法中寫動畫程式碼：

#import "FlashViewController.h"

@interface FlashViewController ()
{
    NSTimer *showTimer;//計時器變數
 

    UIView * scanLine;

}
////要執行的方法
//-(void)handleScrollTimer:(NSTimer *)theTimer;     -(void)startTimer;
@end

@implementation FlashViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.

    self.view.backgroundColor = [UIColor whiteColor];

    scanLine = [[UIView
 
 alloc] initWithFrame:CGRectMake(100, 100, 50, 50)];
    scanLine.backgroundColor = [UIColor blueColor];
    [self.view addSubview:scanLine];
    //開啟執行緒
    [self performSelectorOnMainThread:@selector(startTimer) withObject:nil waitUntilDone:YES];

}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
 

}

- (void)viewDidAppear:(BOOL)animated
{
    ///頁面顯示完畢的時候執行
    //重新開啟定時器
    [showTimer setFireDate:[NSDate distantPast]];
}


-(void)startTimer
{
    //定義時間計數器:每隔2秒執行一次handleScrollTimer方法
    showTimer = [NSTimer scheduledTimerWithTimeInterval:2.0
                                                 target:self
                                               selector:@selector(handleScrollTimer:)
                                               userInfo:nil
                                                repeats:true];
    [[NSRunLoop currentRunLoop] addTimer:showTimer forMode:NSDefaultRunLoopMode];
}

///頁面消失完畢的時候執行
-(void)viewDidDisappear:(BOOL)animated
{
    //關閉定時器
    [showTimer setFireDate:[NSDate distantFuture]];
}

-(void)handleScrollTimer:(NSTimer *)theTimer
{
    scanLine.alpha = 1.0;
    [UIView beginAnimations:@"scanLine" context:nil];
    [UIView setAnimationDuration:0.8];
    [UIView setAnimationCurve:UIViewAnimationCurveLinear];
    scanLine.alpha = 0.05;
    [UIView commitAnimations];
}

相關推薦

ios-計時器示範：一閃一閃View(動畫效果)

本示例實現的動畫：UIView定時消失隨後又閃現，即一閃一閃的動畫 所採用的技術：定時器(NSTimer) + 動畫(beginAnimations/commitAnimations) 具體實現步驟： 1、在.h檔案中定義一個變數和一個Method： 2

小程式實現【倒計時計時器，最後十秒只顯示一位數並且加入放大動畫效果】

效果：js：var that // 用來實現最後十秒強調的動畫 var animation = wx.createAnimation({ duration: 300, timingFunction: 'ease', }) /** * [倒計時函式，最後十秒只顯示

iOS 計時器三種定時器的用法NSTimer、CADisplayLink、GCD

並且 reat clas 就會 固定 tro run mod 不同 原文：http://www.cocoachina.com/ios/20160919/17595.html 一、三種計時器 二、全局倒計時 #import "ViewController.h" @inte

[iOS] 計時器 (Timer)

想要做一個計時器 (Timer)，可以怎麼做？使用NSTimer，每隔一秒鐘更新一次秒數，就這麼簡單！ - (void)viewDidLoad { [super viewDidLoad]; // 設定Timer，每過1秒執行方法 self.accumulatedTime = 0; self.timer =

Android 計時器 分：秒：毫秒 http://download.csdn.net/detail/tangjili5620/9876529

http://download.csdn.net/detail/tangjili5620/9876529<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http:/

iOS開發筆記6：圖片輪播及其無限迴圈效果

m 平時APP中的廣告位或者滾動的新聞圖片等用到的就是圖片輪播這種效果，實現方式主要有兩種，一種是ScrollView+ImageView，另一種則是通過CollectionView，今天總結的是ScrollView這種方式。     1.圖片輪播效果實現       主

anime.js 實戰：實現一個帶有描邊動畫效果的復選框

由於 圓角 理解 http 中心 timeline 實例 描邊 evel 在網頁或者是APP的開發中，動畫運用得當可以起到錦上添花的作用。正確使用動畫，不但可以有助於用戶理解交互的作用，還可以大大提高網頁應用的魅力和使用體驗。並且在現在的網頁開發中，動畫已經成為了一個設計的

iOS 【如何解決 UIView 在佈局時的"詭異"動畫效果】

場景 在專案中，UIView 的佈局時，發生了詭異的動畫效果。演示視訊如下： 根本 看到官方文件中的一句話： // animatable. do not use frame if view is transformed since it will not

anime.js 實戰：實現一個帶有描邊動畫效果的複選框

在網頁或者是APP的開發中，動畫運用得當可以起到錦上添花的作用。正確使用動畫，不但可以有助於使用者理解互動的作用，還可以大大提高網頁應用的魅力和使用體驗。並且在現在的網頁開發中，動畫已經成為了一個設計的標準，變得越來越重要。特別是在一些和使用者互動的地方，使用動

關於仿酷狗音樂播放器開源：尋求一套音樂播放器素材，讓仿酷狗開源

替換 log 設有 ext 軟件 水平 iss 開源 可靠 轉載請說明原出處，謝謝~~ 距離公布測試版的仿酷狗音樂播放器。已經幾個月過去了。期間非常多網友加我QQ來問我開源的問題，我也早有開源意向。但我也一直沒有得到可靠的信息，保證開

iOS 運行時RunTime使用場景一：打點統計用戶行為，深度解耦

cab else 地址 註入 響應事件 加載失敗 tor top perf 轉自：http://www.jianshu.com/p/0497afdad36d 用戶統計.jpeg 用戶行為統計(User Behavior Statistics, UBS)一直是移

讓我為你介紹一個神器：Chimee，一套可擴展的 H5 視頻播放器解決方案

包括 api 人員 保持 打包 需求 解耦 日常 開發 Chimee（讀“奇米”, [t??‘m?:]）是由奇舞團開源的一套 H5 視頻播放器解決方案，由奇舞團視頻雲前端團隊結合在業務和視頻編解碼方向的沈澱積累傾心打造。 Chimee 支持 MP4、M3U8、FLV 等

Linux配置監控服務器：Zabbix監控(一)

zabbix一、Linux監控平臺介紹 cacti、nagios、zabbix、smokeping、open-falcon等； cacti、smokeping偏向基礎監控，成圖非常漂亮； cacti、nagios、zabbix服務端監控中心，需要PHP環境支持，其中zabbix和cacti都需要mysql

腳本實現一鍵部署Nginx軟件（Web服務器）：

repo oca disk 計算 failed 數字 參數 開啟 use 案例1：編寫一鍵部署軟件腳本 案例2：啟動腳本 案例3：編寫監控腳本 案例4：編寫安全檢測腳本 案例5：編寫進度顯示腳本 1 案例1：編寫一鍵部署軟件腳本1.1 問題 本案例要求編寫腳本實現一鍵部署N

白話SpringCloud | 第十一章：路由閘道器(Zuul)：利用swagger2聚合API文件

前言 通過之前的兩篇文章，可以簡單的搭建一個路由網關了。而我們知道，現在都奉行前後端分離開發，前後端開發的溝通成本就增加了，所以一般上我們都是通過swagger進行api文件生成的。現在由於使用了統一路由網關了，都希望各微服務的api文件統一的聚合在閘道器服務中，也方便前端使用者查閱，不需要每個服務單獨檢視

進擊的小白Day014——計時器（一）

今天因為老師那邊例會需要，就自己diy了一個例會計時器。 收穫： 鍵入指定按鍵中斷迴圈，不用scanf，下面語句是鍵入Esc來中斷迴圈的 while (c != 27) { statement if (kbhit()) { c

elasticsearch：第十一章 IK分詞器分詞結果檢查

IK分詞器-分詞方法(head 和位址列均可訪問：使用範圍ES 5.X) http://192.168.100.23:9400/_analyze?analyzer=ik_max_word&pr

解決：對修飾器的實驗支援是一項將在將來版本中更改的功能。設定+"experimentalDecorators"+選項以刪除此警告。

首先安裝一個依賴包yarn add babel-plugin-transform-decorators-legacy -D，這種寫法會將依賴包載入到devDependencies中，而不是dependencies第一個是隻用於開發環境，第二個要用於生產環境。所以

變分自編碼器VAE：原來是這麼一回事 | 附開原始碼

行為型：設計模式之迭代器模式（二十一）

 20世紀80年代，那時我家有一臺“古老的”電視機，牌子我忘了，只記得是臺黑白電視機，沒有遙控器，每次開關機或者換臺都需要通過電視機上面的那些按鈕來完成，我印象最深的是那個用來換臺的按鈕，需要親自用手去旋轉（還要使點勁才能擰動），每轉一下就“啪”的響一聲，如果沒有收到任何電視訊道就會出現一片讓人眼花的雪花點。