दिलचस्प पोस्ट
क्या डि कंटेनर के माध्यम से बनाए गए ऑब्जेक्ट्स को आरम्भ करने के लिए कोई पैटर्न है PowerShell में फ़ंक्शन का रिटर्न वैल्यू HttpPost के भीतर से चयनित चेकबॉक्स को कैसे पता चलाना कार्रवाई विधि है? jqGrid पेजिंग सवाल बैच फ़ाइल में वेरिएबल को कमांड आउटपुट असाइन करें क्या कुंजी प्रेस कार्यक्रमों को प्रोग्रामेटिक रूप से अनुकरण करना संभव है? आप प्रत्येक एन-वीं पंक्ति को mysql से कैसे चुनते हैं जावास्क्रिप्ट में एक समारोह अभिव्यक्ति बनाम घोषणा के बीच क्या अंतर है? Bmp को jpg / png सी # में इवेंट हैंडलर स्मृति लीक से बचने के लिए क्यों और कैसे? क्या स्ट्रस्ट को गड़बड़ में बदलना चाहिए? थ्रेड के अंदर हैंडलर नहीं बना सकता जो Looper.prepare () नहीं कहा गया है पृष्ठभूमि सूचीदृश्य स्क्रॉल करते समय काला हो जाता है अपाचे के साथ वेबसाइट छवि कैशिंग दो क्षेत्रों की तुलना करने के लिए कस्टम फॉर्म सत्यापन निर्देश

एक UICollectionView प्रोग्राम बनाना

मैं एक गाइड या ट्यूटोरियल की तलाश कर रहा हूं जो मुझे दिखाएगा कि कैसे एक सरल UICollectionView को केवल कोड का उपयोग करें।

मैं एपल्स साइट पर प्रलेखन के माध्यम से वॉक कर रहा हूं, और इम को संदर्भ मैनुअल का प्रयोग भी कर रहा हूं।

लेकिन मुझे एक साधारण गाइड से वास्तव में फायदा होगा जो मुझे स्टोरीबोर्ड या एक्सआईबी / एनआईबी फाइलों के उपयोग के बिना यूआईकोलप्लेव्यूव्यू सेट अप करने के तरीके को दिखाएंगे – लेकिन दुर्भाग्य से जब मैं खोजता हूं, तो मैं ट्यूटोरियल जो स्टोरीबोर्ड को दिखाता है।

वेब के समाधान से एकत्रित समाधान "एक UICollectionView प्रोग्राम बनाना"

शीर्ष लेख फ़ाइल:–

 @interface ViewController : UIViewController<UICollectionViewDataSource,UICollectionViewDelegateFlowLayout> { UICollectionView *_collectionView; } 

कार्यान्वयन फ़ाइल: –

 - (void)viewDidLoad { [super viewDidLoad]; self.view = [[UIView alloc] initWithFrame:[[UIScreen mainScreen] bounds]]; UICollectionViewFlowLayout *layout=[[UICollectionViewFlowLayout alloc] init]; _collectionView=[[UICollectionView alloc] initWithFrame:self.view.frame collectionViewLayout:layout]; [_collectionView setDataSource:self]; [_collectionView setDelegate:self]; [_collectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"cellIdentifier"]; [_collectionView setBackgroundColor:[UIColor redColor]]; [self.view addSubview:_collectionView]; // Do any additional setup after loading the view, typically from a nib. } - (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section { return 15; } // The cell that is returned must be retrieved from a call to -dequeueReusableCellWithReuseIdentifier:forIndexPath: - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath { UICollectionViewCell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:@"cellIdentifier" forIndexPath:indexPath]; cell.backgroundColor=[UIColor greenColor]; return cell; } - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath { return CGSizeMake(50, 50); } 

आउटपुट —

यहां छवि विवरण दर्ज करें

त्वरित उपयोगकर्ता के लिए: –

 class TwoViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout, UICollectionViewDelegate { override func viewDidLoad() { super.viewDidLoad() var flowLayout = UICollectionViewFlowLayout() let collectionView = UICollectionView(frame: self.view.bounds, collectionViewLayout: flowLayout) collectionView.registerClass(UICollectionViewCell.self, forCellWithReuseIdentifier: "collectionCell") collectionView.delegate = self collectionView.dataSource = self collectionView.backgroundColor = UIColor.cyanColor() self.view.addSubview(collectionView) } func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { return 20 } func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell { var cell = collectionView.dequeueReusableCellWithReuseIdentifier("collectionCell", forIndexPath: indexPath) cell.backgroundColor = UIColor.greenColor() return cell } func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize { return CGSizeMake(50, 50) } func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAtIndex section: Int) -> UIEdgeInsets { return UIEdgeInsets(top: 5, left: 5, bottom: 5, right: 5) } } 

