Ansicht mit Custom Design

Question

benötigen einzige Ansicht wie der beigefügten Entwurf in swift zu entwerfen und diese an all meiner collecitonview Zelle sichtbar sein, wie Sie diesen jemanden zu erreichen, hat Ahnung von diesem

Answer 1

ich versucht habe, es in einem Testprojekt. Das ist mein Weg:

Öffnen Sie Photoshop oder ein ähnliches Werkzeug und machen Sie ein Bild mit einem transluzenten Hintergrund.

Verwenden Sie den PS-Tools eine Figur, wie Sie es wollen ziehen.

speichern Sie sie als PNG. Öffne Xcode. Setzen Sie eine UIImageView in Ihre UIViewController. Legen Sie die PDF-Datei in den Ordner "Assets" und legen Sie dieses Bild als Bild für die UIImageView fest. Setze die Einschränkungen fest.

den folgenden Code in die Datei UIViewController.swift Set:

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 
     } 
    } 
} 

Starten Sie die App und das Display berühren. Die Farbe wechselt von Schwarz zu Blau, sobald sie angetippt wurde. Jetzt sollten Sie alle Werkzeuge haben, um zu tun, was auch immer Sie wollen ... Der Code ist in Swift 3 Sprache.

Sie können diese UIImageView in Ihre UICollectionViewCell setzen und die UIColor mit der Funktion versehen gesetzt.

And here is a function to set a random UIColor.