Quartz2D练习 -- 小黄人

Main.storyboard

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="5053" systemVersion="13C64" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" initialViewController="vXZ-lx-hvc">
    <dependencies>
        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="3733"/>
    </dependencies>
    <scenes>
        <!--View Controller-->
        <scene sceneID="ufC-wZ-h7g">
            <objects>
                <viewController id="vXZ-lx-hvc" customClass="LWTViewController" sceneMemberID="viewController">
                    <layoutGuides>
                        <viewControllerLayoutGuide type="top" id="jyV-Pf-zRb"/>
                        <viewControllerLayoutGuide type="bottom" id="2fi-mo-0CV"/>
                    </layoutGuides>
                    <view key="view" contentMode="scaleToFill" id="kh9-bI-dsS" customClass="LWTView">
                        <rect key="frame" x="0.0" y="0.0" width="320" height="480"/>
                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                        <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
                    </view>
                </viewController>
                <placeholder placeholderIdentifier="IBFirstResponder" id="x5A-6p-PRh" sceneMemberID="firstResponder"/>
            </objects>
        </scene>
    </scenes>
    <simulatedMetricsContainer key="defaultSimulatedMetrics">
        <simulatedStatusBarMetrics key="statusBar"/>
        <simulatedOrientationMetrics key="orientation"/>
        <simulatedScreenMetrics key="destination"/>
    </simulatedMetricsContainer>
</document>

LWTView.h

#import <UIKit/UIKit.h>

@interface LWTView : UIView

@end

LWTView.m

//
//  LWTView.m
//  Quartz2D练习 -- 小黄人
//
//  Created by apple on 14-6-9.
//  Copyright (c) 2014年 lwt. All rights reserved.
//

#import "LWTView.h"
#define KTopX rect.size.width * 0.5
#define KTopY 150
#define KTopRadius 80

@implementation LWTView


// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect
{
    // Drawing code
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    CGContextSaveGState(ctx);
    CGContextSaveGState(ctx);
    CGContextSaveGState(ctx);
    
    // 画身体
    [self drawBody:rect CGContextRef:ctx];
    
    // 1
    CGContextRestoreGState(ctx);
    
    // 画眼睛
    [self drawEyes:rect CGContextRef:ctx];
    
    // 3
    CGContextRestoreGState(ctx);
    
    //画嘴巴
    [self drawMouth:rect CGContextRef:ctx];
    
    // 画头发
    [self drawHair:rect CGContextRef:ctx];
}

- (void)drawMouth : (CGRect)rect CGContextRef : (CGContextRef)ctx
{
    CGFloat controllerX = KTopX;
    CGFloat controllerY = KTopY + 100;
    CGFloat currentX = controllerX - 30;
    CGFloat currentY = controllerY - 20;
    CGFloat endX = controllerX + 30;
    CGFloat endY = currentY;
    
    CGContextMoveToPoint(ctx, currentX, currentY);
    CGContextAddQuadCurveToPoint(ctx, controllerX, controllerY, endX, endY);
    
    CGContextStrokePath(ctx);

    
}

