Swift 3: dessiner un rectangle

Je suis à 3 jours de la nouvelle swift, et j'essaie de comprendre comment dessiner un rectangle. Je suis trop nouveau pour la langue de connaître les classes d'étendre et les méthodes pour les remplacer, et j'ai regardé autour pour un exemple de code, mais rien ne semble fonctionner (je suis en attribuant à mon utilisation de swift 3).

Ce que je vais essayer maintenant est:

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()


        let k = Draw(frame: CGRect(
            origin: CGPoint(x: 50, y: 50),
            size: CGSize(width: 100, height: 100)))

        k.draw(CGRect(
            origin: CGPoint(x: 50, y: 50),
            size: CGSize(width: 100, height: 100)));
    }

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


}
class Draw: UIView {

    override init(frame: CGRect) {
        super.init(frame: frame)
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    override func draw(_ rect: CGRect) {
        let h = rect.height
        let w = rect.width
        var color:UIColor = UIColor.yellow()

        var drect = CGRect(x: (w * 0.25),y: (h * 0.25),width: (w * 0.5),height: (h * 0.5))
        var bpath:UIBezierPath = UIBezierPath(rect: drect)

        color.set()
        bpath.stroke()

        print("it ran")

        NSLog("drawRect has updated the view")

    }

}

Et qui ne fait rien. Aider.

source d'informationauteur Jean Valjean

11

Afin de voir le point de vue, vous avez besoin d'en créer un et de lui donner du cadre de sorte qu'il sait comment big le faire.

Si vous mettez votre code dans une Aire de jeu, puis ajoutez cette ligne:
```
let d = Draw(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
```
Vous serez en mesure de cliquer sur le Quick View sur la droite, et vous verrez alors la vue.

Vous pouvez également ajouter de la vue comme une sous-vue de view dans votre ViewControlleret ensuite vous pourrez le voir sur l'iPhone:
```
override func viewDidLoad() {
    super.viewDidLoad()

    let k = Draw(frame: CGRect(
        origin: CGPoint(x: 50, y: 50),
        size: CGSize(width: 100, height: 100)))

    //Add the view to the view hierarchy so that it shows up on screen
    self.view.addSubview(k)
}
```
Noter que vous n'appelez jamais draw(_:) directement. Il est appelé pour vous par Cocoa Touch pour afficher la vue.

Créer une classe, je l'ai mis dans un autre Swift 3 fichier.

//
// Plot_Demo.swift
//
// Storyboard is not good in creating self adapting UI
// Plot_Demo creates the drawing programatically.

import Foundation
import UIKit

public class Plot_Demo: UIView
{
    override init(frame: CGRect) {
        super.init(frame: frame)
    }

    required public init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    public override func draw(_ frame: CGRect) {
        let h = frame.height
        let w = frame.width
        let color:UIColor = UIColor.yellow

        let drect = CGRect(x: (w * 0.25), y: (h * 0.25), width: (w * 0.5), height: (h * 0.5))
        let bpath:UIBezierPath = UIBezierPath(rect: drect)

        color.set()
        bpath.stroke()

        print("it ran")
        NSLog("drawRect has updated the view")
    }
}

Exemple d'utilisation dans un UIViewController objet:

override func viewDidLoad() {
    super.viewDidLoad()

    //Instantiate a new Plot_Demo object (inherits and has all properties of UIView)
    let k = Plot_Demo(frame: CGRect(x: 75, y: 75, width: 150, height: 150))

    //Put the rectangle in the canvas in this new object
    k.draw(CGRect(x: 50, y: 50, width: 100, height: 100))

    //view: UIView was created earlier using StoryBoard
    //Display the contents (our rectangle) by attaching it
    self.view.addSubview(k)
}

Exécuter dans un simulateur d'iPhone, et sur un iPhone:

Swift 3: dessiner un rectangle

Utilisé XCode Version 8.0 (8A218a), Swift 3, cible iOS 10.0

C'est une autre façon de dessiner un Rectangle,

Étape 1: Obtenir un rectangle de chemin d'accès pour les points

(Note: arrPathPoints doit être de 4 à compter de tracer un rectangle),

func getPathPayer(arrPathPoints:[CGPoint]) throws -> CAShapeLayer {
        enum PathError : Error{
            case moreThan2PointsNeeded
        }

        guard arrPathPoints.count > 2 else {
            throw PathError.moreThan2PointsNeeded
        }

        let lineColor = UIColor.blue
        let lineWidth: CGFloat = 2
        let path = UIBezierPath()
        let pathLayer = CAShapeLayer()

        for (index,pathPoint) in arrPathPoints.enumerated() {
            switch index {
            //First point
            case 0:
                path.move(to: pathPoint)

            //Last point
            case arrPathPoints.count - 1:
                path.addLine(to: pathPoint)
                path.close()

            //Middle Points
            default:
                path.addLine(to: pathPoint)
            }
        }

        pathLayer.path = path.cgPath
        pathLayer.strokeColor = lineColor.cgColor
        pathLayer.lineWidth = lineWidth
        pathLayer.fillColor = UIColor.clear.cgColor

        return pathLayer
    }

Étape 2: Utilisation, Appel de méthode comme ceci,

override func viewDidLoad() {
        super.viewDidLoad()

        do {
            let rectangleLayer = try getPathPayer(arrPathPoints: [
                CGPoint(x: 110, y: 110),    //Top-Left
                CGPoint(x: 130, y: 110),    //Top-Right
                CGPoint(x: 130, y: 130),    //Bottom-Right
                CGPoint(x: 110, y: 130)])   //Bottom-Left
            view.layer.addSublayer(rectangleLayer)
        } catch {
            debugPrint(error)
        }
    }

Vous devez vous connecter pour publier un commentaire.