查看自定义设计

Question

需要像附件设计一样快速设计单个视图，并且这在我的所有collecitonview单元中都可见，如何实现这一点任何人对此都有想法

Answer 1

我已经在测试项目中尝试过了。 这是我的方式：

打开Photoshop或类似工具，并用半透明背景制作图片。

使用PS工具以所需方式绘制图形。

将其另存为PNG 。 打开Xcode。 将UIImageView放入UIViewController 。 将PDF放到Assets文件夹中，然后将此图像设置为UIImageView的图像。 设置约束。

将以下代码设置到UIViewController.swift文件中：

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var testImageView: UIImageView!

    override func viewDidLoad() {
        super.viewDidLoad()


        let tap = UITapGestureRecognizer(target: self, action: #selector(doubleTapped))
        tap.numberOfTapsRequired = 1
        view.addGestureRecognizer(tap)
    }

    func doubleTapped() {

        let image = UIImage(named: "test")
        testImageView.image =  image?.maskWithColor(color: UIColor.blue)
    }


}

extension UIImage {
    func maskWithColor(color: UIColor) -> UIImage? {

        let maskImage = self.cgImage
        let width = self.size.width
        let height = self.size.height
        let bounds = CGRect(origin: CGPoint(x: 0,y :0), size: CGSize(width: width, height: height))

        let colorSpace = CGColorSpaceCreateDeviceRGB()
        let bitmapInfo = CGBitmapInfo(rawValue: CGImageAlphaInfo.premultipliedLast.rawValue)
        let bitmapContext = CGContext(data: nil, width: Int(width), height: Int(height), bitsPerComponent: 8, bytesPerRow: 0, space: colorSpace, bitmapInfo: bitmapInfo.rawValue) //needs rawValue of bitmapInfo

        bitmapContext!.clip(to: bounds, mask: maskImage!)
        bitmapContext!.setFillColor(color.cgColor)
        bitmapContext!.fill(bounds)

        //is it nil?
        if let cImage = bitmapContext!.makeImage() {
            let coloredImage = UIImage(cgImage: cImage)

            return coloredImage

        } else {
            return nil
        } 
    }
}

启动应用程序，然后触摸显示屏。 轻按一下，颜色将从黑色变为蓝色。 现在，您还应该拥有所有工具来完成您想做的所有事情。该代码采用Swift 3语言。

您可以将此UIImageView设置到UICollectionViewCell中，并使用提供的功能设置UIColor。

这是设置随机UIColor的函数。