स्विफ्ट 2.0 के लिए

CollectionViewCells को आकर्षित करने के लिए आवश्यक तरीकों को लागू करने के बजाय:

 func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize { return CGSizeMake(50, 50); } func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAtIndex section: Int) -> UIEdgeInsets { return UIEdgeInsetsMake(5, 5, 5, 5); //top,left,bottom,right } 

UICollectionViewFlowLayout उपयोग करें

 func createCollectionView() { let flowLayout = UICollectionViewFlowLayout() // Now setup the flowLayout required for drawing the cells let space = 5.0 as CGFloat // Set view cell size flowLayout.itemSize = CGSizeMake(50, 50) // Set left and right margins flowLayout.minimumInteritemSpacing = space // Set top and bottom margins flowLayout.minimumLineSpacing = space // Finally create the CollectionView let collectionView = UICollectionView(frame: CGRectMake(10, 10, 300, 400), collectionViewLayout: flowLayout) // Then setup delegates, background color etc. collectionView?.dataSource = self collectionView?.delegate = self collectionView?.registerClass(UICollectionViewCell.self, forCellWithReuseIdentifier: "cellID") collectionView?.backgroundColor = UIColor.whiteColor() self.view.addSubview(collectionView!) } 

तब आवश्यकता के अनुसार UICollectionViewDataSource विधियों को कार्यान्वित करें:

 func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { return 20; } func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell { var cell:UICollectionViewCell=collectionView.dequeueReusableCellWithReuseIdentifier("collectionCell", forIndexPath: indexPath) as UICollectionViewCell; cell.backgroundColor = UIColor.greenColor(); return cell; } func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int { // #warning Incomplete implementation, return the number of sections return 1 } 

स्विफ्ट 3

 class TwoViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout, UICollectionViewDelegate { override func viewDidLoad() { super.viewDidLoad() let flowLayout = UICollectionViewFlowLayout() let collectionView = UICollectionView(frame: self.view.bounds, collectionViewLayout: flowLayout) collectionView.register(UICollectionViewCell.self, forCellWithReuseIdentifier: "collectionCell") collectionView.delegate = self collectionView.dataSource = self collectionView.backgroundColor = UIColor.cyan self.view.addSubview(collectionView) } func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { return 20 } func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "collectionCell", for: indexPath as IndexPath) cell.backgroundColor = UIColor.green return cell } func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { return CGSize(width: 50, height: 50) } func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets { return UIEdgeInsets(top: 5, left: 5, bottom: 5, right: 5) } } 
  1. वेयरवोल्फ के जवाब को बंद करना, अगले चरण में अपने स्वयं के कस्टम सेल बनाना है

    File -> New -> File -> User Interface -> Empty -> Call जाएं File -> New -> File -> User Interface -> Empty -> Call इस निब "customNib" File -> New -> File -> User Interface -> Empty -> Call करें

  2. अपने customNib एक UICollectionView सेल को खींचें। इसे सेल पहचानकर्ता @"Cell" पुन: उपयोग करें।

  3. File -> New -> File -> Cocoa Touch Class -> Class "CustomCollectionViewCell" नाम "CustomCollectionViewCell" उप-क्लास अगर UICollectionViewCell

  4. कस्टम "CustomCollectionViewCell" वापस जाएं, सेल पर क्लिक करें और इस कस्टम वर्ग को "CustomCollectionViewCell"

  5. अपने viewDidLoad viewcontroller viewDidLoad viewcontroller और इसके बजाय

    [_collectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"cellIdentifier"];

    है

    UINib *nib = [UINib nibWithNibName:@"customNib" bundle:nil]; [_collectionView registerNib:nib forCellWithReuseIdentifier:@"Cell"];

  6. साथ ही, अपने नए सेल पहचानकर्ता को बदल दें

    UICollectionViewCell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:@"Cell" forIndexPath:indexPath];

