clipsToBounds & masksToBounds

最新推荐文章于 2018-03-07 09:38:36 发布
最新推荐文章于 2018-03-07 09:38:36 发布
阅读量3.5k 收藏 1
点赞数 2
分类专栏： iOS开发 文章标签： ios 布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a1056244734/article/details/51536483
版权

在UI布局添加圆角时，老是用到这两个属性，但是一直会弄混，今日特地总结记录一下。

首先

clipsToBounds：是类View的属性，如果设置为yes，则不显示超出父View的部分

masksToBounds：是类CALayer的属性，如果设置为yes，则不显示超出父View layer的部分

他们是不同的名字，因为UIView和CALayer是不同的，有不同的术语与他们有联系的，但它们在功能上是等价的。如果你拆开clipsToBounds你会看到它只是调用masksToBounds


青颜的天空
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
clipsToBounds与masksToBounds
lmyuanhang的专栏
10-27 382
clipsToBounds与masksToBounds
clipsToBounds 与 masksToBounds 的区别与联系
weixin_30657541的博客
03-27 221
clipsToBounds是指视图上的子视图,如果超出父视图的部分就截取掉,masksToBounds却是指视图的图层上的子图层,如果超出父图层的部分就截取掉 在调用clipsToBounds 方法时，就会调用其 layer 的masksToBounds 方法： 1 -(BOOL)[UIView(Rendering) clipsToBounds] 2 +0 309193...
clipsToBounds/masksToBounds的区别
wxdtan的专栏
11-10 5062
clipsToBounds -> UIView : 指视图上的子视图,如果超出父视图的部分就截取掉, masksToBounds -> CALayer : 指视图的图层上的子图层,如果超出父图层的部分就截取掉 clipsToBounds执行时调用自己涂层的maskToBounds方法 -(BOOL)[UIView(Rendering) cl
View Frame、bounds、clipsToBounds、masksToBounds
独来独往天马行空
08-08 1884
Frame:其位置坐标是相对于父view
UIView的clipsToBounds属性和CALayer的masksToBounds属性的比较
jaypen1625的博客
07-08 843
UIView的clipsToBounds属性和CALayer的masksToBounds属性的比较
BorderMask:在iOS上为应用创建圆圈图标
03-31
同时，`clipsToBounds`和`masksToBounds`属性确保了超出边界的部分被剪切。`borderWidth`和`borderColor`属性用于设置边框的宽度和颜色。 如果你的"BorderMask-main"压缩包里包含了一个Swift项目，那么它可能包含了...
Round-With-Shadow:带有阴影和边框的圆形视图
04-08
在Swift中，可以使用`layer.shadowColor`、`layer.shadowOpacity`、`layer.shadowOffset`、`layer.shadowRadius`和`layer.masksToBounds`属性来设置阴影。请注意，当`masksToBounds`为`false`时，阴影才会显示出来。...
ios应用源码之圆形按钮风格tab标签 2018127
12-07
layer.masksToBounds = true } } ``` 在Objective-C中，类似的实现如下： ```objective-c - (void)makeCircle { self.clipsToBounds = YES; self.layer.cornerRadius = self.frame.size.width / 2; self....
swift-可以创建一个带有圆角和阴影的uiview
08-15
self.layer.masksToBounds = false self.layer.shadowPath = UIBezierPath(roundedRect: bounds, cornerRadius: cornerRadius).cgPath self.layer.shadowColor = UIColor.black.cgColor self.layer.shadowOffset...
swift-圆形视图(带圆角的视图)
08-15
总结来说，创建带有圆角的视图在Swift中主要通过设置`UIView`的`layer.cornerRadius`和`clipsToBounds`属性，或者通过自定义视图实现更复杂的功能。在实际应用中，我们常常会结合其他UI组件，构建出丰富的用户界面。...
UIView的clipsToBounds和CALayer的masksToBounds的区别
onedotM
04-28 5468
简单地说： clipsToBounds：是指视图上的子视图,如果超出父视图的部分就截取掉, masksToBounds：是指视图的图层上的子图层,如果超出父图层的部分就截取掉
记录一下clipstobounds与maskstobounds的区别
热门推荐
vcsatanial的博客
03-18 1万+
clipsToBounds(UIView) 是指视图上的子视图,如果超出父视图的部分就截取掉, masksToBounds(CALayer) 却是指视图的图层上的子图层,如果超出父图层的部分就截取掉 从这块来看 clipsToBounds执行的时候,调用了自己涂层的maskToBounds方法 -(BOOL)[UIView(Rendering) clipsToBounds] +0
UITableView 折叠效果 masksToBounds
yan520521的专栏
04-29 850
今天项目中，要用tableview做成一个折叠效果，不过要的效果特别简单，去网上搜了一下，实现都不那么简单，为了这么简单的一个效果去写那么多代码，感觉特别亏，于是我就想能不能有个简单的方法，能不能用layer的masksToBounds这个属性去实现呢？masksToBounds的作用是把超出自己bounds的子控件剪掉。我先把cell的内容全部加载上去，然后用masksToBounds把第二层显
ios--离屏渲染masksToBounds
rv0p111
03-07 1302
最近在看关于离屏渲染，看到网上有很多文章都说只要是设置了圆角加上masksToBounds就会发生离屏渲染，这里纠正一下，首先测试下UIView，我们这里开启了Color Off-screen Rendered，也就是说，这个选项为离屏渲染内容添加一个黄色的叠加层。介绍下masksToBunds的，是类CALayer的属性，如果设置为yes，则不显示超出父View layer的部分UIView代码...
iOS CoreAnimation (六) layer 属性：阴影，边框，圆角，masksToBounds
Eric's Blog
06-08 2419
嗯，圆和椭圆还不错，但如果是带圆角的矩形呢?我们现在能做到那样了么? -------Steve Jobs
UIView属性clipsToBounds的使用
积跬步以至千里
07-22 1743
clipsToBounds属性是控制子视图超出父视图的时候是否隐去超出的部分。 clipsToBounds默认是NO,效果如下：（黄色部分是view视图，灰色的是一个UIImageView，在其上面添加一个image） 当把clipsToBounds属性设置为YES时效果如下：
UIView中的clipsTobounds属性及扩展
michaelKiven的博客
11-12 493
最近在写一个项目的时候，遇到了一个问题：在一个视图中动态添加一个子视图，并在子视图中添加一个UIButton， 运行后发现虽然在界面上可以看到这个buton，但是点击这个按钮的时候按钮却没响应，纠结了很久也没发现是什么问题，代码如下： [cpp] view plaincopy UIView *view = [UIView alloc] init]
为下列代码实现可暂停效果： import UIKit class ViewController: UIViewController { private let radarAnimation = "radarAnimation" private var animationLayer: CALayer? private var animationGroup: CAAnimationGroup? private var opBtn: UIButton! override func viewDidLoad() { super.viewDidLoad() let first = makeRadarAnimation(showRect: CGRect(x: 120, y: 100, width: 100, height: 100), isRound: true) view.layer.addSublayer(first) opBtn = UIButton(frame: CGRect(x: 100, y: 450, width: 80, height: 80)) opBtn.backgroundColor = UIColor.red opBtn.clipsToBounds = true opBtn.setTitle("Hsu", for: .normal) opBtn.layer.cornerRadius = 10 view.addSubview(opBtn) let second = makeRadarAnimation(showRect: opBtn.frame, isRound: false) view.layer.insertSublayer(second, below: opBtn.layer) } @IBAction func startAction(_ sender: UIButton) { animationLayer?.add(animationGroup!, forKey: radarAnimation) } @IBAction func stopAction(_ sender: UIButton) { animationLayer?.removeAnimation(forKey: radarAnimation) } private func makeRadarAnimation(showRect: CGRect, isRound: Bool) -> CALayer { // 1. 一个动态波 let shapeLayer = CAShapeLayer() shapeLayer.frame = showRect // showRect 最大内切圆 if isRound { shapeLayer.path = UIBezierPath(ovalIn: CGRect(x: 0, y: 0, width: showRect.width, height: showRect.height)).cgPath } else { // 矩形 shapeLayer.path = UIBezierPath(roundedRect: CGRect(x: 0, y: 0, width: showRect.width, height: showRect.height), cornerRadius: 10).cgPath } shapeLayer.fillColor = UIColor.orange.cgColor // 默认初始颜色透明度 shapeLayer.opacity = 0.0 animationLayer = shapeLayer // 2. 需要重复的动态波，即创建副本 let replicator = CAReplicatorLayer() replicator.frame = shapeLayer.bounds replicator.instanceCount = 4 replicator.instanceDelay = 1.0 replicator.addSublayer(shapeLayer) // 3. 创建动画组 let opacityAnimation = CABasicAnimation(keyPath: "opacity") opacityAnimation.fromValue = NSNumber(floatLiteral: 1.0) // 开始透明度 opacityAnimation.toValue = NSNumber(floatLiteral: 0) // 结束时透明底 let scaleAnimation = CABasicAnimation(keyPath: "transform") if isRound { scaleAnimation.fromValue = NSValue.init(caTransform3D: CATransform3DScale(CATransform3DIdentity, 0, 0, 0)) // 缩放起始大小 } else { scaleAnimation.fromValue = NSValue.init(caTransform3D: CATransform3DScale(CATransform3DIdentity, 1.0, 1.0, 0)) // 缩放起始大小 } scaleAnimation.toValue = NSValue.init(caTransform3D: CATransform3DScale(CATransform3DIdentity, 1.5, 1.5, 0)) // 缩放结束大小 let animationGroup = CAAnimationGroup() animationGroup.animations = [opacityAnimation, scaleAnimation] animationGroup.duration = 3.0 // 动画执行时间 animationGroup.repeatCount = HUGE // 最大重复 animationGroup.autoreverses = false self.animationGroup = animationGroup shapeLayer.add(animationGroup, forKey: radarAnimation) return replicator } }
最新发布
06-03
为了实现可暂停效果，我们需要记录动画的当前状态并在暂停时保存状态，在恢复时重新加载状态。 首先，我们需要添加一个布尔类型的变量 `isPaused` 来记录动画是否被暂停： ```swift private var isPaused = false ``` 然后，我们需要修改 `startAction` 和 `stopAction` 方法来支持暂停和恢复动画： ```swift @IBAction func startAction(_ sender: UIButton) { if isPaused { // 如果动画已经被暂停，则恢复动画 animationLayer?.speed = 1.0 isPaused = false } else { // 否则开始动画 animationLayer?.add(animationGroup!, forKey: radarAnimation) } } @IBAction func stopAction(_ sender: UIButton) { if let animationLayer = animationLayer { // 保存动画状态 let pausedTime = animationLayer.convertTime(CACurrentMediaTime(), from: nil) animationLayer.speed = 0.0 animationLayer.timeOffset = pausedTime isPaused = true } } ``` 在 `startAction` 方法中，我们检查动画是否已经被暂停。如果已经被暂停，则恢复动画的速度，并将 `isPaused` 设置为 `false`。否则，开始动画。 在 `stopAction` 方法中，我们保存动画的时间偏移量和速度，并将 `isPaused` 设置为 `true`。 最后，我们需要在 `viewDidLoad` 方法中添加一个触摸手势来暂停动画： ```swift let tapGesture = UITapGestureRecognizer(target: self, action: #selector(handleTapGesture(_:))) view.addGestureRecognizer(tapGesture) ``` 并且实现 `handleTapGesture` 方法： ```swift @objc private func handleTapGesture(_ gesture: UITapGestureRecognizer) { if !isPaused { stopAction(opBtn) } } ``` 这个方法会在用户触摸屏幕时被调用，并停止动画。如果动画已经被暂停，则不做任何事情。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值