Objektif-C'de CollectionView Kullanarak Veri Gösterme

Adı : Objektif-C'de CollectionView Kullanarak Veri Gösterme

CollectionView, iOS platformundaki uygulamalarda sıkça kullanılan ve birçok farklı veri gösterme işlemi için kullanılan temel bir yapıdır. CollectionView, UIView sınıfından türemiş bir sınıftır ve verileri kullanıcıya sunmak için bir tür gösterim tablosu olarak kullanılır. Bu yazıda, Objective-C dilinde CollectionView kullanarak veri gösterme işlemini inceleyeceğiz.

CollectionView Nedir?

CollectionView, Apple tarafından geliştirilen UIKit çerçevesinin bir parçasıdır. Bu çerçeve, iOS uygulamalarının arayüzlerini hazırlamak için kullanılan temel yapıları barındırır. CollectionView, özellikle birden fazla satırda ve sütunda liste, galeri, kart gibi görünüm seçenekleriyle kullanılabilen veri gösterme formudur. Her CollectionView nesnesi kendi hücre sayfasına sahiptir ve bu hücreler sayesinde veriler listelenir.

CollectionView Nasıl Kullanılır?

CollectionView, kullanıcıya özelleştirilebilir ve kolayca kontrol edilebilir arayüzler sunar. Olası bir örnek, bir restoran uygulamasında yemek isimleri ve fiyatlarının listelenmesi olarak düşünülebilir. Bu örnek için öncelikle ViewController sınıfı içerisinde bir CollectionView objesi oluşturulur.

UICollectionView *collectionView = [[UICollectionView alloc] initWithFrame:self.view.frame collectionViewLayout:[[UICollectionViewFlowLayout alloc] init]];

Daha sonra uygun bir veri kaynağı belirlenir. Bu örnekte, liste verileri bir dizi içerisinde saklanacaktır.

NSMutableArray *menuList = [[NSMutableArray alloc] initWithObjects:@\"Tavuklu Noodle\", @\"Sebzeli Noodle\", @\"Pilav Üstü Tavuk\", @\"Karnıyarık\", @\"Sebzeli Mantar\", @\"Köri Soslu Tavuk\", nil];

CollectionView'da kullanılacak bir hücre tasarımı belirlenir. Bu örnekte, hücrelerin içerisinde yemek ismi ve fiyat bilgisi yer alacaktır. Bu veriler, CollectionViewCell alt sınıfında tanımlanacak ve tasarlanacak.

@interface CollectionViewCell : UICollectionViewCell
@property (strong, nonatomic) UILabel *menuNameLabel;
@property (strong, nonatomic) UILabel *menuPriceLabel;
@end

@implementation CollectionViewCell

- (id)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
_menuNameLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 10, 150, 30)];
_menuNameLabel.textColor = [UIColor blackColor];
_menuNameLabel.font = [UIFont systemFontOfSize:16];
_menuNameLabel.textAlignment = NSTextAlignmentLeft;
[self.contentView addSubview:_menuNameLabel];

_menuPriceLabel = [[UILabel alloc] initWithFrame:CGRectMake(frame.size.width - 80, frame.size.height - 30, 70, 20)];
_menuPriceLabel.textColor = [UIColor blackColor];
_menuPriceLabel.font = [UIFont systemFontOfSize:14];
_menuPriceLabel.textAlignment = NSTextAlignmentRight;
[self.contentView addSubview:_menuPriceLabel];
}
return self;
}
@end

Tasarım işlemlerinin tamamlanmasından sonra, CollectionView'a hücreleri ekleme işlemi yapılabilir.

[collectionView registerClass:[CollectionViewCell class] forCellWithReuseIdentifier:@\"cellIdentifier\"];
[collectionView setDataSource:self];
[collectionView setDelegate:self];
[self.view addSubview:collectionView];
[collectionView setBackgroundColor:[UIColor whiteColor]];

CollectionView'da verileri göstermek için DataSource ve Delegate metotları ile kullanılabilir.

-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
return [menuList count];
}

-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
static NSString *cellIdentifier = @\"cellIdentifier\";

CollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:cellIdentifier forIndexPath:indexPath];
cell.menuNameLabel.text = [menuList objectAtIndex:indexPath.row];
cell.menuPriceLabel.text = [self formatCurrency:[self getRandomNumberBetween:10 maxNumber:200]];
return cell;
}

Veri gösterim işlemi tamamlandığında, CollectionView'da gösterilen hücrelerin tepki vermesi sağlanabilir.

-(void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath {
CollectionViewCell *cell = (CollectionViewCell *)[collectionView cellForItemAtIndexPath:indexPath];
cell.backgroundColor = [UIColor colorWithRed:250.0/255.0 green:250.0/255.0 blue:210.0/255.0 alpha:1.0];
}

Mechanics Academy tarafından hazırlanan bu örnekte, CollectionView'un basit bir kullanım şekli gösterilmiştir. Temel bir veri gösterme işlemi işleminde kullanıcının etkileşimini arttırmak için mobil uygulama geliştiricileri farklı tasarım seçeneklerini kullanmaktadır.

Sık Sorulan Sorular

Q: CollectionView'u sadece iOS uygulamalarında mı kullanabilirim?

A: Evet, CollectionView sadece iOS uygulamalarında kullanılır.

Q: CollectionView'da verileri dinamik olarak nasıl değiştirebilirim?

A: Verileri değiştirmek için CollectionView'un dataSource yöntemlerinden birini kullanmalısınız.

Q: CollectionView'da herhangi bir sınırlama var mı?

A: CollectionView, tasarım özellikleri ve verilerin yoğunluğuna göre performans üzerinde etkisi olabilecek limitlere sahiptir.

Q: CollectionView ile birlikte filtreleme yapabilir miyim?

A: Evet, CollectionView içinde yer alan bir dataSource yöntemi olan 'collectionView:cellForItemAtIndexPath:' içerisinde filtreleme yapılabilmektedir."