繁体   English   中英

"使用圆形路径 Swift iOS 剪辑 UIView"

Clip a UIView with a circle path Swift iOS

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

"

        let preview = cameraController!.previewLayer
        preview.translatesAutoresizingMaskIntoConstraints = false
        _view.translatesAutoresizingMaskIntoConstraints = false
        


        let path = UIBezierPath(arcCenter: CGPoint(x: _view.frame.size.width/2, y: _view.frame.size.height/2),
                                radius: _view.frame.size.width/2.5,
                                startAngle: CGFloat(0).toRadians(),
                                endAngle: CGFloat(360).toRadians(),
                                clockwise: false)
        
        path.reversing()
        let shapeLayer = CAShapeLayer()
        shapeLayer.path = path.cgPath
        shapeLayer.fillColor = UIColor.clear.cgColor
        shapeLayer.strokeColor = UIColor.blue.cgColor
        shapeLayer.lineWidth = 5
        preview.layer.mask = shapeLayer
        preview.layer.addSublayer(shapeLayer)
        preview.clipsToBounds = true
        
        _view.addSubview(preview)
问题暂未有回复.您可以查看右边的相关问题.
2 沿着圆形路径的UIView动画?

我需要让我的小家伙(在UIIamgeView中)向前跳,它看起来很自然。 我想知道有没有办法用CoreAnimation(beginAnimation / commitAnimation)做到这一点? 我可以通过在空中设置一个点来做到这一点,但运动看起来不自然:P ...

3 使用.png将UIView剪辑为UIIimage(UIImageView)

我有一些UIImage。 它们都是.png格式。 我需要将另一个Image或UIView剪辑到UIImage的不透明部分。 一些图像在外部边缘周围具有一定的透明度。 如果我使用clipsToBounds,它将仅裁剪到UIImageView的框架,而不是实际的图像。 如果我将线裁剪为相同 ...

4 通过子视图中的路径对象在UIView中构建剪辑区域

我试图在UIView中产生一个剪切区域,该区域是从其子视图中的路径对象生成的。 例如,我可能有一个子视图包含一个正方形,另一个子视图包含一个圆形。 我希望能够在父级超级视图中生成一个剪辑,这是这两种形状的结合。 有人可以解释如何做吗? 到目前为止,我几乎能弄清的是: 1-超级视图的 ...

5 使用剪辑路径创建圆角

通过clipPath,我能够创建一个小部件,其设计类似于我在下面发布的照片​​。 唯一的问题是获得圆角,如照片中的箭头所示。 下面是我的代码: class HomePage extends StatelessWidget { const HomePage(); @override ...

7 不剪辑内容的剪辑路径

我正在尝试使用剪辑路径创建形状背景,但我不想剪辑该 div 的子项/内容。 这是代码 div{ -webkit-clip-path: polygon(0 57%, 100% 21%, 100% 100%, 0% 100%); clip-path: polygon(0 57%, 100 ...

8 使用Javascript更改剪辑路径的Webkit前缀

我在HMTL5标语中有一个javascript函数,该函数可以根据鼠标位置更改剪切路径。 这在Chrome浏览器中效果很好,但在Safari中效果不佳。 我需要有webkit的前缀。 我的代码如下所示: 我尝试过此操作(但未添加-webkit-clip-path): 我 ...

9 可以在tspan元素上使用svg剪辑路径属性

即使经过大量搜索,我也无法在网上找到对此的任何提及。 当我尝试在tspan元素上使用clip-path时,它对我不起作用。 我是在做错什么还是剪贴路径对于嵌套在文本元素内的tspan元素不起作用? 这是我正在尝试的svg代码。 ...

10 使用剪辑路径时如何保持边界半径?

我有一个项目需要创建某种类型的卡片。 这些卡片在悬停时包含渐变背景。 我添加了一个 before 项目,当项目悬停在上面时显示。 为了在卡片中包含背景渐变,我向卡片添加了一个剪辑路径属性。 但我面临的问题是剪辑路径没有剪辑圆角边框border-radius: 0.5rem; . 我搜索并发现可以 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM