个人中心
gpt4 book ai didi

iOS 无卡顿同时使用圆角、阴影和边框的实现

转载 作者：qq735679552 更新时间：2022-09-28 22:32:09 27 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章iOS 无卡顿同时使用圆角、阴影和边框的实现由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

在 ios 开发中，最怕看到设计稿里圆角、阴影和边框同时出现，这三兄弟简直就是性能杀手.

优化的方法百度一下有很多，虽然方法不同但是原理都一样.

分享一个我自己一直使用的方法：在一个 view 里只应用一种效果，然后通过组合的方式达到效果.

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
override init(frame: cgrect) {
   super.init(frame: frame)
 
   imageview = uiimageview(image: uiimage(named: "img" ))
   imageview.layer.cornerradius = 14
   imageview.layer.maskstobounds = true
   backgroundview = imageview
 
   shadowview = shadowview()
   shadowview.layer.cornerradius = 20
   shadowview.applyshadow(.black, cgsize(width: 0, height: 15), 0.2, 40)
   insertsubview(shadowview, belowsubview: imageview)
 
   contentview.layer.cornerradius = 14
   contentview.layer.borderwidth = 1
   contentview.layer.bordercolor = uicolor.orange.cgcolor
   contentview.layer.maskstobounds = true
}

  。

iOS 无卡顿同时使用圆角、阴影和边框的实现

层次结构:

  • contentview： 描绘边框，放在最上层。
  • imageview： 显示圆角，放在中间，用于背景图。
  • shadowview： 显示阴影，放在最底层。代码很简单，只是封装了一下阴影参数：
?
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
class shadowview: uiview {
   private var shadowcolor: uicolor?
   private var shadowopacity: cgfloat = 1
   private var shadowoffset: cgsize = cgsize(width: 0, height: 3)
   private var shadowblur: cgfloat = 6
 
   override func layoutsubviews() {
     super.layoutsubviews()
 
     updateshadow()
   }
 
   func applyshadow(_ color: uicolor?, _ offset: cgsize, _ opacity: cgfloat, _ blur: cgfloat) {
     shadowcolor = color
     shadowoffset = offset
     shadowopacity = opacity
     shadowblur = blur
 
     updateshadow()
   }
 
   private func updateshadow() {
     layer.shadowcolor = shadowcolor?.cgcolor
     layer.shadowoffset = shadowoffset
     layer.shadowopacity = float (shadowopacity)
     layer.shadowradius = shadowblur * 0.5
     layer.shadowpath = uibezierpath(roundedrect: self.bounds, cornerradius: layer.cornerradius).cgpath
   }
}

分开单独绘制速度很快，使用 uicollectionview 进行滚动测试，生成的 cell 数量是 1 万个.

测试机器是 5s + ios 12.4.4，快速滑动无任何卡顿.

给一个测试 demo 大家体验一下:

github:shadow_view_demo 。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我.

原文链接：https://juejin.im/post/5e19ea4ee51d4501fa4679c3 。

最后此篇关于iOS 无卡顿同时使用圆角、阴影和边框的实现的文章就讲到这里了,如果你想了解更多关于iOS 无卡顿同时使用圆角、阴影和边框的实现的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

27 4 0
文章推荐： 浅谈SwiftUI 里面$0是什么意思如何用
文章推荐： python 实现socket服务端并发的四种方式
文章推荐： Springboot整合PageOffice 实现word在线编辑保存功能
文章推荐： linux centos 7.x 安装 python3.x 替换 python2.x的过程解析
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com