UIImageView幀動(dòng)畫(huà)的簡(jiǎn)單實(shí)現(xiàn)

幀動(dòng)畫(huà):一張一張順序播放的動(dòng)畫(huà)

  • 準(zhǔn)備好一些圖片,為方便使用,圖片按數(shù)字順序命名。
  • 搭建UI界面,storyboard中拖入U(xiǎn)IImageView和兩個(gè)控制按鈕。
  • 按鈕拖線到控制器,實(shí)現(xiàn)方法:

核心代碼:

  #pragma mark - 開(kāi)始動(dòng)畫(huà)
- (IBAction)startAnimation {
    // 1.1 加載所有的圖片
    NSMutableArray<UIImage *> *imageArr = [NSMutableArray array];
    for (int i=0; i<20; i++) {
        // 獲取圖片的名稱
        NSString *imageName = [NSString stringWithFormat:@"%d", i+1];
        // 創(chuàng)建UIImage對(duì)象
        UIImage *image = [UIImage imageNamed:imageName];
        // 加入數(shù)組
        [imageArr addObject:image];
    }
    // 設(shè)置動(dòng)畫(huà)圖片
    self.imageView.animationImages = imageArr;

    // 設(shè)置動(dòng)畫(huà)的播放次數(shù)
    self.imageView.animationRepeatCount = 0;

    // 設(shè)置播放時(shí)長(zhǎng)
    // 1秒30幀, 一張圖片的時(shí)間 = 1/30 = 0.03333 20 * 0.0333
    self.imageView.animationDuration = 1.0;

    // 開(kāi)始動(dòng)畫(huà)
    [self.imageView startAnimating];
}

#pragma mark - 結(jié)束動(dòng)畫(huà)
 - (IBAction)overAnimation {
    [self.imageView stopAnimating];
}

點(diǎn)擊開(kāi)始按鈕開(kāi)始動(dòng)畫(huà),點(diǎn)擊停止按鈕動(dòng)畫(huà)停止。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1.自定義控件 a.繼承某個(gè)控件 b.重寫(xiě)initWithFrame方法可以設(shè)置一些它的屬性 c.在layouts...
    圍繞的城閱讀 3,696評(píng)論 2 4
  • 重點(diǎn)參考鏈接: View Programming Guide for iOS https://developer....
    Kevin_Junbaozi閱讀 4,700評(píng)論 0 15
  • 冰天雪地, 風(fēng)聲怒吼。 忽水波不興, 鴉雀無(wú)聲。 遂至晌午間, 晴空萬(wàn)里無(wú)云。 見(jiàn)霧散日出, 陽(yáng)光四濺。 時(shí)見(jiàn)百花...
    秋小羽1023閱讀 94評(píng)論 0 0
  • 今天盤面:漲停90家,連板27家,一字板15家,炸板32家,跌停8家。其中連板數(shù)較多說(shuō)明市場(chǎng)熱度較大,創(chuàng)業(yè)板指延續(xù)...
    工程師_f6d5閱讀 161評(píng)論 0 0
  • 01、聲音就是競(jìng)爭(zhēng)力: 不管你的演講內(nèi)容有多么精彩,最終呈現(xiàn)的載體一定是你的聲音。 在柯研老師多年做評(píng)委比賽過(guò)程當(dāng)...
    林佩純閱讀 2,277評(píng)論 0 2

友情鏈接更多精彩內(nèi)容