设置图片圆角加阴影效果
2017-05-26 16:43
267 查看
需要在我的界面将头像设置成悬浮阴影效果,但头像是圆角的,设置完成后发现要么有阴影无圆角,要么有圆角无阴影,查阅资料发现可以在layer上动手脚,代码如下:
CALayer *subLayer = [CALayer
layer];
CGRect imgFrame =
CGRectMake(SCREENWIDTH/2-40,
20, 80,
80);
subLayer.frame = imgFrame;
subLayer.cornerRadius =
40;
subLayer.backgroundColor = [UIColor
blackColor].CGColor;
subLayer.masksToBounds =
YES;
subLayer.shadowOffset =
CGSizeMake(15,
15);
subLayer.shadowOpacity =
0.8f;
subLayer.shadowRadius =
8;
subLayer.masksToBounds =
NO;
[self.contentView.layer
addSublayer:subLayer];
self.avatarImageView = [[UIImageView
alloc] initWithFrame:CGRectZero];
UITapGestureRecognizer *tapGes = [[UITapGestureRecognizer
alloc]
initWithTarget:self
action:@selector(imageTapAction)];
self.avatarImageView.backgroundColor = [UIColor
redColor];
self.avatarImageView.layer.cornerRadius
= 40;
self.avatarImageView.layer.masksToBounds
= YES;
[self.avatarImageView
addGestureRecognizer:tapGes];
self.avatarImageView.userInteractionEnabled
= YES;
self.avatarImageView.layer.shadowColor
= [UIColor
blackColor].CGColor;
self.avatarImageView.layer.shadowOffset
= CGSizeMake(10,
10);
self.avatarImageView.layer.shadowOpacity
= 0.8f;
[self.contentView
addSubview:self.avatarImageView];
上述代码中的 self 是自定义的一个 UITableViewCell,效果还可以。
CALayer *subLayer = [CALayer
layer];
CGRect imgFrame =
CGRectMake(SCREENWIDTH/2-40,
20, 80,
80);
subLayer.frame = imgFrame;
subLayer.cornerRadius =
40;
subLayer.backgroundColor = [UIColor
blackColor].CGColor;
subLayer.masksToBounds =
YES;
subLayer.shadowOffset =
CGSizeMake(15,
15);
subLayer.shadowOpacity =
0.8f;
subLayer.shadowRadius =
8;
subLayer.masksToBounds =
NO;
[self.contentView.layer
addSublayer:subLayer];
self.avatarImageView = [[UIImageView
alloc] initWithFrame:CGRectZero];
UITapGestureRecognizer *tapGes = [[UITapGestureRecognizer
alloc]
initWithTarget:self
action:@selector(imageTapAction)];
self.avatarImageView.backgroundColor = [UIColor
redColor];
self.avatarImageView.layer.cornerRadius
= 40;
self.avatarImageView.layer.masksToBounds
= YES;
[self.avatarImageView
addGestureRecognizer:tapGes];
self.avatarImageView.userInteractionEnabled
= YES;
self.avatarImageView.layer.shadowColor
= [UIColor
blackColor].CGColor;
self.avatarImageView.layer.shadowOffset
= CGSizeMake(10,
10);
self.avatarImageView.layer.shadowOpacity
= 0.8f;
[self.contentView
addSubview:self.avatarImageView];
上述代码中的 self 是自定义的一个 UITableViewCell,效果还可以。
相关文章推荐
- 设置ul阴影效果和边框圆角
- iOS效果 :(1) CALayer 图层阴影,边框,圆角,圆型图片的阴影
- 黄聪:CSS+DIV 设置圆角边框加阴影效果
- js 一行代码实现图片圆角(角度可调)+ 阴影效果实现
- Bootstrap中实现圆角、圆形头像和响应式图片/css3圆角、图片阴影效果总结
- CSS 设置圆角div和阴影效果
- Word2010如何设置图片的阴影效果教程
- IOS CALayer,图片圆角阴影效果
- 如何给图片设置圆角效果,模仿iPhone图标
- CALayer 知识:创建带阴影效果的圆角图片图层和创建自定义绘画内容图层
- iOS-设置阴影和圆角效果
- iOS设置圆角矩形和阴影效果
- css3边框——圆角效果(border-radius)、阴影(box-shadow)、边框应用图片(border-image)
- iOS设置圆角矩形和阴影效果
- 圆角效果 border-radius——阴影 box-shadow——为边框应用图片 border-image
- HTML5实现的图片无限加载的瀑布流效果另带边框圆角阴影
- QSS控件的边框阴影效果和四个角的圆角设置
- CSS+DIV 设置圆角边框加阴影效果
- 当圆角且阴影的图片时,你该怎么做?
- 用相对定位实现简单的图片边框阴影效果