iOS Image View

“Image View, tekli yada birden çok resmi animasyon halinde gösterebilmemize imkan veren bir view’dir.”

 

Özellikler

• image : Image View içerisinde gösterilecek olan resimdir.
• animationImages : Image View içerisinde animasyon halinde gösterilecek resimlerin dizisidir.

 

Örnek uygulamamızda, bir image view’a tekli ve birden çok resim eklemeyi göreceğiz.

Adım 1: Uygulamamızı oluşturalım

İlk olarak Image View isminde bir uygulama oluşturalım, bunu yaparken “Single View” uygulama türünü seçelim ki bize bir tane ekran ve onun controller class’ını otomatik olarak oluştursun.

Adım 2 : Resim ekleyelim

Image view içerisinde sadece 1 tane resim göstermek istiyorsak:

viewDidLoad’ın içerisinde

- (void)viewDidLoad
{
    [super viewDidLoad];

    //image view içinde bir tane resim göstermek için
    _imageView.image=[UIImage imageNamed:@"image1.png"];
    
    
}

kodunu kullanıyoruz.

Not : Kodun çalışması için öncelikle “image1.png” ismindeki resmi projemize eklememiz gerekiyor.

Not 2: Aynı zamanda imageWithData, imageWithCGImage, imageWithContentsOfFile metodları ile de UIImage’e resim ekleyebiliriz.

Image view içerisinde animasyon halinde 1’den fazla resmi göstermek istiyorsak:

- (void)viewDidLoad
{
    [super viewDidLoad];
   
    // imageview içerisinde bir kaç tane resmi animasyon halinde göstermek için
    NSArray *imageNames = @[@"image1.png", @"image2.png", @"image3.png"];
    
    NSMutableArray *images = [[NSMutableArray alloc] init];
   
    for (int i = 0; i < imageNames.count; i++) {
        [images addObject:[UIImage imageNamed:[imageNames objectAtIndex:i]]];
    }
    
    _imageView.animationImages=images;
    _imageView.animationDuration = 0.5;
    // ağır çekimde göstermek için 0.5 i artırabilirsiniz.
    
    [_imageView startAnimating];
    
}

Bu kodda ise,

• Resimlerin ismini bir diziye giriyoruz.
• Başka bir diziye bu isimdeklerdeki resimleri ekliyoruz.
• ImageView’a animationImages olarak resimleri eklediğimiz diziyi atıyoruz
• Duration’ı ayarlıyoruz. Ben 0.5 verdim, eğer daha ağır çekimde göstermek isterseniz, bu sayıyı artırabilirsiniz.
• Daha sonra da image view’imizin startAnimating metodunu çağırarak, çalışmasını sağlıyoruz.

Ben 3 tane kuş resmini birleştirerek uçan bir kuş elde ettim. 🙂

 

Resimleri indirmek isterseniz:

 

Uygulamamızın ekran görüntüsü:

Not : Her ne kadar burada belli olmasa’da, uygulamayı çalıştırdığınızda kuşun uçtuğunu göreceksiniz.

Uygulama dosyaları için : https://github.com/ozdemirmuhammed/Image-View