意一ineyee
意一ineyee

【UI】Quartz2D和UIBezierPath

目录
一、Quartz2D
 1、什么是Quartz2D
 2、Quartz2D的一些实例
二、UIBezierPath
 1、什么是UIBezierPath
 2、UIBezierPath的一些实例


一、Quartz2D

Quartz2D编程指南

1、什么是Quartz2D

为了便于搭建美观的UI，iOS提供了UIKit框架，里面有各种各样的控件，比如我们想显示文字就用UILabel、想显示图片就用UIImageView、想显示文字和图片就用UIButton等，利用这些控件拼拼凑凑就能搭建出一些常见的UI。

但是有些UI极其复杂、而且比较个性化，利用UIKit框架里的控件根本无法实现，这时我们就可以考虑用Quartz2D来自定义UIKit框架以外的控件——即直接在一个view上把我们想要显示的东西给绘制出来，你想绘制什么就能绘制什么。比如折线图控件本质上就是用Quartz2D在绘制直线、柱状图控件本质上就是用Quartz2D在绘制矩形、饼状图控件本质上就是用Quartz2D在绘制弧、转圈那种下载进度条控件本质上就是用Quartz2D在绘制圆、画板控件本质上就是用Quartz2D在绘制任意路径等。

所谓Quartz2D就是一个二维绘图引擎，同时支持iOS和macOS，它有很多能力，如：

  • 绘制路径能力——直线、矩形、弧、圆、任意路径等
  • 生成图片能力
  • 绘制图片能力
  • ...

实际开发中，我们主要就是用Quartz2D的这些能力来自定义UIKit框架以外的控件

1.1 Quartz2D的关键词一：图形上下文和路径

绘图需要画布和画笔，图形上下文就是Quartz2D的画布，路径就是Quartz2D的画笔。图形上下文中存储着我们绘制的每一条路径的信息（如每一条路径的起点和终点、每一条路径的颜色和宽度、每一条路径的首尾样式和转角样式），并且也决定着我们要把所有的路径渲染到什么输出设备上去显示（如输出设备可以是view.layer、Bitmap、PDF文件、显示器窗口或打印机，这个只要选不同类型的上下文就可以了）。

实际开发中，我们只需要自定义一个XXView继承自UIView，然后重写XXView的drawRect:方法，在这个方法里通过UIGraphicsGetCurrentContext()函数来获取XXView自带的图形上下文（自定义上下文会降低内存的使用效率，导致性能下降），然后通过路径来绘图就可以了。

1.2 Quartz2D的关键词二：内存管理

Quartz2D是一套C语言的API，不支持ARC，所以我们需要对它进行手动内存管理：

  • 如果你创建或拷贝了一个对象，那么你将持有这个对象，因此你必须在不需要使用它的时候手动释放它。通常，如果使用了含有Create或Copy单词的函数获取一个对象，当使用完后就必须手动释放它，否则将导致内存泄露；如果使用了不含有Create或Copy单词的函数获取一个对象，你将不会拥有对象的引用，不需要释放它；
  • 如果你想增加一个对象的引用计数，那么也必须retain它并且在不需要时release掉，可以使用Quartz2D的函数来指定retain和release一个对象。例如，如果创建了一个CGContextRef对象，则使用函数CGContextRetain()和CGContextRelease()来retain和release对象。

2、Quartz2D的一些实例

2.1 绘制直线
-----------CustomView.m-----------

/// 作用：专门用来做绘图的
/// 调用时机：当前view即将显示到屏幕上的时候，系统会自动调用 || 如果我们想手动触发某个view的drawRect:方法，可以调用该view的setNeedsDisplay方法
/// @param rect 当前view的bounds，不是frame
- (void)drawRect:(CGRect)rect {
    /*
     1、获取图形上下文（默认的输出设备就是view.layer）
     */
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    /*
     2.1 往图形上下文中设置第一条路径的信息
     */
    // 第一条路径的起点
    CGContextMoveToPoint(context, 100, 100);
    // 第一条路径的终点（添加一条直线到路径的终点）
    CGContextAddLineToPoint(context, 200, 200);
    // 第一条路径的颜色
    CGContextSetRGBStrokeColor(context, 1, 0, 0, 1);
    // 第一条路径的宽度
    CGContextSetLineWidth(context, 11);
    // 第一条路径的首尾样式
    CGContextSetLineCap(context, kCGLineCapRound);
    // 第一条路径的转角样式
    CGContextSetLineJoin(context, kCGLineJoinRound);
    
    /*
     3.1 绘制并渲染第一条路径到view.layer
     */
    CGContextStrokePath(context);
    
    
    /*
     2.2 往图形上下文中设置第二条路径的信息
     */
    // 第二条路径的起点
    CGContextMoveToPoint(context, 100, 200);
    // 第二条路径的终点（添加一条直线到路径的终点）
    CGContextAddLineToPoint(context, 200, 300);
    // 第二条路径的颜色
    CGContextSetRGBStrokeColor(context, 0, 1, 0, 1);
    // 第二条路径的宽度
    CGContextSetLineWidth(context, 5.5);
    // 第二条路径的首尾样式
    CGContextSetLineCap(context, kCGLineCapRound);
    // 第二条路径的转角样式
    CGContextSetLineJoin(context, kCGLineJoinRound);
    
    /*
     3.2 绘制并渲染第二条路径到view.layer
     */
    CGContextStrokePath(context);
}
2.2 绘制矩形
-----------CustomView.m-----------

#import "CustomView.h"

@implementation CustomView

/// 作用：专门用来做绘图的
/// 调用时机：当前view即将显示到屏幕上的时候，系统会自动调用 || 如果我们想手动触发某个view的drawRect:方法，可以调用该view的setNeedsDisplay方法
/// @param rect 当前view的bounds，不是frame
- (void)drawRect:(CGRect)rect {
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    // 矩形的位置和大小
    CGContextAddRect(context, CGRectMake(100, 100, 100, 100));
    CGContextSetRGBStrokeColor(context, 1, 0, 0, 1);
    CGContextSetLineWidth(context, 11);
    CGContextSetLineCap(context, kCGLineCapRound);
    CGContextSetLineJoin(context, kCGLineJoinMiter);

    CGContextStrokePath(context);
}
2.3 绘制弧
-----------CustomView.m-----------

#import "CustomView.h"

@implementation CustomView

/// 作用：专门用来做绘图的
/// 调用时机：当前view即将显示到屏幕上的时候，系统会自动调用 || 如果我们想手动触发某个view的drawRect:方法，可以调用该view的setNeedsDisplay方法
/// @param rect 当前view的bounds，不是frame
- (void)drawRect:(CGRect)rect {
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    // x，y：弧的圆心
    // radius：弧的半径
    // startAngle：开始的弧度
    // endAngle：结束的弧度
    // clockwise：0-顺时针绘制，1-逆时针绘制
    CGContextAddArc(context, 100, 100, 100, 0, M_PI_2, NO);
    CGContextSetRGBStrokeColor(context, 1, 0, 0, 1);
    CGContextSetLineWidth(context, 11);
    CGContextSetLineCap(context, kCGLineCapRound);
    CGContextSetLineJoin(context, kCGLineJoinMiter);

    CGContextStrokePath(context);
}
2.4 绘制圆
-----------CustomView.m-----------

