ios基礎篇（二）——UIImageView的常見用法

標籤：

UIImageView是在介面上顯示圖片的一個控制項，在UIImageView中顯示圖片的話應該首先把圖片載入到UIImage中，然後通過其他方式使用該UIImage。

建立UIImageView有兩種方法:

一種是用UIImage來載入：
UIImage *image = [UIImageimageNamed:@"picture"];
UIImageView *imageView = [[UIImageView alloc] initWithImage:image];

另一種是通過initWithFrame：來載入，然後手工修改UIImageView的屬性:

 UIImageView *imageView = [[UIImageView alloc] initWithImage:@"picture"];

 

    //這裡我用了第一種方法    UIImage *image = [UIImage imageNamed:@"u=2255024074,2191209375&fm=21&gp=0"];    //初始化    UIImageView *imageView = [[UIImageView alloc] initWithImage:image];    [self.view addSubview:imageView];    //背景顏色    imageView.backgroundColor = [UIColor blueColor];    //圓角    imageView.layer.cornerRadius = 4;    imageView.layer.masksToBounds = YES;    //是否互動    imageView.userInteractionEnabled = YES;    //寬與高分別採用原圖片的寬與高    float width = imageView.frame.size.width;    float height = imageView.frame.size.height;    //設定imageView的位置與尺寸    CGRect frame = imageView.frame;    frame.origin.x = 0;    frame.origin.y = 50;    frame.size.width = width;    frame.size.height = height;    [imageView setFrame:frame];

UIImageView的幾種常用屬性：

    (1)設定圓角

    imageView.layer.masksToBounds = YES;

    imageView.layer.cornerRadius = 10;

     (2)設定邊框顏色和大小

    imageView.layer.borderColor = [UIColor orangeColor]；

    imageView.layer.borderWidth = 2;

     (3)contentMode屬性：當圖片小於imageView的大小處理圖片顯示

    這個屬性是用來設定圖片的顯示方式，如置中、居右，是否縮放等，有以下幾個常量可供設定：

    UIViewContentModeScaleAspectFit：這個圖片都會在view裡面顯示，並且比例不變，這就是說，如果圖片和view的比例不一樣就會有留白。

    UIViewContentModeScaleAspectFill： 這是整個view會被圖片填滿，圖片比例不變 ，這樣圖片顯示就會大於view。

    UIViewContentModeCenter ；UIViewContentModeTop；UIViewContentModeBottom；UIViewContentModeLeft；UIViewContentModeRight；        

    UIViewContentModeTopLeft；UIViewContentModeTopRight；UIViewContentModeBottomLeft；UIViewContentModeBottomRight（這幾種就不一一解

    釋了，都是保持圖片比例不變）。

    (4)為圖片添加單擊事件：一定要先將userInteractionEnabled置為YES，這樣才能響應單擊事件

     imageView.userInteractionEnabled = YES;

    UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(ImageViewAction:)];

    [imageView addGestureRecognizer:tap];

   - (void)ImageViewAction:(UITapGestureRecognizer *)gesture{ 

    imageView.backgroundColor = [UIColor yellowColor];

    }

    (5)播放一系列圖片

    UIImage *image1 = [UIImage imageNamed:@"p1"];

    UIImage *image2 = [UIImage imageNamed:@"p2"];

    UIImage *image3 = [UIImage imageNamed:@"p3"];

    NSArray *imagesArray = @[image1,image2,image3];

    imageView.animationImages = imagesArray;

    //設定所有的圖片在多少秒內播放完畢

    imageView.animationDuration = [imagesArray count];

    //不重複播放多少遍，0表示無數遍

     imageView.animationRepeatCount = 0;

    // 開始播放

    [imageView startAnimating];

 

ios基礎篇（二）——UIImageView的常見用法