UI基礎視圖----UIImageView總結

　　UIImageView和UILabel一樣，也是UIKit框架中非常常用的視圖類。繼承關系和UILabel完全一致（都是繼承於UIView），功能也相似（用戶交互都默認為關，主要用於展示），只不過UIImageView用於展示圖片，UILabel用於展示文字。

　　UIImageView主要用於展示兩種圖片，一種是靜態圖片，也是最基礎的用法，另一種是動態圖片（一組圖片產生的動畫效果）。所以UIImageView除了可以使用從UIView繼承下來的動畫效果外，還可以使用自己的動畫效果（顯然自己的更常用）。

　　所以，UIImageView主要功能就是展示圖片，展示類型有兩種，一種是單獨一張圖片（靜態），一種是一組圖片（動態），可以使用UIImageView制作一個gif動圖。

0：准備圖片

　　首先添加三張本地圖片

/**
 *  0：准備圖片
 */
- (void)prepareImage
{
    self.image1 = [UIImage imageNamed:@"apple1"];
    self.image2 = [UIImage imageNamed:@"apple2"];
    self.image3 = [UIImage imageNamed:@"apple3"];
}

 

1：靜態圖片展示

　　靜態圖片其實就是給UIImageView的image屬性賦值。

　　注意：在實例化UIImageView的時候，使用initWithImage:進行實例化，或者后面設置image屬性，而不再設置imageView的frame，imageView直接使用image的frame，那么，有兩種情況：一是image本身比較小，那么就會按照image的frame大小顯示。而如果image的frame太大，可能就會不顯示，遇到這個問題可以使用frame初始化再設置屬性image。

/**
 *  1：靜態圖片展示
 */
- (void)staticImageShow
{
    //1：UIImageView自己獨有的初始化方法
    self.imageView1 = [[UIImageView alloc] initWithImage:self.image1];
    //2：這里imageView1的frame如果不設置，imageView1的frame就會默認為image1的frame，（在image1的frame小於屏幕的情況下），根據需要設置
    self.imageView1.frame = CGRectMake(100, 100, 100, 100);//設置frame屬性，從UIView繼承過來的屬性
    self.imageView1.image = self.image2;//imageView1的圖片可以通過image后期進行設置
    //3：用戶交互屬性
    self.imageView1.userInteractionEnabled = YES;//，默認是NO，如果需要加手勢要設置為YES
    [self.view addSubview:self.imageView1];//父視圖來添加子視圖
}

 

2：動態圖片展示

　　其實就是加了一組圖片到數組里，然后設置動畫時間和重復次數，然后開啟動畫。

　　注意：動畫必須手動開啟。

/**
 *  2：動態圖片展示
 */
- (void)dynamicImageShow
{
    //1：使用從UIView繼承來的方法實例化
    self.imageView2 = [[UIImageView alloc] initWithFrame:CGRectMake(100, 300, 100, 100)];
    //2：設置屬性animationImages，是一個數組
    self.imageView2.animationImages = @[self.image1, self.image2, self.image3];
    self.imageView2.animationRepeatCount = 100;//動畫重復次數，默認是0（切記：0是無窮大），默認會無限重復
    self.imageView2.animationDuration = 1;//設置一次動畫持續的時間。
    [self.imageView2 startAnimating];//開啟動畫，動畫必須手動開啟
//    [self.imageView2 stopAnimating];//關閉動畫，可以在需要的時候手動關閉
    [self.view addSubview:self.imageView2];
}

 

最終顯示效果為：上面一張靜態圖，下面一張類似於gif的動態圖。