#import "CustomView.h"

@implementation CustomView

/// 作用：专门用来做绘图的
/// 调用时机：当前view即将显示到屏幕上的时候，系统会自动调用 || 如果我们想手动触发某个view的drawRect:方法，可以调用该view的setNeedsDisplay方法
/// @param rect 当前view的bounds，不是frame
- (void)drawRect:(CGRect)rect {
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    // x，y：圆的圆心
    // radius：圆的半径
    // startAngle：开始的弧度
    // endAngle：结束的弧度
    // clockwise：0-顺时针绘制，1-逆时针绘制
    CGContextAddArc(context, 100, 100, 50, 0, M_PI * 2, NO);
    CGContextSetRGBFillColor(context, 1, 0, 0, 1);
    CGContextSetLineWidth(context, 11);
    CGContextSetLineCap(context, kCGLineCapRound);
    CGContextSetLineJoin(context, kCGLineJoinMiter);

    CGContextFillPath(context);
}


二、UIBezierPath

1、什么是UIBezierPath

通过上面的一些实例，我们可能会感受到Quartz2D的C语言API调用起来有些繁琐，于是苹果在UIKit框架里提供了一个UIBezierPath，它就是对Quartz2D绘制路径能力的OC封装——即UIBezierPath方法的底层就是对Quartz2D函数的封装，所以如果我们遇到需要绘制路径的场景，可以优先考虑使用UIBezierPath，只有当遇到需要Quartz2D其它能力的场景时再考虑直接使用Quartz2D。

贝塞尔曲线是指借助Control Point绘制出来的一条平滑曲线，下面说一下它的绘制原理：

  • 绘制线段AC、BC，相交于点C（Control Point）
  • 在线段AC上取点D，在线段BC上取点E，使得AD : DC = CE : EB
  • 连接DE，在线段DE上取点F，使得DF : FE = AD : DC = CE : EB
  • 这样我们就找到了贝塞尔曲线上的一个点F，按同样的道理让点D从A移动到C、点E从C移动到B，就会找到无数个点F，把点F连接起来就可以绘制出贝塞尔曲线

2、UIBezierPath的一些实例

2.1 绘制直线
-----------CustomView.m-----------

/// 作用：专门用来做绘图的
/// 调用时机：当前view即将显示到屏幕上的时候，系统会自动调用 || 如果我们想手动触发某个view的drawRect:方法，可以调用该view的setNeedsDisplay方法
/// @param rect 当前view的bounds，不是frame
- (void)drawRect:(CGRect)rect {
    // 第一条路径
    UIBezierPath *bezierPath1 = [[UIBezierPath alloc] init];
    [bezierPath1 moveToPoint:CGPointMake(100, 100)]; // 路径的起点
    [bezierPath1 addLineToPoint:CGPointMake(200, 200)]; // 路径的终点（添加一条直线到路径的终点）
    [[UIColor redColor] set]; // 路径的颜色
    bezierPath1.lineWidth = 11; // 路径的宽度
    bezierPath1.lineCapStyle = kCGLineCapRound; // 路径的首尾样式
    bezierPath1.lineJoinStyle = kCGLineJoinRound; // 路径的转角样式
    [bezierPath1 stroke];
    
    // 第二条路径
    UIBezierPath *bezierPath2 = [[UIBezierPath alloc] init];
    [bezierPath2 moveToPoint:CGPointMake(100, 200)];
    [bezierPath2 addLineToPoint:CGPointMake(200, 300)];
    [[UIColor greenColor] set];
    bezierPath2.lineWidth = 5.5;
    bezierPath2.lineCapStyle = kCGLineCapRound;
    bezierPath2.lineJoinStyle = kCGLineJoinRound;
    [bezierPath2 stroke];
}
2.2 绘制矩形
-----------CustomView.m-----------

/// 作用：专门用来做绘图的
/// 调用时机：当前view即将显示到屏幕上的时候，系统会自动调用 || 如果我们想手动触发某个view的drawRect:方法，可以调用该view的setNeedsDisplay方法
/// @param rect 当前view的bounds，不是frame
- (void)drawRect:(CGRect)rect {
    // 矩形
    // rect：矩形的位置和大小
    UIBezierPath *bezierPath1 = [UIBezierPath bezierPathWithRect:CGRectMake(50, 50, 50, 50)];
    [[UIColor redColor] setStroke];
    bezierPath1.lineWidth = 11;
    bezierPath1.lineCapStyle = kCGLineCapRound;
    bezierPath1.lineJoinStyle = kCGLineJoinMiter;
    [bezierPath1 stroke];
    
    // 圆角矩形
    // rect：矩形的位置和大小
    // cornerRadius：矩形的圆角半径
    UIBezierPath *bezierPath2 = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(150, 150, 50, 50) cornerRadius:10];
    [[UIColor greenColor] setStroke];
    bezierPath2.lineWidth = 11;
    bezierPath2.lineCapStyle = kCGLineCapRound;
    bezierPath2.lineJoinStyle = kCGLineJoinMiter;
    [bezierPath2 stroke];
    
    // 指定圆角的矩形
    // rect：矩形的位置和大小
    // corners：哪几个角要切圆角
    // cornerRadii：矩形的圆角半径
    UIBezierPath *bezierPath3 = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(250, 250, 50, 50) byRoundingCorners:(UIRectCornerTopLeft | UIRectCornerBottomRight) cornerRadii:CGSizeMake(10, 0)];
    [[UIColor blueColor] setStroke];
    bezierPath3.lineWidth = 11;
    bezierPath3.lineCapStyle = kCGLineCapRound;
    bezierPath3.lineJoinStyle = kCGLineJoinMiter;
    [bezierPath3 stroke];
}
2.3 绘制弧
-----------CustomView.m-----------

/// 作用：专门用来做绘图的
/// 调用时机：当前view即将显示到屏幕上的时候，系统会自动调用 || 如果我们想手动触发某个view的drawRect:方法，可以调用该view的setNeedsDisplay方法
/// @param rect 当前view的bounds，不是frame
- (void)drawRect:(CGRect)rect {
    UIBezierPath *bezierPath = [[UIBezierPath alloc] init];
    // center：弧的圆心
    // radius：弧的半径
    // startAngle：开始的弧度
    // endAngle：结束的弧度
    // clockwise：YES-顺时针绘制，NO-逆时针绘制
    [bezierPath addArcWithCenter:CGPointMake(100, 100) radius:100 startAngle:0 endAngle:M_PI_2 clockwise:YES];
    [[UIColor redColor] set];
    bezierPath.lineWidth = 11;
    bezierPath.lineCapStyle = kCGLineCapRound;
    bezierPath.lineJoinStyle = kCGLineJoinMiter;
    [bezierPath stroke];
}
2.4 绘制圆
-----------CustomView.m-----------