आप उल्लिखित दृश्य में कस्टम सेल को देख सकते हैं नीचे कोड देखें। यहां छवि विवरण दर्ज करें

 - (void)viewDidLoad { UINib *nib2 = [UINib nibWithNibName:@"YourCustomCell" bundle:nil]; [CollectionVW registerNib:nib2 forCellWithReuseIdentifier:@"YourCustomCell"]; UICollectionViewFlowLayout *flowLayout = [[UICollectionViewFlowLayout alloc] init]; [flowLayout setItemSize:CGSizeMake(200, 230)]; flowLayout.minimumInteritemSpacing = 0; [flowLayout setScrollDirection:UICollectionViewScrollDirectionVertical]; [CollectionVW setCollectionViewLayout:flowLayout]; [CollectionVW reloadData]; } #pragma mark - COLLECTIONVIEW #pragma mark Collection View CODE -(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView { return 1; } - (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section { return Array.count; } - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath { static NSString *cellIdentifier = @"YourCustomCell"; YourCustomCell *cell = (YourCustomCell *)[collectionView dequeueReusableCellWithReuseIdentifier:cellIdentifier forIndexPath:indexPath]; cell.MainIMG.image=[UIImage imageNamed:[Array objectAtIndex:indexPath.row]]; return cell; } -(void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath { } #pragma mark Collection view layout things // Layout: Set cell size - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath { CGSize mElementSize; mElementSize=CGSizeMake(kScreenWidth/3.4, 150); return mElementSize; } - (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section { return 5.0; } // Layout: Set Edges - (UIEdgeInsets)collectionView: (UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section { if (isIphone5 || isiPhone4) { return UIEdgeInsetsMake(15,15,5,15); // top, left, bottom, right } else if (isIphone6) { return UIEdgeInsetsMake(15,15,5,15); // top, left, bottom, right } else if (isIphone6P) { return UIEdgeInsetsMake(15,15,5,15); // top, left, bottom, right } return UIEdgeInsetsMake(15,15,5,15); // top, left, bottom, right } 

एप्पल डॉक्स:

 - (id)initWithFrame:(CGRect)frame collectionViewLayout:(UICollectionViewLayout *)layoutParameters 

इस पद्धति का उपयोग करें जब एक संग्रह दृश्य ऑब्जेक्ट प्रोग्रामेटिक रूप से आरंभ किया जाए यदि आप लेआउट पैरामीटर के लिए शून्य निर्दिष्ट करते हैं, तो आपको संग्रह दृश्य ऑनस्क्रीन को प्रदर्शित करने से पहले लेआउट ऑब्जेक्ट संग्रह ViewLayout संपत्ति को निर्दिष्ट करना होगा। यदि आप नहीं करते हैं, तो संग्रह दृश्य किसी भी आइटम को ऑनस्क्रीन प्रस्तुत करने में असमर्थ होगा।

यह विधि नामित initializer है

इस पद्धति का उपयोग UICollectionView इनिशियलाइज़ करने के लिए किया जाता है यहां आप फ्रेम और एक UICollectionViewLayout ऑब्जेक्ट प्रदान करते हैं।

 UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc]init]; 

अंत में, UICollectionView को अपने दृश्य में एक UICollectionView रूप में जोड़ें।

अब संग्रह दृश्य प्रो व्याकरणिक रूप से जोड़ दिया गया है आप सीखने पर जा सकते हैं
खुश सीख !! आशा है कि यह आपको मदद करता है

  #pragma mark - #pragma mark - UICollectionView Datasource and Delegates -(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView { return 1; } -(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section { return Arr_AllCulturalButtler.count; } -(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath { static NSString *coll=@"FromCulturalbutlerCollectionViewCell"; FromCulturalbutlerCollectionViewCell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:coll forIndexPath:indexPath]; cell.lbl_categoryname.text=[[Arr_AllCulturalButtler objectAtIndex:indexPath.row] Category_name]; cell.lbl_date.text=[[Arr_AllCulturalButtler objectAtIndex:indexPath.row] event_Start_date]; cell.lbl_location.text=[[Arr_AllCulturalButtler objectAtIndex:indexPath.row] Location_name]; [cell.Img_Event setImageWithURL:[APPDELEGATE getURLForMediumSizeImage:[(EventObj *)[Arr_AllCulturalButtler objectAtIndex:indexPath.row] Event_image_name]] placeholderImage:nil usingActivityIndicatorStyle:UIActivityIndicatorViewStyleGray]; cell.button_Bookmark.selected=[[Arr_AllCulturalButtler objectAtIndex:indexPath.row] Event_is_bookmarked]; [cell.button_Bookmark addTarget:self action:@selector(btn_bookmarkClicked:) forControlEvents:UIControlEventTouchUpInside]; cell.button_Bookmark.tag=indexPath.row; return cell; } - (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath { [self performSegueWithIdentifier:SEGUE_CULTURALBUTLER_KULTURELLIS_DETAIL sender:self]; } // stroy board navigation - (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender { if ([segue.identifier isEqualToString:@"Overview_Register"]) { WDRegisterViewController *obj=(WDRegisterViewController *)[segue destinationViewController]; obj.str_Title=@"Edit Profile"; obj.isRegister=NO; } } [self performSegueWithIdentifier:@"Overview_Measure" sender:nil]; UIStoryboard *sb = [UIStoryboard storyboardWithName:@"Main" bundle:nil]; WDPeekViewController *Peek = (WDPeekViewController *)[sb instantiateViewControllerWithIdentifier:@"WDPeekViewController"]; [self.navigationController pushViewController:tabBarController animated:YES]; 

