同时设置圆角和阴影

同时设置圆角和阴影,第1张

先说一下ImageView吧,开始的时候因为我没有拿到UI切图,所以先给它设置了一个背景颜色,然后设置了圆角和阴影

结果发现圆角有了,阴影却并没有出来。。。

于是发现,是因为layer的masksToBounds设置成true导致把它范围之外的部分给裁剪掉了,所以阴影也被干掉了,于是我把masksToBounds的设置去掉了(默认为false)

结果发现圆角和阴影就都有了

然而事情并没有结束,因为当UI切图出来之后,我设置了一张图片,结果发现圆角又没有了。。。

在这个imageView的下边添加一个底部视图,位置约束跟imageView相同,用来专门设置阴影效果,然后把imageView添加到底部视图上,最后给imageView设置圆角(这次要把masksToBounds设置成true)

圆角和阴影终于出来了:

同理,按钮也是一样的情况,如果只给按钮设置了backgroundColor,并不会有按压效果,如果要有按压效果,就要给button设置BackgroundImage及相应的UIControlState

但是设置之后,效果就如同imageView上述情况一样了,同样解决方法也用以上方法就能搞定。

除了以上这个方法添加view之外,好像也可以添加layer来实现,但是因为layer无法设置约束,还要到viewDidLayoutSubviews方法中设置frame,所以就放弃了。

1、UIView切圆角

UIView在切圆角的时候使用

会导致离屏渲染。

解决办法:不能使用masksToBounds,view.clipsToBounds直接切圆角:

这是方法适用于切全圆角,如果是切指定圆角的时候就不行了;

增加切指定圆角的方法

使用改方法满足了切指定圆角的需求;但是又会导致离屏渲染问题;

这儿想到一个办法就是使用UIImageView替换UIView或者是在底层插入UIImageView;

首先要设置一个UIImage根据背景设置

方法实现

之后再,具体实现见下面UIImageView切圆角方法;

2、UIView增加阴影效果:

会导致离屏渲染。

解决办法:设置阴影路径可避免离屏渲染

实现上述方法就可以实现圆角+阴影效果

3、UIImageView切圆角

简便的方法

在iOS9.0之后加载png图片设置圆角不会导致离屏渲染;

但是如果在给UIImageView增加一个背景色就会导致离屏渲染;

最优的解决办法:通过给UIImageView加载的图片切圆角;

给图片切圆角之后重新赋值给UIImageView;如下

需要给定size时,如果使用的Masnory添加的预约,则需要立即更新之后才会生效

将持续优化方法,找到最适合的方法


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11416546.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存