Ios 创建带有前/后淡入淡出边缘的UIView
我有一个Ios 创建带有前/后淡入淡出边缘的UIView,ios,swift,uiview,cagradientlayer,Ios,Swift,Uiview,Cagradientlayer,我有一个ui视图,我也想应用淡入/渐变。我希望它只出现在边缘上,我试图创建的效果是 图像顶部的灰线。灰色在中间,两边都变白了。 我试过这样的东西 func render(content: FeedItem) { print(content.item.externalId) // rowSeperatorView.backgroundColor = UIColor.usingHex("f2f2f2") iconContainerView.bac
ui视图
,我也想应用淡入/渐变。我希望它只出现在边缘上,我试图创建的效果是
图像顶部的灰线。灰色在中间,两边都变白了。
我试过这样的东西
func render(content: FeedItem) {
print(content.item.externalId)
// rowSeperatorView.backgroundColor = UIColor.usingHex("f2f2f2")
iconContainerView.backgroundColor = UIColor.usingHex("3bac58")
let gradientLayer: CAGradientLayer = CAGradientLayer()
gradientLayer.frame = rowSeperatorView.bounds
gradientLayer.colors = [
UIColor.white.cgColor,
UIColor.usingHex("f2f2f2").cgColor,
UIColor.white.cgColor,
]
gradientLayer.locations = [0,0.5,1]
rowSeperatorView.layer.addSublayer(gradientLayer)
iconContainerView.layer.cornerRadius = 5
iconContainerView.clipsToBounds = true
iconContainerView.layer.maskedCorners = [.layerMaxXMaxYCorner, .layerMaxXMinYCorner]
}
但似乎无法实现此结果。您就快到了,请尝试添加一个
startPoint
和endPoint
,然后使用locations属性
let gradient = CAGradientLayer()
gradient.frame = rowSeperatorView.bounds
gradient.colors = [UIColor.white.cgColor, UIColor.usingHex("f2f2f2").cgColor, UIColor.white.cgColor]
gradient.locations = [0, 0.4, 0.6]
gradient.startPoint = CGPoint(x: 0.0, y: 0.0)
gradient.endPoint = CGPoint(x: 1.0, y: 0.0)
rowSeperatorView.layer.addSublayer(gradient)