iphone label相关的圆角处理(转)

前一阵子读到一篇介绍CALayer(这里大致地称其为层)的学科,相比较简单易懂,适合初学者,小编在此处就不完全翻译了,只是把大旨说美素佳儿(Friso)下。

 

先是要说的是CALayers
是显示屏上的一个独具可见内容的矩形区域,每种UIView都有一个根CALayer,其负有的绘图(视觉效果)都以在那么些layer上展开的。(译者注:为注脚那一点,我写下了之类代码:

1
2
3
4
5
6
7
8
9
10
UILabel* lable = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, 100, 30)];
lable.text = @"test";
[self.view addSubview: lable];
lable.backgroundColor = [UIColor clearColor];
[lable release];

// 设定CALayer
self.view.layer.backgroundColor =[UIColor orangeColor].CGColor;
self.view.layer.cornerRadius =20.0;
self.view.layer.frame = CGRectInset(self.view.layer.frame, 20, 20);

2018正版葡京赌侠诗,请留意,小编创设的UILable始终随着UIView的根CALayer的缩放而变更地点。)

其次,CALayer的可以影响其外观的特色有:

  • 层的大大小小尺寸
  • 背景色
  • 情节(比如图像或是使用Core
    Graphics
    绘图的情节)
  • 是或不是使用圆角
  • 是或不是采纳阴影
  • 等等

需求注解的是CALayer的多数性质都得以用来兑现动画效果。

别的,你可以一向动用CALayer,也足以行使其子类,如CAGradientLayer,CATextLayer,
CAShapeLayer等等。

示例

率先在Xcode中创制一个View-based App,CALayer是属于QuartzCore
framework的,所以须求引入QuartzCore
framework,其它在先后中概括QuartzCore.h。

第三个例子是创立一个带圆角的层,在您的ViewController中的ViewDidLoad中参与上面代码:

1
2
3
4
5
6
7
// Import QuartzCore.h at the top of the file
#import <QuartzCore/QuartzCore.h>

// Uncomment viewDidLoad and add the following lines
self.view.layer.backgroundColor =[UIColor orangeColor].CGColor;
self.view.layer.cornerRadius =20.0;
self.view.layer.frame = CGRectInset(self.view.layer.frame, 20, 20);

结果如下:

2018正版葡京赌侠诗 1

然后添加一个带阴影效果的子层,参预下列代码:

1
2
3
4
5
6
7
8
CALayer *sublayer = [CALayer layer];
sublayer.backgroundColor = [UIColor blueColor].CGColor;
sublayer.shadowOffset = CGSizeMake(0, 3);
sublayer.shadowRadius = 5.0;
sublayer.shadowColor = [UIColor blackColor].CGColor;
sublayer.shadowOpacity = 0.8;
sublayer.frame = CGRectMake(30, 30, 128, 192);
[self.view.layer addSublayer:sublayer];

效果图:
2018正版葡京赌侠诗 2

为子层增加内容(图片),你还是能够设置层的边框,代码如下:

1
2
3
sublayer.contents =(id)[UIImage imageNamed:@"BattleMapSplashScreen.png"].CGImage;
sublayer.borderColor =[UIColor blackColor].CGColor;
sublayer.borderWidth =2.0;

效果图:
2018正版葡京赌侠诗 3

如果您期望子层也是圆角咋办?你可能说很简单设置cornerRadius属性就行。实际上你即到底设置了cornerRadius属性,图片依然不会彰显圆角。你还亟需设置masksToBounds为YES。不过这样做依然不够的,因为一旦是如此,这一个层的阴影显示就平素不了。不难的落实形式如下(通过几个层来兑现):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
CALayer *sublayer =[CALayer layer];
sublayer.backgroundColor =[UIColor blueColor].CGColor;
sublayer.shadowOffset = CGSizeMake(0, 3);
sublayer.shadowRadius =5.0;
sublayer.shadowColor =[UIColor blackColor].CGColor;
sublayer.shadowOpacity =0.8;
sublayer.frame = CGRectMake(30, 30, 128, 192);
sublayer.borderColor =[UIColor blackColor].CGColor;
sublayer.borderWidth =2.0;
sublayer.cornerRadius =10.0;
[self.view.layer addSublayer:sublayer];

CALayer *imageLayer =[CALayer layer];
imageLayer.frame = sublayer.bounds;
imageLayer.cornerRadius =10.0;
imageLayer.contents =(id)[UIImage imageNamed:@"BattleMapSplashScreen.png"].CGImage;
imageLayer.masksToBounds =YES;
[sublayer addSublayer:imageLayer];

效果图:
2018正版葡京赌侠诗 4

末尾,还介绍一下自绘图型的贯彻,其要义是要设置所绘制层的delegate。比如在大家的例证中运用ViewController作为delegate,那么就须求在ViewController中落成drawLayer:inContext方法,对层举行绘图工作。其余,还亟需调用setNeedsDisplay,来公告层须求展开绘图了,于是层才会通过对delegate的drawLayer:inContext方法举行调用。

代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
void MyDrawColoredPattern (void*info, CGContextRef context){
 
    CGColorRef dotColor =[UIColor colorWithHue:0 saturation:0 brightness:0.07 alpha:1.0].CGColor;
    CGColorRef shadowColor =[UIColor colorWithRed:1 green:1 blue:1 alpha:0.1].CGColor;
 
    CGContextSetFillColorWithColor(context, dotColor);
    CGContextSetShadowWithColor(context, CGSizeMake(0, 1), 1, shadowColor);
 
    CGContextAddArc(context, 3, 3, 4, 0, radians(360), 0);
    CGContextFillPath(context);
 
    CGContextAddArc(context, 16, 16, 4, 0, radians(360), 0);
    CGContextFillPath(context);
 
}

-(void)drawLayer:(CALayer *)layer inContext:(CGContextRef)context {
 
    CGColorRef bgColor =[UIColor colorWithHue:0.6 saturation:1.0 brightness:1.0 alpha:1.0].CGColor;
    CGContextSetFillColorWithColor(context, bgColor);
    CGContextFillRect(context, layer.bounds);
 
    staticconst CGPatternCallbacks callbacks ={0, &MyDrawColoredPattern, NULL};
 
    CGContextSaveGState(context);
    CGColorSpaceRef patternSpace = CGColorSpaceCreatePattern(NULL);
    CGContextSetFillColorSpace(context, patternSpace);
    CGColorSpaceRelease(patternSpace);
 
    CGPatternRef pattern = CGPatternCreate(NULL,
                                           layer.bounds,
                                           CGAffineTransformIdentity,
                                           24,
                                           24,
                                           kCGPatternTilingConstantSpacing,
                                           true,
                                           &callbacks);
    CGFloat alpha =1.0;
    CGContextSetFillPattern(context, pattern, &alpha);
    CGPatternRelease(pattern);
    CGContextFillRect(context, layer.bounds);
    CGContextRestoreGState(context);
}

还亟需留意,radians是一个自定义函数:

1
static inline double radians (double degrees) { return degrees * M_PI/180; }

作用如下:
2018正版葡京赌侠诗 5

come from :http://www.iphone-geek.cn/ ,
http://no001.blog.51cto.com/1142339/572777

发表评论

电子邮件地址不会被公开。 必填项已用*标注