- (void)drawEyes : (CGRect)rect CGContextRef : (CGContextRef)ctx
{
    // 画镜架
    CGFloat leftGlassesX = KTopX - KTopRadius;
    CGFloat leftGlassesY = KTopY;
    
    CGFloat rightGlassesX = KTopX + KTopRadius;
    CGFloat rightGlassesY = leftGlassesY;
    
    CGContextMoveToPoint(ctx, leftGlassesX, leftGlassesY);
    CGContextAddLineToPoint(ctx, rightGlassesX, rightGlassesY);
    CGContextSetLineWidth(ctx, 15.0);
    
    CGContextStrokePath(ctx);
    
    // 2
    CGContextRestoreGState(ctx);
    
    // 画眼睛
    
    // 大外圆
    CGFloat leftBigOutCircleRedius = KTopRadius - 50;
    // 圆心
    CGFloat leftBigOutCircleX = KTopX - leftBigOutCircleRedius + 1;
    CGFloat leftBigOutCircleY = KTopY;
    
    CGContextAddArc(ctx, leftBigOutCircleX, leftBigOutCircleY, leftBigOutCircleRedius, 0, 2 * M_PI, 0);
    
    CGFloat rightBigOutCircleRedius = leftBigOutCircleRedius;
    // 圆心
    CGFloat rightBigOutCircleX = KTopX + leftBigOutCircleRedius - 1;
    CGFloat rightBigOutCircleY = leftBigOutCircleY;
    
    CGContextAddArc(ctx, rightBigOutCircleX, rightBigOutCircleY, rightBigOutCircleRedius, 0, 2 * M_PI, 0);
    
    [[UIColor darkGrayColor] set];
    
    CGContextFillPath(ctx);
    
    // 大内圆
    CGFloat leftBigInsideCircleRedius = leftBigOutCircleRedius - 10;
    // 圆心
    CGFloat leftBigInsideCircleX = leftBigOutCircleX;
    CGFloat leftBigInsideCircleY = leftBigOutCircleY;
    
    CGContextAddArc(ctx, leftBigInsideCircleX, leftBigInsideCircleY, leftBigInsideCircleRedius, 0, 2 * M_PI, 0);
    
    CGFloat rightBigInsideCircleRedius = leftBigInsideCircleRedius;
    // 圆心
    CGFloat rightBigInsideCircleX = rightBigOutCircleX;
    CGFloat rightBigInsideCircleY = rightBigOutCircleY;
    
    CGContextAddArc(ctx, rightBigInsideCircleX, rightBigInsideCircleY, rightBigInsideCircleRedius, 0, 2 * M_PI, 0);
    
    [[UIColor whiteColor] set];
    
    CGContextFillPath(ctx);
    
    // 小外圆
    CGFloat leftSmallOutCircleRedius = 8;
    // 圆心
    CGFloat leftSmallOutCircleX = KTopX - 20;
    CGFloat leftSmallOutCircleY = KTopY;
    
    CGContextAddArc(ctx, leftSmallOutCircleX, leftSmallOutCircleY, leftSmallOutCircleRedius, 0, 2 * M_PI, 0);
    
    CGFloat rightSmallOutCircleRedius = leftSmallOutCircleRedius;
    // 圆心
    CGFloat rightSmallOutCircleX = KTopX + leftSmallOutCircleRedius + 13;
    CGFloat rightSmallOutCircleY = leftSmallOutCircleY;
    
    CGContextAddArc(ctx, rightSmallOutCircleX, rightSmallOutCircleY, rightSmallOutCircleRedius, 0, 2 * M_PI, 0);
    
    [[UIColor colorWithRed:80/255.f green:20/255.f blue:6/255.f alpha:1.0] set];
    
    CGContextFillPath(ctx);
    
    // 小内圆
    CGFloat leftSmallInsideCircleRedius = 4;
    // 圆心
    CGFloat leftSmallInsideCircleX = leftSmallOutCircleX;
    CGFloat leftSmallInsideCircleY = leftSmallOutCircleY;
    
    CGContextAddArc(ctx, leftSmallInsideCircleX, leftSmallInsideCircleY, leftSmallInsideCircleRedius, 0, 2 * M_PI, 0);
    
    CGFloat rightSmallInsideCircleRedius = leftSmallInsideCircleRedius;
    // 圆心
    CGFloat rightSmallInsideCircleX = rightSmallOutCircleX;
    CGFloat rightSmallInsideCircleY = rightSmallOutCircleY;
    
    CGContextAddArc(ctx, rightSmallInsideCircleX, rightSmallInsideCircleY, rightSmallInsideCircleRedius, 0, 2 * M_PI, 0);
    
    [[UIColor blackColor] set];
    
    CGContextFillPath(ctx);
    
    // 光点
    CGFloat leftWhiteCircleRedius = 2;
    // 圆心
    CGFloat leftWhiteCircleX = leftSmallOutCircleX - leftWhiteCircleRedius - 1;
    CGFloat leftWhiteCircleY = leftSmallOutCircleY - leftSmallInsideCircleRedius + 1;
    
    CGContextAddArc(ctx, leftWhiteCircleX, leftWhiteCircleY, leftWhiteCircleRedius, 0, 2 * M_PI, 0);
    
    CGFloat rightWhiteCircleRedius = leftWhiteCircleRedius;
    // 圆心
    CGFloat rightWhiteCircleX = rightSmallOutCircleX - leftWhiteCircleRedius - 1;
    CGFloat rightWhiteCircleY = leftWhiteCircleY;
    
    CGContextAddArc(ctx, rightWhiteCircleX, rightWhiteCircleY, rightWhiteCircleRedius, 0, 2 * M_PI, 0);
    
    [[UIColor whiteColor] set];
    
    CGContextFillPath(ctx);
}

- (void)drawBody : (CGRect)rect CGContextRef : (CGContextRef)ctx
{
    CGFloat topX = KTopX;
    CGFloat topY = KTopY;
    CGFloat topRadius = KTopRadius;
    CGContextAddArc(ctx, topX, topY, topRadius, - M_PI, 0, 0);
    
    CGFloat rightLineX = topX + topRadius;
    CGFloat rightLineY = topY + 150;
    CGContextAddLineToPoint(ctx, rightLineX, rightLineY);
    
    CGFloat bottomX = topX;
    CGFloat bottomY = rightLineY;
    CGFloat bottomRadius = topRadius;
    CGContextAddArc(ctx, bottomX, bottomY, bottomRadius, 0, M_PI, 0);
    
    CGContextClosePath(ctx);
    
    [[UIColor colorWithRed:252/255.f green:218/255.f blue:0.0 alpha:1.0] set];
    
    CGContextFillPath(ctx);
}
- (void)drawHair : (CGRect)rect CGContextRef : (CGContextRef)ctx
{
    CGFloat x = KTopX;
    CGFloat y = KTopY - KTopRadius - 20;
    CGContextMoveToPoint(ctx, x, y);
    
    CGFloat endX = KTopX;
    CGFloat endY = y + 25;
    CGContextAddLineToPoint(ctx, endX, endY);
    
    CGContextMoveToPoint(ctx, x + 15, y + 2);
    CGContextAddLineToPoint(ctx, endX + 10, endY + 1);
    
    CGContextMoveToPoint(ctx, x + 30, y + 4);
    CGContextAddLineToPoint(ctx, endX + 20, endY + 2);
    
    CGContextMoveToPoint(ctx, x - 15, y + 2);
    CGContextAddLineToPoint(ctx, endX - 10, endY + 1);
    
    CGContextMoveToPoint(ctx, x - 30, y + 4);
    CGContextAddLineToPoint(ctx, endX - 20, endY + 2);
    
    CGContextMoveToPoint(ctx, x + 45, y + 8);
    CGContextAddLineToPoint(ctx, endX + 30, endY + 4);
    
    CGContextMoveToPoint(ctx, x + 60, y + 16);
    CGContextAddLineToPoint(ctx, endX + 40, endY + 8);
    
    CGContextMoveToPoint(ctx, x - 45, y + 8);
    CGContextAddLineToPoint(ctx, endX - 30, endY + 4);
    
    CGContextMoveToPoint(ctx, x - 60, y + 16);
    CGContextAddLineToPoint(ctx, endX - 40, endY + 8);
    
    CGContextStrokePath(ctx);
    
    
}
@end