fixed plugin

Author: Charimon

README.md

@@ -3,34 +3,32 @@ iosViews
 
 Sketch plugin to generate ios view code
 
-###export_as_cgContext.sketchplugin
-exports your views as CGContext as swift code
+###pathExporter.sketchplugin (finally fixed)
+exports your views as UIBezierPath as swift code
 so you'll have something like
 
-    CGContextMoveToPoint(...)
-    CGContextAddCurveToPoint(...)
+    let path = UIBezierPath()
+    path.moveToPoint(...)
     ...
 
 ####Why?
 It's very annoying to draw in ios in code. But it's annoying to draw in sketch and export it as a picture because you can no longer use the CGRect dimensions from ios. You're stuck with whatever dimensions you picked in sketch.
 
-This will generate a bunch of swift functions, with 1 main function which takes in a CGRect so you can put it in drawRect. All your shapes will be relative to how you depict them in sketch and the CGRect. Also you can edit the code and add your own transformations or animations, instead of having to create a ton of assets and load them dynamically.
+This will generate a bunch of swift functions, with 1 main function which takes in a CGRect so you can put it in layoutSubviews. All your shapes will be relative to how you depict them in sketch and the CGRect. Also you can edit the code and add your own transformations or animations, instead of having to create a ton of assets and load them dynamically.
 
 For instance, if in sketch you offset your creation 20px from the left, and your arboard is 200px in width. Then at runtime of the ios application your creation will be offset 20*(width/200) where width is the width of the ios CGRect at runtime. This of course works with y offset, width, and height.
 
 When you run the plugin it puts the generated code into your artboard, so if you have a very complex shape (or groups of shapes) pasting the code might be slow or even crash sketch. If it is complex and hasn't crashed, it might take minutes (spinning beachball) but it will work.
 
-Once I figure out how to make sketch save it to a file and NOT crash sketch, I'll do that and it should work much better.
 
 ####How does it work?
 1. create an artboard (let's say iphone sized)
 1. create some shape you want that you'd have to do in code otherwise
 1. select the artboard (make sure it's only the artboard, this is very important)
 1. SAVE, because sketch might might crash if you have weirdly intercepting paths in your shape (flatten them, and try to simplify them)
-1. run the export_as_cgContext plugin
+1. run the pathExporter.sketchplugin
   - anything hidden will be ignored
-  - you will get code where everything is relative to the selection (artboard in this case)
-  - for each group in the selection, the plugin will generate a swift function named after the group (make sure these are unique)
+  - you will get code where everything is relative to the artboard
   - NOTE: for complex shapes the export might be slow (take minutes)
 
 ####Unfortunatelly this doesn't work with:
@@ -45,8 +43,7 @@ Once I figure out how to make sketch save it to a file and NOT crash sketch, I'l
 1. shadows, inner shadows, blurs, reflections are ignored
 1. character spacing, line height, paragraph spacing are ignored
 1. justified alignment is ignored
-1. text decoration and list types are ignored
-1. text weight is ignored
+1. text layers are ignored
 1. typeface might be iffy (I've only tested Helvetica Neue, and that's what ios defaults to if it can't find your typeface)
 1. even/odd setting on fill is ignored (it uses whatever ios uses, I don't know if it's even/odd or non zero by default)
 1. all border settings (ends, joints, start arrow, end arrow, dash, gap) are ignored
@@ -55,64 +52,63 @@ Once I figure out how to make sketch save it to a file and NOT crash sketch, I'l
 - fix a lot of the things that don't work
 - settle on a good shortcut
 - add this to sketch toolbox
-- make it export to a file, rather than cliboard (which is currently makes the pasting teeeerribly slow)
+- make it export to a file, rather than cliboard (which is currently makes the pasting teeeerribly slow if you're pasting into xcode)
 
 ####Example
 #####Sketch File
-![moo png](https://github.com/Charimon/iosViews/blob/master/moo.png?raw=true "moo.png")
+![moo png](https://github.com/Charimon/iosViews/blob/master/moo_sketch.png?raw=true "moo_sketch.png")
 
 #####Generated Code
 ```swift
-func mooWithSign(rect:CGRect){
-  let ctx = UIGraphicsGetCurrentContext()
-  let width = rect.width
-  let height = rect.height
-  var pstyleRightAlign = NSMutableParagraphStyle()
-  pstyleRightAlign.alignment = NSTextAlignment.Right
-  var pstyleLeftAlign = NSMutableParagraphStyle()
-  pstyleLeftAlign.alignment = NSTextAlignment.Left
-  var pstyleCenterAlign = NSMutableParagraphStyle()
-  pstyleCenterAlign.alignment = NSTextAlignment.Center
-  
-  outline(rect)
-  
-  body(rect)
-  
-  //sign
-  CGContextSaveGState(ctx)
-  CGContextMoveToPoint(ctx, 611.29*(width/1024), 267.75570408534463*(height/1024))
-  CGContextAddCurveToPoint(ctx, 605.87*(width/1024), 266.7*(height/1024), 602.33*(width/1024), 261.45*(height/1024), 603.38*(width/1024), 256.0305932082729*(height/1024))
-  CGContextAddCurveToPoint(ctx, 603.38*(width/1024), 256.03*(height/1024), 618.65*(width/1024), 177.5*(height/1024), 618.65*(width/1024), 177.5005438434377*(height/1024))
-  CGContextAddCurveToPoint(ctx, 619.7*(width/1024), 172.08*(height/1024), 624.95*(width/1024), 168.54*(height/1024), 630.37*(width/1024), 169.59298574057823*(height/1024))
-  CGContextAddCurveToPoint(ctx, 630.37*(width/1024), 169.59*(height/1024), 807.06*(width/1024), 203.94*(height/1024), 807.06*(width/1024), 203.93723204167492*(height/1024))
-  CGContextAddCurveToPoint(ctx, 812.48*(width/1024), 204.99*(height/1024), 816.03*(width/1024), 210.24*(height/1024), 814.97*(width/1024), 215.66234291874667*(height/1024))
-  CGContextAddCurveToPoint(ctx, 814.97*(width/1024), 215.66*(height/1024), 799.71*(width/1024), 294.19*(height/1024), 799.71*(width/1024), 294.19239228358185*(height/1024))
-  CGContextAddCurveToPoint(ctx, 798.65*(width/1024), 299.62*(height/1024), 793.4*(width/1024), 303.15*(height/1024), 787.98*(width/1024), 302.09995038644126*(height/1024))
-  CGContextAddCurveToPoint(ctx, 787.98*(width/1024), 302.1*(height/1024), 701.6*(width/1024), 285.31*(height/1024), 701.6*(width/1024), 285.30944522664595*(height/1024))
-  CGContextAddCurveToPoint(ctx, 701.6*(width/1024), 285.31*(height/1024), 663.53*(width/1024), 481.13*(height/1024), 663.53*(width/1024), 481.13443929250855*(height/1024))
-  CGContextAddCurveToPoint(ctx, 663.37*(width/1024), 481.96*(height/1024), 662.59*(width/1024), 482.49*(height/1024), 661.77*(width/1024), 482.33029560656144*(height/1024))
-  CGContextAddCurveToPoint(ctx, 660.96*(width/1024), 482.17*(height/1024), 660.43*(width/1024), 481.38*(height/1024), 660.59*(width/1024), 480.56201230637885*(height/1024))
-  CGContextAddCurveToPoint(ctx, 660.59*(width/1024), 480.56*(height/1024), 698.65*(width/1024), 284.74*(height/1024), 698.65*(width/1024), 284.73701824051636*(height/1024))
-  CGContextAddCurveToPoint(ctx, 698.65*(width/1024), 284.74*(height/1024), 611.29*(width/1024), 267.76*(height/1024), 611.29*(width/1024), 267.76*(height/1024))
-  CGContextSetStrokeColorWithColor(ctx, UIColor(hue: 0, saturation: 0, brightness: 0, alpha: 1).CGColor)
-  CGContextSetLineWidth(ctx, 8*min(width/1024, height/1024))
-  CGContextSetFillColorWithColor(ctx, UIColor(hue: 0, saturation: 0, brightness: 1, alpha: 1).CGColor)
-  CGContextDrawPath(ctx, kCGPathFillStroke)
-  CGContextRestoreGState(ctx)
-}
+lazy var outline: CAShapeLayer = {
+  let l = CAShapeLayer()
+  l.lineWidth = 28
+  l.strokeColor = UIColor(hue: 0, saturation: 0, brightness: 1, alpha: 1).CGColor
+  l.fillColor = UIColor(hue: 0, saturation: 0, brightness: 1, alpha: 1).CGColor
+  self.layer.addSublayer(l)
+  return l
+  }()
 ...
+func moo(bounds: CGRect) {
+  outline.frame = bounds
+  outline.path = outline_path(outline.frame)
+  body.frame = bounds
+  body.path = body_path(body.frame)
+  spot2.frame = bounds
+  spot2.path = spot2_path(spot2.frame)
+  spot.frame = bounds
+  spot.path = spot_path(spot.frame)
+  armLeft.frame = bounds
+  armLeft.path = armLeft_path(armLeft.frame)
+  armRight.frame = bounds
+  armRight.path = armRight_path(armRight.frame)
+  head.frame = bounds
+  head.path = head_path(head.frame)
+  snout.frame = bounds
+  snout.path = snout_path(snout.frame)
+  nostrilLeft.frame = bounds
+  nostrilLeft.path = nostrilLeft_path(nostrilLeft.frame)
+  nostrilRight.frame = bounds
+  nostrilRight.path = nostrilRight_path(nostrilRight.frame)
+  eyeLeft.frame = bounds
+  eyeLeft.path = eyeLeft_path(eyeLeft.frame)
+  eyeBallLeft.frame = bounds
+  eyeBallLeft.path = eyeBallLeft_path(eyeBallLeft.frame)
+  eyeRight.frame = bounds
+  eyeRight.path = eyeRight_path(eyeRight.frame)
+  eyeBallRight.frame = bounds
+  eyeBallRight.path = eyeBallRight_path(eyeBallRight.frame)
+}
 ```
 [full swift file](../moo.swift)
 
 #####ios
 after adding the following to some UIView
 ```swift
-override func drawRect(rect: CGRect) {
+override func layoutSubviews(rect: CGRect) {
     moo(rect)
 }
 ```
 you should see
-![moo_ios png](https://github.com/Charimon/iosViews/blob/master/moo_ios.png?raw=true "moo_ios.png")
+![moo_ios png](https://github.com/Charimon/iosViews/blob/master/moo_iphone.png?raw=true "moo_iphone.png")
 
-###export_as_uiView
-currently does nothing, I want this to export things as tagged UIView's where the tag is the name of the group