Dessiner un quadrillage de style iOS 7 de façon programmatique

une version remplie de la réponse acceptée, également portée à Swift:

override func draw(_ rect: CGRect) {
    super.draw(rect)

    guard let context = UIGraphicsGetCurrentContext() else {
        return
    }
    context.saveGState()

    let rect = self.bounds
    let rectSize: CGFloat = rect.width
    let rectangle = CGRect(x: rect.midX - rectSize / 2, y: rect.midY - rectSize / 2, width: rectSize, height: rectSize)

    let topLPoint = CGPoint(x: rectangle.minX, y: rectangle.minY)
    let topRPoint = CGPoint(x: rectangle.maxX, y: rectangle.minY)
    let botLPoint = CGPoint(x: rectangle.minX, y: rectangle.maxY)
    let botRPoint = CGPoint(x: rectangle.maxX, y: rectangle.maxY)

    let midRPoint = CGPoint(x: rectangle.maxX, y: rectangle.midY)
    let botMPoint = CGPoint(x: rectangle.midX, y: rectangle.maxY)
    let topMPoint = CGPoint(x: rectangle.midX, y: rectangle.minY)
    let midLPoint = CGPoint(x: rectangle.minX, y: rectangle.midY)

    let bezierCurvePath = UIBezierPath()
    bezierCurvePath.move(to: midLPoint)
    bezierCurvePath.addCurve(to: topMPoint, controlPoint1: topLPoint, controlPoint2: topLPoint)
    bezierCurvePath.addCurve(to: midRPoint, controlPoint1: topRPoint, controlPoint2: topRPoint)
    bezierCurvePath.addCurve(to: botMPoint, controlPoint1: botRPoint, controlPoint2: botRPoint)
    bezierCurvePath.addCurve(to: midLPoint, controlPoint1: botLPoint, controlPoint2: botLPoint)

    context.setFillColor(UIColor.lightGray.cgColor)
    bezierCurvePath.fill()

    context.restoreGState()
}

parfait pour une utilisation dans une sous-classe uivi.

ce n'est pas une bonne réponse car il ne va pas au cœur de ce que vous demandez qui est la façon de dessiner un superellipse** programmatiquement, mais vous pouvez:

1. Téléchargez la SVG pour la forme de l'icône iOS7 ici:http://dribbble.com/shots/1127699-iOS-7-icon-shape-PSD
2. Importer dans votre projet Xcode
3. ajouter PocketSVG à votre projet:https://github.com/arielelkin/PocketSVG

4. charger le SVG, et convertissez-le en UIBezierPath, à partir de là, vous pouvez le dimensionner et le transformer comme bon vous semble:

   PocketSVG *myVectorDrawing = [[PocketSVG alloc] initFromSVGFileNamed:@"iOS_7_icon_shape"];
   
   UIBezierPath *myBezierPath = myVectorDrawing.bezier;
   
   // Apply your transforms here:
   [myBezierPath applyTransform:CGAffineTransformMakeScale(2.5, 2.5)];
   [myBezierPath applyTransform:CGAffineTransformMakeTranslation(10, 50)];
   
   CAShapeLayer *myShapeLayer = [CAShapeLayer layer];
   myShapeLayer.path = myBezierPath.CGPath;
   myShapeLayer.strokeColor = [[UIColor redColor] CGColor];
   myShapeLayer.lineWidth = 2;
   myShapeLayer.fillColor = [[UIColor clearColor] CGColor];
   
   [self.view.layer addSublayer:myShapeLayer];  
   

** il est peut-être intéressant de noter que la forme pourrait ne pas être une superellipse exacte de toute façon: http://i.imgur.com/l0ljVRo.png

ce serait assez facile à faire dans OpenGL ES avec un shader. Il suffit de dessiner un quad et de passer dans les X et y comme attributs de vertex. Dans le fragment shader, insérez x et y dans l'équation. Si le résultat <= 1, alors le fragment est à l'intérieur de la forme. Si je peux avoir un peu de temps libre je pourrais essayer ceci et le poster ici.

si vous voulez utiliser CGPath, je pense que la clé est de paramétrer x et y en termes de t, qui va de 0 à 2π. Ensuite, évaluez x et y à intervalles réguliers. Je vais essayer de comprendre cela dans mon temps libre, aussi, mais mon calcul est un peu rouillé.

BTW, je suis certain qu'Apple est en utilisant cette formule. Voir le lien que @millimoose a posté: http://blog.mikeswanson.com/post/62341902567/unleashing-genetic-algorithms-on-the-ios-7-icon