Swift : How to set image to label that fits as per label size?

Question

I've UICollectionViewCell that is generated programmatically. There is label placed over cell.

Now, I want to set image to label present on cell but that image should resize according to size of cell.

Below is code used but it didn't worked :

 let objImage : UIImage = UIImage(named: "OK")!
 let objCGSize = cell.lblNumber?.frame.size

 UIGraphicsBeginImageContext(objCGSize!)
 objImage.drawInRect(CGRectMake(0, 0, (cell.lblNumber?.frame.size.width)!, (cell.lblNumber?.frame.size.height)!))

 let objNewImage : UIImage = UIGraphicsGetImageFromCurrentImageContext()
            UIGraphicsEndImageContext()

 cell.lblNumber!.text = ""
 cell.lblNumber!.backgroundColor = UIColor(patternImage: objNewImage)

Any other fix?

I tried using UIButton instead of UILabel as suggested by someone. But here another issues cropped-up like Alignment of text, Image is not set..

. . . //Code for UIButton instead of UILabel

cell.btnNumber.setTitle("", forState: .Normal)
    //cell.btnNumber.setImage(UIImage(named: "OK"), forState: .Normal)
 cell.btnNumber.imageView?.image = UIImage(named: "OK")
cell.btnNumber.imageView?.contentMode = UIViewContentMode.ScaleAspectFit

 . . .

why you are not choosed the imageview or a button for this concept,it is very easy to work — Anbu.Karthik, Aug 12 '16 at 09:39

score 1 · Answer 1 · answered Aug 12 '16 at 08:45

Can you try setting content mode of the UIImageView after setting its frame? It can be done as follows

objImage.contentMode = UIViewContentMode.ScaleToFill

You can use ScaleToFill or ScaleAspectFill depending on your requirement. You can find more information about content modes here

score 1 · Accepted Answer · answered Aug 12 '16 at 08:48

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCellWithReuseIdentifier("hobbiesCell", forIndexPath: indexPath) as! HobbiesTagCell
        self.configureCell(cell, forIndexPath: indexPath)
        return cell
    } 

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
        self.configureCell(self.sizingCell!, forIndexPath: indexPath)
        return self.sizingCell!.systemLayoutSizeFittingSize(UILayoutFittingCompressedSize)
    }
 func configureCell(cell: HobbiesTagCell, forIndexPath indexPath: NSIndexPath) {
        let tag = tags[indexPath.row]
        cell.hobbiesTagName.text = yourArrname[indexPath.item]
    }

score 1 · Answer 3 · edited May 23 '17 at 10:33

1

set your button image view Content mode as ScaleAspectFit and at the same time set your button property setImage instead of setBackgroundImage?

yourbutton.imageView?.contentMode =.ScaleAspectFit
yourbutton.contentHorizontalAlignment = .Fill
yourbutton.contentVerticalAlignment = .Fill
yourbutton.setImage(UIImage(named: stretchImage)!, forState: .Normal)

for additional Help see this

edited May 23 '17 at 10:33

Community

1
1

answered Aug 12 '16 at 11:20

Anbu.Karthik

82,064
23
174
143

Question has been edited. Check it. Apart from image one new issue poped up..alignment of text is in right bottom of cell. – Jayprakash Dubey Aug 12 '16 at 11:27
text also button or a labelbro – Anbu.Karthik Aug 12 '16 at 11:30
@JayprakashDubey - your problem is solved or not bro – Anbu.Karthik Aug 12 '16 at 12:53
Nope...didn't sovled problem. – Jayprakash Dubey Aug 12 '16 at 13:11

Swift : How to set image to label that fits as per label size?

3 Answers3