/// 作用：专门用来做绘图的
/// 调用时机：当前view即将显示到屏幕上的时候，系统会自动调用 || 如果我们想手动触发某个view的drawRect:方法，可以调用该view的setNeedsDisplay方法
/// @param rect 当前view的bounds，不是frame
- (void)drawRect:(CGRect)rect {
    // 圆
    UIBezierPath *bezierPath1 = [[UIBezierPath alloc] init];
    // center：圆的圆心
    // radius：圆的半径
    // startAngle：开始的弧度
    // endAngle：结束的弧度
    // clockwise：YES-顺时针绘制，NO-逆时针绘制
    [bezierPath1 addArcWithCenter:CGPointMake(100, 100) radius:50 startAngle:0 endAngle:M_PI * 2 clockwise:YES];
    [[UIColor redColor] set];
    bezierPath1.lineWidth = 11;
    bezierPath1.lineCapStyle = kCGLineCapRound;
    bezierPath1.lineJoinStyle = kCGLineJoinMiter;
    [bezierPath1 stroke];
    
    // 椭圆
    // rect：给定一个矩形，通过该矩形来画出其内切椭圆
    UIBezierPath *bezierPath2 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(250, 250, 100, 50)];
    [[UIColor orangeColor] set];
    bezierPath2.lineWidth = 11;
    bezierPath2.lineCapStyle = kCGLineCapRound;
    bezierPath2.lineJoinStyle = kCGLineJoinMiter;
    [bezierPath2 fill];
}
2.5 绘制一条二次贝塞尔曲线和一条三次贝塞尔曲线
-----------CustomView.m-----------

/// 作用：专门用来做绘图的
/// 调用时机：当前view即将显示到屏幕上的时候，系统会自动调用 || 如果我们想手动触发某个view的drawRect:方法，可以调用该view的setNeedsDisplay方法
/// @param rect 当前view的bounds，不是frame
- (void)drawRect:(CGRect)rect {
    // 二次贝塞尔曲线
    UIBezierPath *bezierPath1 = [[UIBezierPath alloc] init];
    [bezierPath1 moveToPoint:CGPointMake(100, 100)]; // 起点
    [bezierPath1 addQuadCurveToPoint:CGPointMake(300, 100) controlPoint:CGPointMake(200, 200)]; // 终点和controlPoint
    [[UIColor redColor] setStroke];
    bezierPath1.lineWidth = 11;
    bezierPath1.lineCapStyle = kCGLineCapRound;
    bezierPath1.lineJoinStyle = kCGLineJoinMiter;
    [bezierPath1 stroke];
    
    // 三次贝塞尔曲线
    UIBezierPath *bezierPath2 = [[UIBezierPath alloc] init];
    [bezierPath2 moveToPoint:CGPointMake(100, 300)];
    [bezierPath2 addCurveToPoint:CGPointMake(300, 300) controlPoint1:CGPointMake(150, 350) controlPoint2:CGPointMake(250, 250)]; // 终点和controlPoint1、controlPoint2
    [[UIColor greenColor] setStroke];
    bezierPath2.lineWidth = 11;
    bezierPath2.lineCapStyle = kCGLineCapRound;
    bezierPath2.lineJoinStyle = kCGLineJoinMiter;
    [bezierPath2 stroke];
}
2.6 画板

第一步：我们先做一个画板，能随便绘制笔迹。（这一步仅仅用到Quartz2D绘制任意路径的能力，所以我们依旧优先考虑使用UIBezierPath）

-----------DrawingBoardForegroundView.m-----------

#import "DrawingBoardForegroundView.h"

/// 画板的实现比较简单，一共分两步：
/// 第一步：用UIResponder的touchesMove方法来画路径，并把画的路径数组给记录下来
/// 第二步：在drawRect方法里，用贝塞尔曲线绘制记录的路径数组
@interface DrawingBoardForegroundView ()

/// 每一次画的路径
@property (nonatomic, strong) UIBezierPath *bezierPath;

/// 画的路径数组
@property (nonatomic, strong) NSMutableArray *bezierPathArray;

@end

@implementation DrawingBoardForegroundView

- (instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
        self.backgroundColor = [UIColor clearColor];
    }
    return self;
}

/// 作用：专门用来做绘图的
/// 调用时机：当前view即将显示到屏幕上的时候，系统会自动调用 || 如果我们想手动触发某个view的drawRect:方法，可以调用该view的setNeedsDisplay方法
/// @param rect 当前view的bounds，不是frame
- (void)drawRect:(CGRect)rect {
    for (UIBezierPath *bezierPath in self.bezierPathArray) {
        // 画笔
        [[UIColor redColor] setStroke]; // 路径颜色
        [bezierPath strokeWithBlendMode:(kCGBlendModeNormal) alpha:1.0]; // 路径模式
        
        bezierPath.lineWidth = 10; // 路径宽度
        bezierPath.lineCapStyle = kCGLineCapRound; // 路径开始和结尾的样式
        bezierPath.lineJoinStyle = kCGLineJoinRound; // 路径转角处的样式
        [bezierPath stroke];
    }
}


#pragma mark - 原始指针事件，第一步：用UIResponder的touchesMove方法来画路径，并把画的路径数组给记录下来

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
    // 触摸的手指可能有多个，任选其一
    UITouch *touch = [touches anyObject];
    // 获取开始触摸的点在画板坐标系统下的位置
    CGPoint beganPoint = [touch locationInView:self];
    
    // 每一次画的路径
    self.bezierPath = [UIBezierPath bezierPath];
    
    // 把开始触摸的点追加到当前路径上
    [self.bezierPath moveToPoint:beganPoint];
    
    // 记录每一次画的路径
    [self.bezierPathArray addObject:self.bezierPath];
    
    // 重绘
    [self setNeedsDisplay];
}

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
    // 触摸的手指可能有多个，任选其一
    UITouch *touch = [touches anyObject];
    // 获取实时触摸的点在画板坐标系统下的位置
    CGPoint movedPoint = [touch locationInView:self];
    
    // 把实时触摸的点追加到当前路径上
    [self.bezierPath addLineToPoint:movedPoint];
    
    // 重绘
    [self setNeedsDisplay];
}

- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {
    // 触摸的手指可能有多个，任选其一
    UITouch *touch = [touches anyObject];
    // 获取结束触摸的点在画板坐标系统下的位置
    CGPoint endedPoint = [touch locationInView:self];
    
    // 把实时触摸的点追加到当前路径上
    [self.bezierPath addLineToPoint:endedPoint];
    
    // 重绘
    [self setNeedsDisplay];
}

- (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event {
    // 触摸的手指可能有多个，任选其一
    UITouch *touch = [touches anyObject];
    // 获取取消触摸的点在画板坐标系统下的位置
    CGPoint cancelledPoint = [touch locationInView:self];
    
    // 把取消触摸的点追加到当前路径上
    [self.bezierPath addLineToPoint:cancelledPoint];
    
    // 重绘
    [self setNeedsDisplay];
}


#pragma mark - setter, getter

- (NSMutableArray *)bezierPathArray {
    if (_bezierPathArray == nil) {
        _bezierPathArray = [NSMutableArray array];
    }
    return _bezierPathArray;
}

@end
2.7 生成图片

第二步：接下来我们可能想把画板上绘制的笔迹给生成一张图片，以便能在不同的端流转（如手机端绘制的内容可以流转到Pad端或桌面端）。（这一步要用到Quartz2D生成图片的能力，所以我们得直接使用Quartz2D了）

-----------DrawingBoardForegroundView.m-----------

#import "DrawingBoardForegroundView.h"

@implementation DrawingBoardForegroundView

/// 作用：专门用来做绘图的
/// 调用时机：当前view即将显示到屏幕上的时候，系统会自动调用 || 如果我们想手动触发某个view的drawRect:方法，可以调用该view的setNeedsDisplay方法
/// @param rect 当前view的bounds，不是frame
- (void)drawRect:(CGRect)rect {
    // 路径
    UIBezierPath *bezierPath = [[UIBezierPath alloc] init];
    [bezierPath moveToPoint:CGPointMake(100, 100)]; // 路径的起点
    [bezierPath addLineToPoint:CGPointMake(200, 200)]; // 路径的终点（添加一条直线到路径的终点）
    [[UIColor redColor] set]; // 路径的颜色
    bezierPath.lineWidth = 11; // 路径的宽度
    bezierPath.lineCapStyle = kCGLineCapRound; // 路径的首尾样式
    bezierPath.lineJoinStyle = kCGLineJoinRound; // 路径的转角样式
    [bezierPath stroke];
}

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
    /*
     把某个view上的东西生成图片很简单
     我们只需要调用view.layer的renderInContext:方法把view上的东西渲染到一个Bitmap上下文里，
     然后调用UIGraphicsGetImageFromCurrentImageContext()函数生成图片即可。
     */
    
    
    // 1、开启一个Bitmap上下文
    // size：Bitmap上下文的大小
    // opaque：Bitmap上下文是否不透明
    // scale：Bitmap上下文的比例因子（如果设置为0，则比例因子为设备主屏幕的比例因子）
    UIGraphicsBeginImageContextWithOptions(self.bounds.size, NO, 0);
    
    // 2、把view上的东西渲染到Bitmap上下文里
    CGContextRef context = UIGraphicsGetCurrentContext();
    [self.layer renderInContext:context];
    
    // 3、生成图片
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    
    // 4、关闭Bitmap上下文
    UIGraphicsEndImageContext();
    
    // test：我们把生成的图片保存到桌面上看看
    [UIImagePNGRepresentation(image) writeToFile:@"/Users/yiyi/Desktop/test.png" atomically:YES];
}

@end
2.8 绘制图片

第三步：接下来我们可能想把其它端流转到手机端的笔迹图片给绘制到画板上，以便能够用橡皮擦擦除（当然你也可以在此基础上继续绘制新笔迹）。（这一步要用到Quartz2D绘制图片的能力，所以我们得直接使用Quartz2D了）

-----------DrawingBoardForegroundView.m-----------

#import "DrawingBoardForegroundView.h"

@interface DrawingBoardForegroundView ()

@end

@implementation DrawingBoardForegroundView

/// 作用：专门用来做绘图的
/// 调用时机：当前view即将显示到屏幕上的时候，系统会自动调用 || 如果我们想手动触发某个view的drawRect:方法，可以调用该view的setNeedsDisplay方法
/// @param rect 当前view的bounds，不是frame
- (void)drawRect:(CGRect)rect {
    UIImage *image = [UIImage imageNamed:@"前景图.png"];
    // 指定位置，把原始大小的图片绘制出来
//    [image drawAtPoint:CGPointZero];
    // 指定位置和大小，把图片fill到这个区域里（如果大小和图片大小不一样，可能会拉伸）
    [image drawInRect:CGRectMake(10, 40, image.size.width, image.size.height)];
}

@end
2.9 擦除图片

第四步：我们可以擦除图片上的像素。（橡皮擦本质上还是绘制任意路径，只不过路径是透明的，所以这一步也是仅仅用到Quartz2D绘制任意路径的能力，我们依旧优先考虑使用UIBezierPath）

-----------DrawingBoardForegroundView.m-----------

#import "DrawingBoardForegroundView.h"

@interface DrawingBoardForegroundView ()

/// 每一次画的路径
@property (nonatomic, strong) UIBezierPath *bezierPath;

/// 画的路径数组
@property (nonatomic, strong) NSMutableArray *bezierPathArray;

@end

@implementation DrawingBoardForegroundView

- (instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
        // 注意：橡皮擦的这两行代码要想生效，必须设置当前view的背景颜色为clearColor，否则橡皮擦的颜色擦出来是黑色
        // 所以为了使画板能有各种各样的背景颜色甚至是一张背景图片，我们的做法就是把画板分为画板背景 + 画板前景，当前view仅仅是画板前景
        self.backgroundColor = [UIColor clearColor];
    }
    return self;
}

/// 作用：专门用来做绘图的
/// 调用时机：当前view即将显示到屏幕上的时候，系统会自动调用 || 如果我们想手动触发某个view的drawRect:方法，可以调用该view的setNeedsDisplay方法
/// @param rect 当前view的bounds，不是frame
- (void)drawRect:(CGRect)rect {
    UIImage *image = [UIImage imageNamed:@"前景图.png"];
    // 指定位置，把原始大小的图片绘制出来
//    [image drawAtPoint:CGPointZero];
    // 指定位置和大小，把图片fill到这个区域里（如果大小和图片大小不一样，可能会拉伸）
    [image drawInRect:CGRectMake(10, 40, image.size.width, image.size.height)];
    
    for (UIBezierPath *bezierPath in self.bezierPathArray) {
        // 橡皮擦
        //
        // 注意：橡皮擦的这两行代码要想生效，必须设置当前view的背景颜色为clearColor，否则橡皮擦的颜色擦出来是黑色
        // 所以为了使画板能有各种各样的背景颜色甚至是一张背景图片，我们的做法就是把画板分为画板背景 + 画板前景，当前view仅仅是画板前景
        [[UIColor clearColor] setStroke]; // 路径颜色
        [bezierPath strokeWithBlendMode:(kCGBlendModeClear) alpha:1.0]; // 路径模式
        
        bezierPath.lineWidth = 10; // 路径宽度
        bezierPath.lineCapStyle = kCGLineCapRound; // 路径开始和结尾的样式
        bezierPath.lineJoinStyle = kCGLineJoinRound; // 路径转角处的样式
        [bezierPath stroke];
    }
}


#pragma mark - 原始指针事件

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
    // 触摸的手指可能有多个，任选其一
    UITouch *touch = [touches anyObject];
    // 获取开始触摸的点在画板坐标系统下的位置
    CGPoint beganPoint = [touch locationInView:self];
    
    // 每一次画的路径
    self.bezierPath = [UIBezierPath bezierPath];
    
    // 把开始触摸的点追加到当前路径上
    [self.bezierPath moveToPoint:beganPoint];
    
    // 记录每一次画的路径
    [self.bezierPathArray addObject:self.bezierPath];
    
    // 重绘
    [self setNeedsDisplay];
}

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
    // 触摸的手指可能有多个，任选其一
    UITouch *touch = [touches anyObject];
    // 获取实时触摸的点在画板坐标系统下的位置
    CGPoint movedPoint = [touch locationInView:self];
    
    // 把实时触摸的点追加到当前路径上
    [self.bezierPath addLineToPoint:movedPoint];
    
    // 重绘
    [self setNeedsDisplay];
}

- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {
    // 触摸的手指可能有多个，任选其一
    UITouch *touch = [touches anyObject];
    // 获取结束触摸的点在画板坐标系统下的位置
    CGPoint endedPoint = [touch locationInView:self];
    
    // 把实时触摸的点追加到当前路径上
    [self.bezierPath addLineToPoint:endedPoint];
    
    // 重绘
    [self setNeedsDisplay];
}

- (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event {
    // 触摸的手指可能有多个，任选其一
    UITouch *touch = [touches anyObject];
    // 获取取消触摸的点在画板坐标系统下的位置
    CGPoint cancelledPoint = [touch locationInView:self];
    
    // 把取消触摸的点追加到当前路径上
    [self.bezierPath addLineToPoint:cancelledPoint];
    
    // 重绘
    [self setNeedsDisplay];
}


#pragma mark - setter, getter

- (NSMutableArray *)bezierPathArray {
    if (_bezierPathArray == nil) {
        _bezierPathArray = [NSMutableArray array];
    }
    return _bezierPathArray;
}

@end

你可能感兴趣的:(【UI】Quartz2D和UIBezierPath)

  • 情绪觉察日记第37天 露露_e800
    今天是家庭关系规划师的第二阶最后一天，慧萍老师帮我做了个案，帮我处理了埋在心底好多年的一份恐惧，并给了我深深的力量！这几天出来学习，爸妈过来婆家帮我带小孩，妈妈出于爱帮我收拾东西，并跟我先生和婆婆产生矛盾，妈妈觉得他们没有照顾好我…。今晚回家见到妈妈，我很欣赏她并赞扬她，妈妈说今晚要跟我睡我说好，当我们俩躺在床上准备睡觉的时候，我握着妈妈的手对她说:妈妈这几天辛苦你了，你看你多利害把我们的家收拾得
  • 芦花鞋一四 许叶晗
    又是在一个寒冷的夏日里，青铜和葵花决定今天一起去卖芦花鞋，奶奶亲手给他们做了一碗热乎乎的粥对他们说:“就靠你们两挣生活费了这碗粥赶紧趁热喝了吧！”于是青铜和葵花喝完了奶奶给她们做的粥，就准备去镇上卖卢花鞋，这回青铜和葵花穿着新的芦花鞋来到了镇上。青铜这回看到了很多人都在卖，用手势表达对葵花说:“这回有好多人在抢我们生意呢！我们必须得吆喝起来。”葵花点了点头。可是谁知他们也大声的叫，卖芦花喽！卖芦花
  • 关于沟通这件事，项目经理不需要每次都面对面进行 流程大师兄
    很多项目经理都会遇到这样的问题，项目中由于事情太多，根本没有足够的时间去召开会议，那在这种情况下如何去有效地管理项目中的利益相关者？当然，不建议电子邮件也不需要开会的话，建议可以采取下面几种方式来形成有效的沟通，这几种方式可以帮助你努力的通过各种办法来保持和各方面的联系。项目经理首先要问自己几个问题，项目中哪些利益相关者是必须要进行沟通的？可以列出项目中所有的利益相关者清单，同时也整理出项目中哪些
  • 机器学习与深度学习间关系与区别 ℒℴѵℯ心·动ꦿ໊ོ꫞ 人工智能学习深度学习python
    一、机器学习概述定义机器学习（MachineLearning,ML）是一种通过数据驱动的方法，利用统计学和计算算法来训练模型，使计算机能够从数据中学习并自动进行预测或决策。机器学习通过分析大量数据样本，识别其中的模式和规律，从而对新的数据进行判断。其核心在于通过训练过程，让模型不断优化和提升其预测准确性。主要类型1.监督学习（SupervisedLearning）监督学习是指在训练数据集中包含输入
  • 【iOS】MVC设计模式 Magnetic_h iosmvc设计模式objective-c学习ui
    MVC前言如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architecturalpattern），属于编程的方法论。MVC模式就是架构模式的一种。它是Apple官方推荐的App开发架构，也是一般开发者最先遇到、最经典的架构。MVC各层controller层Controller/ViewController/VC（控制器）负责协调Model和View，处理大部分逻辑它将数据从Mod
  • OC语言多界面传值五大方式 Magnetic_h iosui学习objective-c开发语言
    前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt
  • 一百九十四章. 自相矛盾 巨木擎天
    唉！就这么一夜，林子感觉就像过了很多天似的，先是回了阳间家里，遇到了那么多不可思议的事情儿。特别是小伙伴们，第二次与自己见面时，僵硬的表情和恐怖的气氛，让自己如坐针毡，打从心眼里难受！还有东子，他现在还好吗？有没有被人欺负？护城河里的小鱼小虾们，还都在吗？水不会真的干枯了吧？那对相亲相爱漂亮的太平鸟儿，还好吧！春天了，到了做窝、下蛋、喂养小鸟宝宝的时候了，希望它们都能够平安啊！虽然没有看见家人，也
  • UI学习——cell的复用和自定义cell Magnetic_h ui学习
    目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • 地推话术，如何应对地推过程中家长的拒绝 校师学
    相信校长们在做地推的时候经常遇到这种情况：市场专员反馈家长不接单，咨询师反馈难以邀约这些家长上门，校区地推疲软，招生难。为什么？仅从地推层面分析，一方面因为家长受到的信息轰炸越来越多，对信息越来越“免疫”；而另一方面地推人员的专业能力和营销话术没有提高，无法应对家长的拒绝，对有意向的家长也不知如何跟进，眼睁睁看着家长走远；对于家长的疑问，更不知道如何有技巧地回答，机会白白流失。由于回答没技巧和专业
  • 谢谢你们，爱你们！ 鹿游儿
    昨天家人去泡温泉，二个孩子也带着去，出发前一晚，匆匆下班，赶回家和孩子一起收拾。饭后，我拿出笔和本子（上次去澳门时做手帐的本子）写下了1\2\3\4\5\6\7\8\9,让后让小壹去思考，带什么出发去旅游呢？她在对应的数字旁边画上了，泳衣、泳圈、肖恩、内衣内裤、tapuy、拖鞋……画完后，就让她自己对着这个本子，将要带的，一一带上，没想到这次带的书还是这本《便便工厂》(晚上姑婆发照片过来，妹妹累得
  • C语言如何定义宏函数？ 小九格物 c语言
    在C语言中，宏函数是通过预处理器定义的，它在编译之前替换代码中的宏调用。宏函数可以模拟函数的行为，但它们不是真正的函数，因为它们在编译时不会进行类型检查，也不会分配存储空间。宏函数的定义通常使用#define指令，后面跟着宏的名称和参数列表，以及宏展开后的代码。宏函数的定义方式：1.基本宏函数：这是最简单的宏函数形式，它直接定义一个表达式。#defineSQUARE(x)((x)*(x))2.带参
  • 微服务下功能权限与数据权限的设计与实现 nbsaas-boot 微服务java架构
    在微服务架构下，系统的功能权限和数据权限控制显得尤为重要。随着系统规模的扩大和微服务数量的增加，如何保证不同用户和服务之间的访问权限准确、细粒度地控制，成为设计安全策略的关键。本文将讨论如何在微服务体系中设计和实现功能权限与数据权限控制。1.功能权限与数据权限的定义功能权限：指用户或系统角色对特定功能的访问权限。通常是某个用户角色能否执行某个操作，比如查看订单、创建订单、修改用户资料等。数据权限：
  • 理解Gunicorn：Python WSGI服务器的基石 范范0825 ipythonlinux运维
    理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
  • 2021年12月19日，春蕾教育集团团建活动感受——黄晓丹 黄错错加油
    感受:1.从陌生到熟悉的过程。游戏环节让我们在轻松的氛围中得到了锻炼，也增长了不少知识。2.游戏过程中，我们贡献的是个人力量，展现的是团队的力量。它磨合的往往不止是工作的熟悉，更是观念上契合度的贴近。3.这和工作是一样的道理。在各自的岗位上，每个人摆正自己的位置、各司其职充分发挥才能，并团结一致劲往一处使，才能实现最大的成功。新知:1.团队精神需要不断地创新。过去，人们把创新看作是冒风险，现在人们
  • Cell Insight | 单细胞测序技术又一新发现，可用于HIV-1和Mtb共感染个体诊断 尐尐呅
    结核病是艾滋病合并其他疾病中导致患者死亡的主要原因。其中结核病由结核分枝杆菌（Mycobacteriumtuberculosis,Mtb）感染引起，获得性免疫缺陷综合症（艾滋病）由人免疫缺陷病毒（Humanimmunodeficiencyvirustype1,HIV-1）感染引起。国家感染性疾病临床医学研究中心/深圳市第三人民医院张国良团队携手深圳华大生命科学研究院吴靓团队，共同研究得出单细胞测序
  • c++ 的iostream 和 c++的stdio的区别和联系 黄卷青灯77 c++算法开发语言iostreamstdio
    在C++中，iostream和C语言的stdio.h都是用于处理输入输出的库，但它们在设计、用法和功能上有许多不同。以下是两者的区别和联系：区别1.编程风格iostream（C++风格）：C++标准库中的输入输出流类库，支持面向对象的输入输出操作。典型用法是cin（输入）和cout（输出），使用>操作符来处理数据。更加类型安全，支持用户自定义类型的输入输出。#includeintmain(){in
  • 《投行人生》读书笔记 小蘑菇的树洞
    《投行人生》----作者詹姆斯-A-朗德摩根斯坦利副主席40年的职业洞见-很短小精悍的篇幅，比较适合初入职场的新人。第一部分成功的职业生涯需要规划1.情商归为适应能力分享与协作同理心适应能力，更多的是自我意识，你有能力识别自己的情并分辨这些情绪如何影响你的思想和行为。2.对于初入职场的人的建议，细节，截止日期和数据很重要截止日期，一种有效的方法是请老板为你所有的任务进行优先级排序。和老板喝咖啡的好
  • swagger访问路径 igotyback swagger
    Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
  • Linux下QT开发的动态库界面弹出操作（SDL2） 13jjyao QT类qt开发语言sdl2linux
    需求：操作系统为linux，开发框架为qt，做成需带界面的qt动态库，调用方为java等非qt程序难点：调用方为java等非qt程序，也就是说调用方肯定不带QApplication::exec()，缺少了这个，QTimer等事件和QT创建的窗口将不能弹出(包括opencv也是不能弹出)；这与qt调用本身qt库是有本质的区别的思路：1.调用方缺QApplication::exec()，那么我们在接口
  • 绘本讲师训练营【24期】8/21阅读原创《独生小孩》 1784e22615e0
    24016-孟娟《独生小孩》图片发自App今天我想分享一个蛮特别的绘本，讲的是一个特殊的群体，我也是属于这个群体，80后的独生小孩。这是一本中国绘本，作者郭婧，也是一个80厚。全书一百多页，均为铅笔绘制，虽然为黑白色调，但并不显得沉闷。全书没有文字，犹如“默片”，但并不影响读者对该作品的理解，反而显得神秘，梦幻，給读者留下想象的空间。作者在前蝴蝶页这样写到：“我更希望父母和孩子一起分享这本书，使他
  • 店群合一模式下的社区团购新发展——结合链动 2+1 模式、AI 智能名片与 S2B2C 商城小程序源码 说私域 人工智能小程序
    摘要：本文探讨了店群合一的社区团购平台在当今商业环境中的重要性和优势。通过分析店群合一模式如何将互联网社群与线下终端紧密结合，阐述了链动2+1模式、AI智能名片和S2B2C商城小程序源码在这一模式中的应用价值。这些创新元素的结合为社区团购带来了新的机遇，提升了用户信任感、拓展了营销渠道，并实现了线上线下的完美融合。一、引言随着互联网技术的不断发展，社区团购作为一种新兴的商业模式，在满足消费者日常需
  • 消息中间件有哪些常见类型 xmh-sxh-1314 java
    消息中间件根据其设计理念和用途，可以大致分为以下几种常见类型：点对点消息队列（Point-to-PointMessagingQueues）：在这种模型中，消息被发送到特定的队列中，消费者从队列中取出并处理消息。队列中的消息只能被一个消费者消费，消费后即被删除。常见的实现包括IBM的MQSeries、RabbitMQ的部分使用场景等。适用于任务分发、负载均衡等场景。发布/订阅消息模型（Pub/Sub
  • ArcGIS栅格计算器常见公式（赋值、0和空值的转换、补充栅格空值） 研学随笔 arcgis经验分享
    我们在使用ArcGIS时通常经常用到栅格计算器，今天主要给大家介绍我日常中经常用到的几个公式，供大家参考学习。将特定值（-9999）赋值为0，例如-9999.Con("raster"==-9999,0,"raster")2.给空值赋予特定的值（如0）Con(IsNull("raster"),0,"raster")3.将特定的栅格值(如1)赋值为空值，其他保留原值SetNull("raster"==
  • 水平垂直居中的几种方法（总结） LJ小番茄 CSS_玄学语言htmljavascript前端csscss3
    1.使用flexbox的justify-content和align-items.parent{display:flex;justify-content:center;/*水平居中*/align-items:center;/*垂直居中*/height:100vh;/*需要指定高度*/}2.使用grid的place-items:center.parent{display:grid;place-item
  • 本周第二次约练 2cfbdfe28a51
    中原焦点团队中24初26刘霞2021.12.3约练161次，分享第368天当事人虽然是带着问题来的，但是咨询过程中发现，她是经过自己不断地调整和努力才走到现在的，看到当事人的不容易，找到例外，发现资源，力量感也就随之而来。增强画面感，或者说重温，会给当事人带来更深刻的感受。
  • 放下是一段成长的修行 小莳玥
    人来到这个世界上，只有两件事：生和死。一件事已经做完了，另一件你还急什么呢?是人，都有七情六欲。是心，都有喜怒哀乐，这些再正常不过了。别总抱怨自己活得累，过得辛苦。永远记住：舒坦是留给死人的。苦，才是生活；累，才是工作；变，才是命运；忍，才是历练；容，才是智慧；静，才是修养；舍，才会得到；做，才会拥有。人生，活得太清楚，才是最大的不明白。有些事，看得很清，却说不清；有些人，了解很深，却猜不透；有些
  • 回溯 Leetcode 332 重新安排行程 mmaerd Leetcode刷题学习记录leetcode算法职场和发展
    重新安排行程Leetcode332学习记录自代码随想录给你一份航线列表tickets，其中tickets[i]=[fromi,toi]表示飞机出发和降落的机场地点。请你对该行程进行重新规划排序。所有这些机票都属于一个从JFK（肯尼迪国际机场）出发的先生，所以该行程必须从JFK开始。如果存在多种有效的行程，请你按字典排序返回最小的行程组合。例如，行程[“JFK”,“LGA”]与[“JFK”,“LGB
  • Python数据分析与可视化实战指南 William数据分析 pythonpython数据
    在数据驱动的时代，Python因其简洁的语法、强大的库生态系统以及活跃的社区，成为了数据分析与可视化的首选语言。本文将通过一个详细的案例，带领大家学习如何使用Python进行数据分析，并通过可视化来直观呈现分析结果。一、环境准备1.1安装必要库在开始数据分析和可视化之前，我们需要安装一些常用的库。主要包括pandas、numpy、matplotlib和seaborn等。这些库分别用于数据处理、数学
  • 每日一题——第八十四题 互联网打工人no1 C语言程序设计每日一练c语言
    题目：编写函数1、输入10个职工的姓名和职工号2、按照职工由大到小顺序排列，姓名顺序也随之调整3、要求输入一个职工号，用折半查找法找出该职工的姓名#define_CRT_SECURE_NO_WARNINGS#include#include#defineMAX_EMPLOYEES10typedefstruct{intid;charname[50];}Empolyee;voidinputEmploye
  • 矩阵求逆（JAVA）利用伴随矩阵 qiuwanchi 利用伴随矩阵求逆矩阵
    package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(利用伴随矩阵) * @author 邱万迟
  • 单例（Singleton）模式 aoyouzi 单例模式Singleton
    3.1           概述 如果要保证系统里一个类最多只能存在一个实例时，我们就需要单例模式。这种情况在我们应用中经常碰到，例如缓存池，数据库连接池，线程池，一些应用服务实例等。在多线程环境中，为了保证实例的唯一性其实并不简单，这章将和读者一起探讨如何实现单例模式。 3.2
  • [开源与自主研发]就算可以轻易获得外部技术支持,自己也必须研发 comsci 开源
          现在国内有大量的信息技术产品，都是通过盗版，免费下载，开源，附送等方式从国外的开发者那里获得的。。。。。。        虽然这种情况带来了国内信息产业的短暂繁荣，也促进了电子商务和互联网产业的快速发展，但是实际上，我们应该清醒的看到，这些产业的核心力量是被国外的
  • 页面有两个frame,怎样点击一个的链接改变另一个的内容 Array_06 UIXHTML
    <a src="地址"  targets="这里写你要操作的Frame的名字" />搜索 然后你点击连接以后你的新页面就会显示在你设置的Frame名字的框那里 targerts="",就是你要填写目标的显示页面位置 ===================== 例如： <frame src=&
  • Struts2实现单个/多个文件上传和下载 oloz 文件上传struts
    struts2单文件上传：     步骤01:jsp页面 <!--在进行文件上传时，表单提交方式一定要是post的方式，因为文件上传时二进制文件可能会很大，还有就是enctype属性，这个属性一定要写成multipart/form-data，不然就会以二进制文本上传到服务器端--> 　　<form action="fileUplo
  • 推荐10个在线logo设计网站 362217990 logo
    在线设计Logo网站。 1、http://flickr.nosv.org（这个太简单） 2、http://www.logomaker.com/?source=1.5770.1 3、http://www.simwebsol.com/ImageTool 4、http://www.logogenerator.com/logo.php?nal=1&tpl_catlist[]=2 5、ht
  • jsp上传文件 香水浓 jspfileupload
    1. jsp上传 Notice： 1. form表单 method 属性必须设置为 POST 方法 ，不能使用 GET 方法 2. form表单 enctype 属性需要设置为 multipart/form-data 3. form表单 action 属性需要设置为提交到后台处理文件上传的jsp文件地址或者servlet地址。例如 uploadFile.jsp 程序文件用来处理上传的文
  • 我的架构经验系列文章 - 前端架构 agevs JavaScriptWeb框架UIjQuer
    框架层面：近几年前端发展很快，前端之所以叫前端因为前端是已经可以独立成为一种职业了，js也不再是十年前的玩具了，以前富客户端RIA的应用可能会用flash/flex或是silverlight，现在可以使用js来完成大部分的功能，因此js作为一门前端的支撑语言也不仅仅是进行的简单的编码，越来越多框架性的东西出现了。越来越多的开发模式转变为后端只是吐json的数据源，而前端做所有UI的事情。MVCMV
  • android ksoap2 中把XML(DataSet) 当做参数传递 aijuans android
    我的android app中需要发送webservice ，于是我使用了 ksop2 进行发送，在测试过程中不是很顺利,不能正常工作.我的web service 请求格式如下     [html]  view plain copy   <Envelope xmlns="http://schemas.
  • 使用Spring进行统一日志管理 + 统一异常管理 baalwolf spring
    统一日志和异常管理配置好后，SSH项目中，代码以往散落的log.info() 和 try..catch..finally 再也不见踪影！ 统一日志异常实现类： [java]  view plain copy   package com.pilelot.web.util;      impor
  • Android SDK 国内镜像 BigBird2012 android sdk
    一、镜像地址： 1、东软信息学院的 Android SDK 镜像，比配置代理下载快多了。 配置地址， http://mirrors.neusoft.edu.cn/configurations.we#android 2、北京化工大学的： IPV4:ubuntu.buct.edu.cn  IPV4:ubuntu.buct.cn IPV6:ubuntu.buct6.edu.cn
  • HTML无害化和Sanitize模块 bijian1013 JavaScriptAngularJSLinkySanitize
    一.ng-bind-html、ng-bind-html-unsafe         AngularJS非常注重安全方面的问题，它会尽一切可能把大多数攻击手段最小化。其中一个攻击手段是向你的web页面里注入不安全的HTML，然后利用它触发跨站攻击或者注入攻击。         考虑这样一个例子，假设我们有一个变量存
  • [Maven学习笔记二]Maven命令 bit1129 maven
    mvn compile compile编译命令将src/main/java和src/main/resources中的代码和配置文件编译到target/classes中，不会对src/test/java中的测试类进行编译 MVN编译使用 maven-resources-plugin:2.6:resources maven-compiler-plugin:2.5.1:compile &nbs
  • 【Java命令二】jhat bit1129 Java命令
    jhat用于分析使用jmap dump的文件，，可以将堆中的对象以html的形式显示出来，包括对象的数量，大小等等，并支持对象查询语言。 jhat默认开启监听端口7000的HTTP服务，jhat是Java Heap Analysis Tool的缩写 1. 用法： [hadoop@hadoop bin]$ jhat -help Usage: jhat [-stack <bool&g
  • JBoss 5.1.0 GA:Error installing to Instantiated: name=AttachmentStore state=Desc ronin47
    进到类似目录 server/default/conf/bootstrap，打开文件 profile.xml找到： Xml代码<bean    name="AttachmentStore"  class="org.jboss.system.server.profileservice.repository.AbstractAtta
  • 写给初学者的6条网页设计安全配色指南 brotherlamp UIui自学ui视频ui教程ui资料
    网页设计中最基本的原则之一是，不管你花多长时间创造一个华丽的设计，其最终的角色都是这场秀中真正的明星——内容的衬托     我仍然清楚地记得我最早的一次美术课，那时我还是一个小小的、对凡事都充满渴望的孩子，我摆放出一大堆漂亮的彩色颜料。我仍然记得当我第一次看到原色与另一种颜色混合变成第二种颜色时的那种兴奋，并且我想，既然两种颜色能创造出一种全新的美丽色彩，那所有颜色
  • 有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。写一个函数实现。复杂度是什么。 bylijinnan java算法面试
    import java.util.Random; import java.util.Set; import java.util.TreeSet; /** * http://weibo.com/1915548291/z7HtOF4sx * #面试题#有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。 * 写一个函数实现。复杂度是什么
  • struts2获得request、session、application方式 chiangfai application
    1、与Servlet API解耦的访问方式。 a.Struts2对HttpServletRequest、HttpSession、ServletContext进行了封装，构造了三个Map对象来替代这三种对象要获取这三个Map对象，使用ActionContext类。 ----->   package pro.action; import java.util.Map; imp
  • 改变python的默认语言设置 chenchao051 python
    import sys sys.getdefaultencoding()  可以测试出默认语言，要改变的话，需要在python lib的site-packages文件夹下新建： sitecustomize.py， 这个文件比较特殊，会在python启动时来加载，所以就可以在里面写上： import sys sys.setdefaultencoding('utf-8') &n
  • mysql导入数据load data infile用法 daizj mysql导入数据
    我们常常导入数据！mysql有一个高效导入方法，那就是load data infile 下面来看案例说明 基本语法： load data  [low_priority] [local] infile 'file_name txt' [replace | ignore] into table tbl_name [fields [terminated by't'] [OPTI
  • phpexcel导入excel表到数据库简单入门示例 dcj3sjt126com PHPExcel
    跟导出相对应的，同一个数据表，也是将phpexcel类放在class目录下，将Excel表格中的内容读取出来放到数据库中 <?php error_reporting(E_ALL); set_time_limit(0); ?> <html> <head> <meta http-equiv="Content-Type"
  • 22岁到72岁的男人对女人的要求 dcj3sjt126com
    22岁男人对女人的要求是：一，美丽，二，性感，三，有份具品味的职业，四，极有耐性，善解人意，五，该聪明的时候聪明，六，作小鸟依人状时尽量自然，七，怎样穿都好看，八，懂得适当地撒娇，九，虽作惊喜反应，但看起来自然，十，上了床就是个无条件荡妇。 32岁的男人对女人的要求，略作修定，是：一，入得厨房，进得睡房，二，不必服侍皇太后，三，不介意浪漫蜡烛配盒饭，四，听多过说，五，不再傻笑，六，懂得独
  • Spring和HIbernate对DDM设计的支持 e200702084 DAO设计模式springHibernate领域模型
    A：数据访问对象     DAO和资源库在领域驱动设计中都很重要。DAO是关系型数据库和应用之间的契约。它封装了Web应用中的数据库CRUD操作细节。另一方面，资源库是一个独立的抽象，它与DAO进行交互，并提供到领域模型的“业务接口”。    资源库使用领域的通用语言，处理所有必要的DAO，并使用领域理解的语言提供对领域模型的数据访问服务。
  • NoSql 数据库的特性比较 geeksun NoSQL
    Redis 是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。目前由VMware主持开发工作。   1. 数据模型 作为Key-value型数据库，Redis也提供了键（Key）和值（Value）的映射关系。除了常规的数值或字符串，Redis的键值还可以是以下形式之一： Lists （列表） Sets
  • 使用 Nginx Upload Module 实现上传文件功能 hongtoushizi nginx
    转载自： http://www.tuicool.com/wx/aUrAzm   普通网站在实现文件上传功能的时候，一般是使用Python，Java等后端程序实现，比较麻烦。Nginx有一个Upload模块，可以非常简单的实现文件上传功能。此模块的原理是先把用户上传的文件保存到临时文件，然后在交由后台页面处理，并且把文件的原名，上传后的名称，文件类型，文件大小set到页面。下
  • spring-boot-web-ui及thymeleaf基本使用 jishiweili springthymeleaf
    视图控制层代码demo如下：   @Controller @RequestMapping("/") public class MessageController { private final MessageRepository messageRepository; @Autowired public MessageController(Mes
  • 数据源架构模式之活动记录 home198979 PHP架构活动记录数据映射
    hello!架构 一、概念 活动记录（Active Record）：一个对象，它包装数据库表或视图中某一行，封装数据库访问，并在这些数据上增加了领域逻辑。 对象既有数据又有行为。活动记录使用直截了当的方法，把数据访问逻辑置于领域对象中。   二、实现简单活动记录 活动记录在php许多框架中都有应用，如cakephp。 <?php /** * 行数据入口类 *
  • Linux Shell脚本之自动修改IP pda158 linuxcentosDebian脚本
    作为一名 Linux SA，日常运维中很多地方都会用到脚本，而服务器的ip一般采用静态ip或者MAC绑定，当然后者比较操作起来相对繁琐，而前者我们可以设置主机名、ip信息、网关等配置。修改成特定的主机名在维护和管理方面也比较方便。如下脚本用途为：修改ip和主机名等相关信息，可以根据实际需求修改，举一反三！ #!/bin/sh #auto Change ip netmask ga
  • 开发环境搭建 独浮云 eclipsejdktomcat
           最近在开发过程中，经常出现MyEclipse内存溢出等错误，需要重启的情况，好麻烦。对于一般的JAVA+TOMCAT项目开发，其实没有必要使用重量级的MyEclipse，使用eclipse就足够了。尤其是开发机器硬件配置一般的人。         &n
  • 操作日期和时间的工具类 vipbooks 工具类
       大家好啊，好久没有来这里发文章了，今天来逛逛，分享一篇刚写不久的操作日期和时间的工具类，希望对大家有所帮助。 /* * @(#)DataFormatUtils.java 2010-10-10 * * Copyright 2010 BianJing,All rights reserved. */ package test; impor
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他