渐变不覆盖 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的主要内容,如果未能解决你的问题,请参考以下文章

iPhone 6 Plus 上的方向不正确?

react-Native:iOS上的背景图像无法覆盖整个屏幕

iPhone 6S plus 和 iPhone 7 plus 中的启动图像问题

设备上的图像尺寸错误

HTML 文本输入会破坏 Iphone 6/7 plus 上的定位

iPhone 6s plus 上的字体大小