画图工具PaintCode的使用

PaintCode 是一个专门为设计师准备的简单的矢量图形绘图应用程序，你可以通过在工具画图自动获取OC代码。

最新的 PaintCode2已经可以实现控件的使用（APP Store中是收费的 还比较贵），只要你能将实现的界面画出来，就可以生成相应的代码，界面的UI布局编码从来都是最浪费时间的东西， PaintCode2可以直接生成代码，当然存在一些不成熟的地方，比如控件之间的相对位置处理，代码仅仅是相对于整个页面的位置（数字表示），这是我觉得比较不成熟的一点，也是很难改进的一点。

虽然有一定缺陷，但是 PaintCode 对于画图方面还是有很大用途的，可以通过这个工具描述图形路径，并生成相应的OC或Swift代码。使用很方便，只要在工具中画出想要的图形轮廓就可以获取到相应代码，可以直接拿到项目中使用的。  这只是其中简单的功能，其它功能想要使用还需要自己去开发，因为很多功能是收费的。

下面是画图功能的展示：

代码事例：

@interface HuaTuViewController ()

@property ( strong , nonatomic ) UIView *launchView;
@property ( strong , nonatomic ) CAGradientLayer *gradientLayer;
@property ( strong , nonatomic ) NSTimer *timer;

@end

@implementation HuaTuViewController

- ( void )viewDidLoad {

    [super viewDidLoad];

    [ self addLayerToLaunchView ];
    // Do any additional setup after loading the view.

}

#pragma mark -- 手绘图形显示（ CAShapeLayer ）（使用 paintCode 工具获取画图代码）
-( void )addLayerToLaunchView

{

    self . launchView = [[ UIView alloc ] initWithFrame : CGRectMake ( 0 , 0 , 100 , 100 )];
    self . launchView . center = self . view . center ;
    self . launchView . alpha = 1 ;
    [ self . view addSubview : self . launchView ];
    //self.launchView 是我添加的一个显示 Logo 的 UIVIew
    //CAShapeLayer 主要是线性， path 里面对颜色的设置无法直接跟随生成，需要单独设置如下：
    /*
     1. 线颜色
     @property CGColorRef strokeColor
    
     2. 填充色
     @property CGColorRef fillColor
    
     3. 填充规则
     @property(copy) NSString *fillRule
     */
   
    CAShapeLayer *layer = [[ CAShapeLayer alloc ] init ];
    layer. path = [ self setBezierPath4 ]. CGPath ;
    layer. bounds = CGPathGetBoundingBox (layer. path );
    [ self . launchView . layer addSublayer :layer];
    CAShapeLayer *layer2 = [[ CAShapeLayer alloc ] init ];
    layer2. path = [ self setBezierPath2 ]. CGPath ;

    layer2.bounds = CGPathGetBoundingBox(layer.path);

    layer2. fillColor = [ UIColor greenColor ]. CGColor ;

    [self.launchView.layer addSublayer :layer2];  

   
}

-( UIBezierPath *)setBezierPath4
{
    PaintCode Trial Version
    www.paintcodeapp.com
   
    General Declarations
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB ();
    CGContextRef context = UIGraphicsGetCurrentContext ();
   
    Color Declarations
    UIColor * color = [ UIColor colorWithRed : 0.756 green : 0.109 blue : 0.109 alpha : 1 ];
   
    Gradient Declarations
    CGFloat gradientLocations[] = { 0 , 1 };
    CGGradientRef gradient = CGGradientCreateWithColors (colorSpace, ( __bridge CFArrayRef ) @[ ( id ) UIColor . greenColor . CGColor , ( id ) UIColor . whiteColor . CGColor ] , gradientLocations);
   
    Bezier Drawing
    UIBezierPath * bezierPath = [ UIBezierPath bezierPath ];
    [bezierPath moveToPoint : CGPointMake ( 214.5 , 150.5 )];
    [bezierPath addCurveToPoint : CGPointMake ( 193.5 , 189.5 ) controlPoint1 : CGPointMake ( 242.5 , 150.5 ) controlPoint2 : CGPointMake ( 175.5 , 168.5 )];
    [bezierPath addCurveToPoint : CGPointMake ( 235.5 , 196.5 ) controlPoint1 : CGPointMake ( 211.5 , 210.5 ) controlPoint2 : CGPointMake ( 267.5 , 185.5 )];
    [bezierPath addCurveToPoint : CGPointMake ( 172.5 , 207.5 ) controlPoint1 : CGPointMake ( 203.5 , 207.5 ) controlPoint2 : CGPointMake ( 206.5 , 218.5 )];
    [bezierPath addCurveToPoint : CGPointMake ( 103.5 , 222.5 ) controlPoint1 : CGPointMake ( 144.18 , 198.34 ) controlPoint2 : CGPointMake ( 97.84 , 229.67 )];
    [bezierPath addCurveToPoint : CGPointMake ( 122.5 , 189.5 ) controlPoint1 : CGPointMake ( 104.64 , 221.06 ) controlPoint2 : CGPointMake ( 119.49 , 192.84 )];
    [bezierPath addCurveToPoint : CGPointMake ( 214.5 , 150.5 ) controlPoint1 : CGPointMake ( 140.5 , 169.5 ) controlPoint2 : CGPointMake ( 186.5 , 150.5 )];
    [bezierPath closePath ];
    CGContextSaveGState (context);
    [bezierPath addClip ];
    CGContextDrawLinearGradient (context, gradient, CGPointMake ( 174.11 , 150.5 ), CGPointMake ( 174.11 , 223.58 ), 0 );
    CGContextRestoreGState (context);
    [color setStroke ];
    bezierPath. lineWidth = 1 ;
    [bezierPath stroke ];

   

    Cleanup

    CGGradientRelease (gradient);
    CGColorSpaceRelease (colorSpace);
    return bezierPath;

}

-( UIBezierPath *)setBezierPath2
{
    Color Declarations
    UIColor * color2 = [ UIColor colorWithRed : 1 green : 0.769 blue : 0 alpha : 1 ];
    Star 2 Drawing
    UIBezierPath * star2Path = [ UIBezierPath bezierPath ];
    [star2Path moveToPoint : CGPointMake ( 88 , 58 )];
    [star2Path addLineToPoint : CGPointMake ( 89.76 , 61.09 )];
    [star2Path addLineToPoint : CGPointMake ( 92.76 , 62.15 )];
    [star2Path addLineToPoint : CGPointMake ( 90.85 , 65.11 )];
    [star2Path addLineToPoint : CGPointMake ( 90.94 , 68.85 )];
    [star2Path addLineToPoint : CGPointMake ( 88 , 67.6 )];
    [star2Path addLineToPoint : CGPointMake ( 85.06 , 68.85 )];
    [star2Path addLineToPoint : CGPointMake ( 85.15 , 65.11 )];
    [star2Path addLineToPoint : CGPointMake ( 83.24 , 62.15 )];
    [star2Path addLineToPoint : CGPointMake ( 86.24 , 61.09 )];
    [star2Path closePath ];
    [color2 setFill ];
    [star2Path fill ];
    return star2Path;

}

@end