【移動(dòng)應(yīng)用開發(fā)技術(shù)】IOS如何自定義UIView

【移動(dòng)應(yīng)用開發(fā)技術(shù)】IOS如何自定義UIView

IOS中一般會(huì)用到幾種方式自定義UIView1、繼承之UIView的存代碼的自定義View2、使用xib和代碼一起使用的自定義View3、存xib的自定義View（不需要業(yè)務(wù)處理的那種）本文主要就介紹下存代碼的自定義UIView和能夠在storeboard中實(shí)時(shí)顯示效果的自定義UIView/upload/information/20200623/126/122221.png/upload/information/20200623/126/122223.png1.實(shí)現(xiàn)在storeboard中實(shí)時(shí)顯示效果的自定義UIView

1、創(chuàng)建MyView.h繼承UIView#import

<UIKit/UIKit.h>

//

設(shè)置類為可視化設(shè)計(jì)

IB_DESIGNABLE

@interface

MyView

:

UIView

//

IBInspectable

為可視化設(shè)計(jì)屬性

//

邊框?qū)挾?/p>

@property

(nonatomic,assign)IBInspectable

float

borderWidth;

//

邊框顏色

@property

(nonatomic,retain)IBInspectable

UIColor*

borderColor;

//

圓角

@property

(nonatomic,assign)IBInspectable

float

cornerRadius;

@endIB_DESIGNABLE：代表的是這個(gè)類可以在storeboard中顯示實(shí)時(shí)的效果IBInspectable：代表把這個(gè)屬性能在storeboard中修改2、MyView.m的實(shí)現(xiàn)//

//

MyView.m

//

01_CirProgress

//

//

Created

by

xgao

on

15/10/29.

//

Copyright

(c)

2015年

xgao.

All

rights

reserved.

//

#import

"MyView.h"

@implementation

MyView

//

邊框?qū)挾?/p>

-

(void)setBorderWidth:(float)borderWidth{

self.layer.borderWidth

=

borderWidth;

}

//

邊框顏色

-

(void)setBorderColor:(UIColor

*)borderColor{

self.layer.borderColor

=

borderColor.CGColor;

}

//

圓角

-

(void)setCornerRadius:(float)cornerRadius{

self.layer.cornerRadius

=

cornerRadius;

}

@end3、在storeboad中添加一個(gè)view,并且設(shè)置這個(gè)view的類為我們剛才創(chuàng)建的MyView/upload/information/20200623/126/122224.png/upload/information/20200623/126/122225.png2.實(shí)現(xiàn)純代碼的自定義View1、創(chuàng)建一個(gè)繼承UIView的MyProgress類文件，MyProgress.h如下：#import

<UIKit/UIKit.h>

@interface

MyProgress

:

UIView

//

當(dāng)時(shí)進(jìn)度值

@property

(nonatomic,assign)

float

progressValue;

@end2、MyProgress.m如下：#import

"MyProgress.h"

@implementation

MyProgress

{

float

_proValue;

}

//

重寫初始化方法

-

(id)initWithFrame:(CGRect)frame{

self

=

[super

initWithFrame:frame];

if

(self)

{

//

設(shè)置背影為透明色

self.backgroundColor

=

[UIColor

clearColor];

}

return

self;

}

//

重設(shè)progressValue屬性

-

(void)setProgressValue:(float)progressValue

{

_progressValue

=

progressValue;

//

重新畫UI

[self

setNeedsDisplay];

}

//

繪圖

-

(void)drawRect:(CGRect)rect

{

//

獲取畫圖的上下文

CGContextRef

ctx

=

UIGraphicsGetCurrentContext();

/****

繪制圓形背景線

****/

//

圓的半徑

float

r

=

rect.size.width

/

2.0;

//

全圓

CGFloat

endAngle

=

M_PI

*

2;

//

畫圓形線

CGContextAddArc(ctx,

r,

r,

r,

0,

endAngle,

0);

//

背影顏色

CGContextSetRGBFillColor(ctx,

0.7,

0.7,0.7,

1);

//

完成繪制

CGContextFillPath(ctx);

/****

繪制扇形區(qū)域

****/

//

計(jì)算結(jié)束角度

endAngle

=

M_PI

*

2

*

_progressValue;

/**

畫圓

*

參數(shù)1：c

當(dāng)前上下文

*

參數(shù)2：x

圓的X坐標(biāo)

*

參數(shù)3：y

圓的Y坐標(biāo)

*

參數(shù)4：radius

圓的半徑

*

參數(shù)5：startAngle

開始角度

*

參數(shù)6：endAngle

結(jié)束角度

*

參數(shù)7：clockwise

是否逆時(shí)針

*/

CGContextAddArc(ctx,

r,

r,

r,

0,

endAngle,

0);

//

連成線,成弧形

CGContextAddLineToPoint(ctx,

r,

r);

//

其實(shí)就是在連接的那條線上加一個(gè)點(diǎn)，讓線條連接到那一個(gè)點(diǎn),就像拉弓,可加多個(gè)點(diǎn)

//

CGContextAddLineToPoint(ctx,

r

+

20,

r

+

20);

//

填充顏色

CGContextSetRGBFillColor(ctx,

0,

0,

1,

1);

//

完成繪制

CGContextFillPath(ctx);

}3、調(diào)用自定義的MyProgress類#import

"MyProgress.h"

@interface

ViewController

()

{

MyProgress*

_myProView;

}

@end

@implementation

ViewController

-

(void)viewDidLoad

{

[super

viewDidLoad];

//

創(chuàng)建自定