渐变不覆盖 iphone plus 设备上的图像 ios swift 3
Posted
技术标签:
【中文标题】渐变不覆盖 iphone plus 设备上的图像 ios swift 3【英文标题】:Gradient not covering the image ios swift 3 on iphone plus devices 【发布时间】:2017-12-21 06:14:48 【问题描述】:我创建了一个包含渐变的视图,但渐变并未应用于整个图像/视图。这个问题通常出现在 iPhone plus 设备中。
import UIKit
class MainViewController: UIViewController
@IBOutlet weak var imageViewBanner: UIImageView!
@IBOutlet weak var viewGradient: UIView!
let color1 = UIColor(red: 48.0/255.0, green: 178.0/255.0, blue: 166.0/255.0, alpha: 1.0)
let color2 = UIColor(red: 82.0/255.0, green: 96.0/255.0, blue: 169.0/255.0, alpha: 1.0)
override func viewDidLoad()
super.viewDidLoad()
self.viewGradient.frame = self.viewGradient.bounds
let gradientLayer = CAGradientLayer()
gradientLayer.colors = [color1.cgColor, color2.cgColor]
gradientLayer.locations = [0.0 , 1.0]
gradientLayer.startPoint = CGPoint(x: 0.0, y: 1.0)
gradientLayer.endPoint = CGPoint(x: 1.0, y: 1.0)
gradientLayer.frame = CGRect(x: 0.0, y: 0.0, width: self.view.frame.size.width, height: self.viewGradient.frame.size.height)
self.viewGradient.layer.insertSublayer(gradientLayer, at: 0)
【问题讨论】:
我认为设置男性框架存在问题,确保 gradientLayer.frame 与您的 viewgradient 框架相同,请执行 printf 尝试在viewDidLayoutSubviews()中运行代码 【参考方案1】:gradientLayer.frame = CGRect(x: 0.0, y: 0.0, width: self.view.frame.size.width, height: self.viewGradient.frame.size.height)
在viewDidLayoutSubviews
做上面的事情
【讨论】:
【参考方案2】:这里是完整的代码代码sn-p
override func viewDidLayoutSubviews()
self.viewGradient.frame = self.viewGradient.bounds
let gradientLayer = CAGradientLayer()
gradientLayer.colors = [color1.cgColor, color2.cgColor]
gradientLayer.locations = [0.0 , 1.0]
gradientLayer.startPoint = CGPoint(x: 0.0, y: 1.0)
gradientLayer.endPoint = CGPoint(x: 1.0, y: 1.0)
gradientLayer.frame = CGRect(x: 0.0, y: 0.0, width: self.viewGradient.frame.size.width, height: self.viewGradient.frame.size.height)
self.viewGradient.layer.insertSublayer(gradientLayer, at: 0)
【讨论】:
【参考方案3】:override func layoutSubviews()
super.layoutSubviews()
DispatchQueue.main.async
self.yourView.layer.sublayers?[0].frame = self.yourView.bounds
【讨论】:
添加描述,解释你的答案。它总能帮助观众理解您的解决方案。 很明显,他需要在每次渲染时调整渐变层的大小,因为自动布局在视图层上不起作用 不要评论将其添加到您的答案中。以上是关于渐变不覆盖 iphone plus 设备上的图像 ios swift 3的主要内容,如果未能解决你的问题,请参考以下文章
react-Native:iOS上的背景图像无法覆盖整个屏幕
iPhone 6S plus 和 iPhone 7 plus 中的启动图像问题