PNG图像的透明背景在集合视图中

时间:2016-07-09 21:05:03

标签: swift image uicollectionview png

我有一个显示可选表情符号的集合视图。目前显示的表情符号很好,但是有一个明显的灰色背景,这在图像文件本身并不明显。

是否可以使这些表情符号图像的背景透明而不是灰色?

enter image description here

这是我的代码:

import UIKit

class EmojiPopup: UIView,UICollectionViewDataSource,UICollectionViewDelegate
{
    var collocationView : UICollectionView!
    var arrImagesList:NSMutableArray!
    override init(frame: CGRect)
    {
        super.init(frame: frame)
        arrImagesList = NSMutableArray()
        self.backgroundColor = UIColor.purpleColor().colorWithAlphaComponent(0.1)
        let layout = UICollectionViewFlowLayout()
        //header gap
        layout.headerReferenceSize = CGSizeMake(30,30)
        //collection view item size
        layout.itemSize = CGSizeMake(75, 75)
        layout.minimumInteritemSpacing = 20
        layout.minimumLineSpacing = 10
        collocationView = UICollectionView(frame: CGRectMake(50,50,UIScreen.mainScreen().bounds.screenWidth - 100,UIScreen.mainScreen().bounds.screenHeight - 100), collectionViewLayout: layout)
        self.addSubview(collocationView)

        collocationView.backgroundColor = UIColor.purpleColor().colorWithAlphaComponent(0.001)
        collocationView.dataSource = self
        collocationView.delegate = self
        collocationView.registerClass(UICollectionViewCell.self, forCellWithReuseIdentifier: "cellIdentifier")

        let fm = NSFileManager.defaultManager()
        let path = NSBundle.mainBundle().resourcePath!
        let items = try! fm.contentsOfDirectoryAtPath(path)

        for item in items
        {
            if item.hasSuffix("png") && item.containsString("@") == false && item.containsString("AppIcon") == false && item.containsString("tick_blue") == false && item.containsString("video_camera") == false
            {
                arrImagesList.addObject(item)
            }
        }
    }
    var completeHandler:((String)->())?
    func showDetails(viewParent:UIView,doneButtonClick:((String)->())?)
    {
        completeHandler = doneButtonClick
        viewParent.addSubview(self)
    }
    func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int
    {
        return arrImagesList.count
    }

    func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell
    {
        let identifier="ImageCell\(indexPath.section)\(indexPath.row)"
        collectionView.registerClass(ImageViewCell.self, forCellWithReuseIdentifier:identifier)
        let cell = collectionView.dequeueReusableCellWithReuseIdentifier(identifier, forIndexPath: indexPath) as! ImageViewCell
        cell.backgroundColor = UIColor(white:1, alpha:0)
        cell.imgView.image = UIImage(named:arrImagesList[indexPath.row] as! String)
        cell.imgView.contentMode = .ScaleAspectFit
        return cell
    }  
//    func collectionView(collectionView: UICollectionView,
//        layout collectionViewLayout: UICollectionViewLayout,
//        sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize
//    {
//        let width=UIScreen.mainScreen().bounds.size.width-50
//        return CGSize(width:width/3, height:width/3)
//    }

    func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath: NSIndexPath)
    {
        //let cell=collectionView.cellForItemAtIndexPath(indexPath) as! ImageViewCell

        UIView.animateWithDuration(0.3, animations:{
            self.collocationView.alpha=0
            }, completion: { finished in

                if self.completeHandler != nil
                {
                    self.completeHandler!(self.arrImagesList[indexPath.row] as! String)
                }
                self.removeFromSuperview()
        })

    }
    func showDetails(viewParent:UIView,dictData : [String:String],index:Int,doneButtonClick:(()->())?,cancelBUttonClick:(()->())?)
    {
    }
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

1 个答案:

答案 0 :(得分:2)

cellForItemAtIndexPath方法

let cell = collectionView.dequeueReusableCellWithReuseIdentifier(identifier, forIndexPath: indexPath) as! ImageViewCell
cell.backgroundColor = UIColor(white:1, alpha:0)
cell.imgView.image = UIImage(named:arrImagesList[indexPath.row] as! String)
cell.imgView.backgroundColor = UIColor.clearColor()
cell.imgView.opaque = false
cell.imgView.contentMode = .ScaleAspectFit

return cell