कोलेशन देखें परीक्षा

 #import "CollectionViewController.h" #import "BuyViewController.h" #import "CollectionViewCell.h" @interface CollectionViewController () { NSArray *mobiles; NSArray *costumes; NSArray *shoes; NSInteger selectpath; NSArray *mobilerate; NSArray *costumerate; NSArray *shoerate; } @end @implementation CollectionViewController - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. self.title = self.receivename; mobiles = [[NSArray alloc]initWithObjects:@"7.jpg",@"6.jpg",@"5.jpg", nil]; costumes = [[NSArray alloc]initWithObjects:@"shirt.jpg",@"costume2.jpg",@"costume1.jpg", nil]; shoes = [[NSArray alloc]initWithObjects:@"shoe.jpg",@"shoe1.jpg",@"shoe2.jpg", nil]; mobilerate = [[NSArray alloc]initWithObjects:@"10000",@"11000",@"13000", nil]; costumerate = [[NSArray alloc]initWithObjects:@"699",@"999",@"899", nil]; shoerate = [[NSArray alloc]initWithObjects:@"599",@"499",@"300", nil]; } - (void)didReceiveMemoryWarning { [super didReceiveMemoryWarning]; // Dispose of any resources that can be recreated. } #pragma mark - UICollectionview Data Source -(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView { return 1; } -(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section { return 3; } -(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath { static NSString *cellId = @"cell"; UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:cellId forIndexPath:indexPath]; UIImageView *collectionImg = (UIImageView *)[cell viewWithTag:100]; if ([self.receivename isEqualToString:@"Mobiles"]) { collectionImg.image = [UIImage imageNamed:[mobiles objectAtIndex:indexPath.row]]; } else if ([self.receivename isEqualToString:@"Costumes"]) { collectionImg.image = [UIImage imageNamed:[costumes objectAtIndex:indexPath.row]]; } else { collectionImg.image = [UIImage imageNamed:[shoes objectAtIndex:indexPath.row]]; } return cell; } -(void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath { selectpath = indexPath.row; [self performSegueWithIdentifier:@"buynow" sender:self]; } 

प्राग चिह्न – नेविगेशन

  // In a storyboard-based application, you will often want to do a little 

– (शून्य) तैयार करें ForSegue: (UIStoryboardSegue *) सेगू प्रेषक: (आईडी) प्रेषक {

 if ([segue.identifier isEqualToString:@"buynow"]) { BuyViewController *obj = segue.destinationViewController; if ([self.receivename isEqualToString:@"Mobiles"]) { obj.reciveimg = [mobiles objectAtIndex:selectpath]; obj.labelrecive = [mobilerate objectAtIndex:selectpath]; } else if ([self.receivename isEqualToString:@"Costumes"]) { obj.reciveimg = [costumes objectAtIndex:selectpath]; obj.labelrecive = [costumerate objectAtIndex:selectpath]; } else { obj.reciveimg = [shoes objectAtIndex:selectpath]; obj.labelrecive = [shoerate objectAtIndex:selectpath]; } // Get the new view controller using [segue destinationViewController]. // Pass the selected object to the new view controller. } } @end 

 @interface CollectionViewController : UIViewController<UICollectionViewDelegate,UICollectionViewDataSource> @property (strong, nonatomic) IBOutlet UICollectionView *collectionView; @property (strong,nonatomic) NSString *receiveimg; @property (strong,nonatomic) NSString *receivecostume; @property (strong,nonatomic)NSString *receivename; @end