UICollectionView Benutzerdefinierte Zelle zum Füllen der Breite in Swift

Ich habe versucht, die Figur-aus, wie kann ich die Zelle füllen Sie die Breite, wie Sie im Bild sehen können, die Breite zwischen den Zellen ist zu groß. ich bin mit benutzerdefinierten Zelle mit nur einer Bildansicht.

Habe ich versucht, um es aus dem storyboard, aber ich denke, es gibt keine option, oder sollte es programmgesteuert ausgeführt werden.
UICollectionView Benutzerdefinierte Zelle zum Füllen der Breite in Swift

meine UICollectionViewController :

 @IBOutlet var collectionView2: UICollectionView!

    let recipeImages = ["angry_birds_cake", "creme_brelee", "egg_benedict", "full_breakfast", "green_tea", "ham_and_cheese_panini", "ham_and_egg_sandwich", "hamburger", "instant_noodle_with_egg.jpg", "japanese_noodle_with_pork", "mushroom_risotto", "noodle_with_bbq_pork", "starbucks_coffee", "thai_shrimp_cake", "vegetable_curry", "white_chocolate_donut"]

    override func viewDidLoad() {
        super.viewDidLoad()

        //Uncomment the following line to preserve selection between presentations
        //self.clearsSelectionOnViewWillAppear = false

        //Do any additional setup after loading the view.

    }


    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        //Dispose of any resources that can be recreated.
    }

override func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int {
        //#warning Incomplete method implementation -- Return the number of sections
        return 1
    }


    override func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        //#warning Incomplete method implementation -- Return the number of items in the section
         return recipeImages.count
    }

    override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCellWithReuseIdentifier(reuseIdentifier, forIndexPath: indexPath) as! RecipeCollectionViewCell

        //Configure the cell
        cell.recipeImageView.image = UIImage(named: recipeImages[indexPath.row])

        return cell
    }

InformationsquelleAutor der Frage AaoIi | 2015-05-01

Müssen Sie dies tun, programmatisch.

Implementieren UICollectionViewDelegateFlowLayout im view-controller und die Größe in collectionView:layout:sizeForItemAtIndexPath:

func collectionView(_ collectionView: UICollectionView,
                        layout collectionViewLayout: UICollectionViewLayout,
                        sizeForItemAt indexPath: IndexPath) -> CGSize {
        let kWhateverHeightYouWant = 100
        return CGSizeMake(collectionView.bounds.size.width, CGFloat(kWhateverHeightYouWant))
}

Werden Sie auch nennen wollen collectionView.collectionViewLayout.invalidateLayout() innen Ihre view-controller - viewWillLayoutSubviews() so, dass wenn die main view Abmessungen ändern ("rotation", für Beispiel), die Auflistung anzeigen ist neu verlegt.

Swift 4 Update

func collectionView(_ collectionView: UICollectionView,
                            layout collectionViewLayout: UICollectionViewLayout,
                            sizeForItemAt indexPath: IndexPath) -> CGSize {
            let kWhateverHeightYouWant = 100
            return CGSize(width: collectionView.bounds.size.width, height: CGFloat(kWhateverHeightYouWant))
}

InformationsquelleAutor der Antwort Matt Quiros

Innen Ihre view-controller überschreiben viewDidLayoutSubviews Methode

@IBOutlet weak var collectionView: UICollectionView!

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()

    if let layout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout {
        let itemWidth = view.bounds.width / 3.0
        let itemHeight = layout.itemSize.height
        layout.itemSize = CGSize(width: itemWidth, height: itemHeight)
        layout.invalidateLayout()
    }
}

(collectionView Eigenschaft ist Ihre collectionView)

InformationsquelleAutor der Antwort mustafa

Verwenden Sie Folgenden code für die Breite des UICollectionViewCell.

func collectionView(_ collectionView: UICollectionView,
                    layout collectionViewLayout: UICollectionViewLayout,
                    sizeForItemAt indexPath: IndexPath) -> CGSize {        
    return CGSize(width: screenWidth/3, height: screenWidth/3);
}

InformationsquelleAutor der Antwort Nimit Parekh

5

Auch in Swift 3,

Stellen Sie sicher, dass Ihr view-controller erfüllt die Anforderungen der folgenden:

UICollectionViewDelegate,

UICollectionViewDataSource,

UICollectionViewDelegateFlowLayout

InformationsquelleAutor der Antwort brycejl

Swift 3

Wenn Sie swift 3, verwenden Sie diese Methode:

    func collectionView(_ collectionView: UICollectionView,
                        layout collectionViewLayout: UICollectionViewLayout,
                        sizeForItemAt indexPath: IndexPath) -> CGSize {

    }

Die Veränderungen bemerken:

hinzufügen _ vor collectionView in den Namen der Methode,
NSIndexPath änderungen IndexPath

InformationsquelleAutor der Antwort JPetric

0

Programmgesteuert festlegen der itemSize zu [UIScreen mainScreen].bounds.size.width/3

InformationsquelleAutor der Antwort rounak

In meinem Fall, unter der Annahme, dass jede Zelle hat eine Breite von 155 und einer Höhe von 220. Wenn ich zeigen will 2 Zellen pro Zeile in einem Porträt-Modus und 3 für die Landschaft.

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
    var itemsCount : CGFloat = 2.0
    if UIApplication.sharedApplication().statusBarOrientation != UIInterfaceOrientation.Portrait {
        itemsCount = 3.0
    }
    return CGSize(width: self.view.frame.width/itemsCount - 20, height: 220/155 * (self.view.frame.width/itemsCount - 20));
}

InformationsquelleAutor der Antwort Eduardo Irias

0

Die beste Lösung ist die änderung der itemSize Ihrer UICollectionViewFlowLayout im viewDidLayoutSubviews. Das ist, wo können Sie die genaue Größe der UICollectionView. Sie nicht brauchen, um invalidate aufrufen, die auf Ihrem layout, das erledigen wir für Sie bereits.

InformationsquelleAutor der Antwort ZaBlanc

Ich habe die gleiche Anforderung, in meinem Fall Balg Lösung gearbeitet wird. Ich UIImageView top, left, bottom und right-Beschränkungen zu 0 innen UICollectionviewCell

@IBOutlet weak var imagesCollectionView: UICollectionView!

override func viewDidLoad() {
    super.viewDidLoad()
    //flowlayout
    let screenWidth = UIScreen.main.bounds.width
    let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
    layout.sectionInset = UIEdgeInsets(top: 5, left: 5, bottom: 10, right: 0)
    layout.itemSize = CGSize(width: screenWidth/3 - 5, height: screenWidth/3 - 5)
    layout.minimumInteritemSpacing = 5
    layout.minimumLineSpacing = 5
    imagesCollectionView.collectionViewLayout = layout

}

InformationsquelleAutor der Antwort Raju Abe

Für meinen Fall, wollte ich, um zwei Spalten und 3 Zeilen in der UICollectionView

Fügte ich UICollectionViewDelegateFlowLayout delegieren zu meiner Klasse

dann habe ich überschreiben sizeForItemAt indexPath

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    let cellHeight = (collectionView.bounds.size.height - 30) / 3 //3 count of rows to show
    let cellWidth = (collectionView.bounds.size.width - 20) / 2 //2 count of colomn to show
    return CGSize(width: CGFloat(cellWidth), height: CGFloat(cellHeight))
}

Den 30 ist der Zeilenabstand, die 20 ist die insent zwischen den Zellen

InformationsquelleAutor der Antwort F.sh

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.