- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想做这样的用户界面
我希望这个 View 有圆角和阴影。
这是我在 Xib 中的 View 层次结构:
-Content View
- Shadow View
- Container View
- Left View
- Concave View
- Action View
这是我实现当前 UI 的代码片段:
对于凹路径:
let couponPath = UIBezierPath()
let zeroPoint = CGPoint.zero
couponPath.move(to: zeroPoint)
couponPath.addLine(to: CGPoint(x: leftView.frame.width, y: zeroPoint.y))
let radius = concaveView.frame.width / 2
let centerX = zeroPoint.x + leftView.frame.width + radius
couponPath.addArc(withCenter: CGPoint(x: centerX, y: zeroPoint.y), radius: radius, startAngle: CGFloat.pi, endAngle: 0, clockwise: false)
couponPath.addLine(to: CGPoint(x: containerView.frame.width, y: zeroPoint.y))
couponPath.addLine(to: CGPoint(x: containerView.frame.width, y: containerView.frame.height))
couponPath.addArc(withCenter: CGPoint(x: leftView.frame.width + radius, y: containerView.frame.height), radius: radius, startAngle: CGFloat.pi * 0, endAngle: CGFloat.pi, clockwise: false)
couponPath.addLine(to: CGPoint(x: zeroPoint.x, y: containerView.frame.height))
couponPath.close()
然后我创建CALayer
,路径为couponPath
。
let shapeLayer = CAShapeLayer()
shapeLayer.path = couponPath.cgPath
我将它屏蔽到我的containerView:self.containerView.layer.mask = shapeLayer
我尝试使用此代码添加阴影。
let shadowLayer = CAShapeLayer()
shadowLayer.frame = containerView.frame
shadowLayer.path = shapeLayer.path
shadowLayer.shadowOpacity = 0.5
shadowLayer.shadowRadius = 5
shadowLayer.masksToBounds = false
shadowLayer.shadowOffset = CGSize(width: 0, height: 20)
self.shadowView.layer.addSublayer(shadowLayer)
如何添加另一个 mask 来将容器 View 的半径转角?有没有更好的方法来添加阴影而不是使用新 View (ShadowView)并在其上应用阴影?
这是我的 xib 和 View Gist
谢谢。
最佳答案
这应该可以帮助您处理阴影和圆角。您设置 ShadowView 图层而不是添加子图层。
class RoundedCornerView: UIView {
var shadowView: UIView?
override init(frame: CGRect) {
super.init(frame: frame)
setup()
}
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
setup()
}
func setup() {
// Set the layer of the main view to have rounded corners
layer.cornerRadius = 12.0
layer.masksToBounds = true
// Create a shadow view and its mask
shadowView = UIView(frame: bounds)
addSubview(shadowView!)
sendSubviewToBack(shadowView!)
shadowView?.layer.shadowColor = UIColor.black.cgColor
shadowView?.layer.shadowOffset = 4.0
shadowView?.layer.shadowOpacity = 0.4
shadowView?.layer.shadowRadius = 12.0
shadowView?.layer.shadowPath = UIBezierPath(roundedRect: layer.bounds, cornerRadius: layer.cornerRadius).cgPath
shadowView?.layer.masksToBounds = false
shadowView?.clipsToBounds = false
}
}
关于swift - 向CALayer添加多个 mask (1用于添加角点),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52417714/
如果我将 cornerRadius 属性设置为我想要 mask 的图层,我只能设法做到这一点。 我正在努力实现: 整个蓝色的 UIView。 全背景为红色的 CALayer。 maskLayer,比第
我正在尝试用另一层 (stickerMask) 的图像遮盖一个 CALayer(newSticker),如下所示: func placeSticker(location: CGPoint) {
我有一个 UIBezierPaths 数组,我正在循环创建一个 CALayer。生成 CALayer 的代码如下所示: let layer = CAShapeLayer() layer.path =
我正在尝试使用 CALayers 制作一个 donut 形状。一个 CALayer 将是一个大圆圈,另一个将是一个位于其中心的小圆圈,将其遮盖。 大圆圈显示正常,但每当我调用 circle.mask
我有以下代码: CGContextRef context = UIGraphicsGetCurrentContext(); CGContextSaveGState(context); CALayer
我有一系列随机放置在屏幕上的图层。添加每一层时,它都位于所有其他层之上。 最终,一个层被其他层完全覆盖。此时,我想从内存中删除图层。 有什么方法可以知道一个层何时被其他层覆盖(100% 或部分)? 每
我正在尝试子类化 CALayer 以用作另一层上的 mask 。 我想使用我的 CALayer 子类代替 CAGradientLayer 并将其用于渐变蒙版,如 here 所述. 不过,我希望使用自定
在 XCode 中创建一个简单的项目 设置 View 以接收多点触控事件 在touchesBegan中响应,检测到触摸事件时创建CALayer 为 CALayer 制作不透明度淡出动画 当动画停止时,
我找不到这个问题的答案。 我想知道如何使 calayer 中的图像大小小于 calayer 的边界大小。 我在 iPad 游戏中有几个 pawn,每个都是一个 CALayer,我让它们通过 conte
我正在使用 Cocoa 为 Mac 编写游戏。我目前正在实现 HitTest ,并发现 CALayer 提供 HitTest ,但似乎没有实现 alpha 属性。由于我有时会将许多 CALayer 堆
我们正在尝试创建一个自定义的 CIFilter 以添加到我们的 CALayer 的顶部。 如何只有默认的 CIFilter 似乎可以在 CALayer 上工作。 我们在添加的 ViewControll
我们正在尝试创建一个自定义的 CIFilter 以添加到我们的 CALayer 的顶部。 如何只有默认的 CIFilter 似乎可以在 CALayer 上工作。 我们在添加的 ViewControll
我有很多 UIImage 实例。我将在 TableView 情况下的 View 之间移动它们。我有两个选择: 每个 UIImage 有一个 CALayer,将 CALayer 移动到不同的 View
我想按时间顺序依次添加多个 CALayer。我可以使用此链接向视频文件添加一层 Here .现在我的问题是如何将多个 CALayer 添加到视频文件。 提前致谢.. 最佳答案 最直接的方法是将多个层捆
我正在尝试实现一个具有隐式动画属性的图层,但我看到了一些非常奇怪的行为。这是一个简单的层,它演示了我的意思: class CustomLayer: CALayer { override ini
我正在尝试构建一个动画圆,该圆将顺时针绘制,直到它变成完整的圆,如 iPhone Core Animation - Drawing a Circle 所示。 问题是CALayer对象未添加或构建。我测
我有一个 CALayer在 AVMutableComposition淡入,应该在屏幕上停留一段时间然后消失。问题是,它应该在没有动画的情况下消失,但是 CABasicAnimation最短持续时间为
是否可以在 iPhone 上对 CALayer 的边界进行动画处理?如何实现?谢谢! 最佳答案 是的,这是可能的。 [UIView beginAnimations:nil context:NULL];
调查后Custom UITableViewCell backgroundView & selectedBackgroundView ,我注意到每层 backgroundView 和 selectedB
我目前正在尝试使用基于 CALayers 的核心动画制作 2D 游戏。我已经弄清楚了用户 Sprite 层,但现在它归结为游戏对象。 物体(用户必须避开)将从屏幕顶部掉落,如果它们从未与用户接触就会消
我是一名优秀的程序员,十分优秀!