UIBezierPath貝塞爾曲線

weixin_33749242發表於2017-06-07
UI
1.Line cap styles. 線角樣式
typedef CF_ENUM(int32_t, CGLineCap) {
  kCGLineCapButt,
  kCGLineCapRound,//圓角
  kCGLineCapSquare //直角
};
設定某一個角可以有圓角(列舉值)

byRoundingCorners:(UIRectCorner)corners

typedef NS_OPTIONS(NSUInteger, UIRectCorner) {
  UIRectCornerTopLeft    = 1 << 0,
  UIRectCornerTopRight    = 1 << 1,
  UIRectCornerBottomLeft  = 1 << 2,
  UIRectCornerBottomRight = 1 << 3,
  UIRectCornerAllCorners  = ~0UL
};
3.根據一個矩形畫曲線(沿著rect 畫)
+ (UIBezierPath*)bezierPathWithRect:(CGRect)rect
4.根據矩形框的內切圓畫曲線
+ (UIBezierPath*)bezierPathWithOvalInRect:(CGRect)rect
5.根據矩形畫帶圓角的曲線
引數:
cornerRadius 每個角角度    

+ (UIBezierPath*)bezierPathWithRoundedRect:(CGRect)rect cornerRadius:(CGFloat)cornerRadius
1757970-7403f45e150e9184.png
內切
6.在矩形中可以針對四角中的某個角加圓角
引數:
corners rect 列舉值，可以選擇某個角
cornerRadii  圓角的大小

+ (UIBezierPath*)bezierPathWithRoundedRect:(CGRect)rect byRoundingCorners:(UIRectCorner)corners cornerRadii:(CGSize)cornerRadii
1757970-03ab9a12c4c767b7.png
corners 可以 是多個列舉值
7.以某個中心點畫弧線
引數：
center:弧線中心點的座標
radius:弧線所在圓的半徑
startAngle:弧線開始的角度值
endAngle:弧線結束的角度值
clockwise:是否順時針畫弧線

+ (UIBezierPath*)bezierPathWithArcCenter:(CGPoint)center radius:(CGFloat)radius startAngle:(CGFloat)startAngle endAngle:(CGFloat)endAngle clockwise:(BOOL)clockwise;
1757970-03d6cb406e470acf.png
clockwise 為 1
1757970-0d2c5d5046f3649c.png
clockwise 為 0
8.畫二元曲線，和moveToPoint配合使用
引數：
endPoint:曲線的終點
controlPoint:畫曲線的基準點

- (void)addQuadCurveToPoint:(CGPoint)endPoint controlPoint:(CGPoint)controlPoint
1757970-7c2e5fb27c691566.png
效果圖
9.以三個點畫一段曲線，和moveToPoint配合使用
引數：
endPoint:曲線的終點
controlPoint1:畫曲線的第一個基準點
controlPoint2:畫曲線的第二個基準點

- (void)addCurveToPoint:(CGPoint)endPoint controlPoint1:(CGPoint)controlPoint1 controlPoint2:(CGPoint)controlPoint2
1757970-5c03bab6e5d6f5e7.png
效果圖
10.閉合路徑
- (void)closePath;
11.移除所有的點
- (void)removeAllPoints;
12.追加路徑
- (void)appendPath:(UIBezierPath *)bezierPath;
1757970-796dd19e0bf9ae5a.png

追加路徑

13. Modified paths
- (UIBezierPath *)bezierPathByReversingPath NS_AVAILABLE_IOS(6_0);
14.轉換路徑
- (void)applyTransform:(CGAffineTransform)transform;
15.路徑資訊
@property(readonly,getter=isEmpty) BOOL empty;
@property(nonatomic,readonly) CGRect bounds;
@property(nonatomic,readonly) CGPoint currentPoint;
- (BOOL)containsPoint:(CGPoint)point; //路徑中是否包含這個點
16. Drawing properties
@property(nonatomic) CGFloat lineWidth; //線寬
@property(nonatomic) CGLineCap lineCapStyle;
@property(nonatomic) CGLineJoin lineJoinStyle; //曲線交叉點的型別
17.兩條線交匯處內角和外角之間的最大距離,需要交叉點型別為kCGLineJoinMiter是生效，最大限制為10 Used when lineJoinStyle is kCGLineJoinMiter
@property(nonatomic) CGFloat miterLimit;
@property(nonatomic) CGFloat flatness;
// 預設是NO。當YES時,單雙數填充規則用於繪畫,剪裁,點選測試。
 @property(nonatomic) BOOL usesEvenOddFillRule; // Default is NO. When YES, the even-odd fill rule is used for drawing, clipping, and hit testing.
- (void)setLineDash:(nullable const CGFloat *)pattern count:(NSInteger)count phase:(CGFloat)phase;
 - (void)getLineDash:(nullable CGFloat *)pattern count:(nullable NSInteger *)count phase:(nullable CGFloat *)phase;
18.對當前圖形上下文路徑操作
- (void)fill;
- (void)stroke;
19. 這些方法不影響混合模式或當前圖形上下文的α
blendMode 填充顯示樣式 (列舉值)
alpha 透明度
- (void)fillWithBlendMode:(CGBlendMode)blendMode alpha:(CGFloat)alpha;

blendMode 線的顯示樣式 (列舉值)
alpha 透明度
- (void)strokeWithBlendMode:(CGBlendMode)blendMode alpha:(CGFloat)alpha;
20.使用當前path剪下當前的圖形，之後在超出path區域的地方繪圖將顯示不出來
- (void)addClip;

相關文章