Ios 向可滚动的UITextView添加渐变背景

Ios 向可滚动的UITextView添加渐变背景,ios,swift,uitextview,cagradientlayer,Ios,Swift,Uitextview,Cagradientlayer,在iOS中将渐变作为背景添加到视图时,我使用以下方法: let gradient = CAGradientLayer() // gradient settings... view.layer.insertSublayer(gradient, at: 0) 但是,在可滚动的UITextView上执行此操作时,渐变仅在可见边界内绘制,然后在文本视图向上滚动时向上滚动,超出视图范围 此外,由于UITextView没有固定的内容大小,因此也不可能将渐变设置为该大小,尽管这也是不可取的 一种解决方法是将

在iOS中将渐变作为背景添加到视图时,我使用以下方法:

let gradient = CAGradientLayer()
// gradient settings...
view.layer.insertSublayer(gradient, at: 0)
但是,在可滚动的UITextView上执行此操作时,渐变仅在可见边界内绘制,然后在文本视图向上滚动时向上滚动,超出视图范围

此外,由于UITextView没有固定的内容大小,因此也不可能将渐变设置为该大小,尽管这也是不可取的

一种解决方法是将另一个视图放置在滚动视图的后面,并在那里应用渐变,然后将文本视图放置在该视图上,并使其背景透明但这不是首选解决方案。

Q:有没有办法固定渐变层的位置,使其不会随文本层滚动


编辑1:附加代码:


编辑2:变通方法(工作,但渐变仅在文本视图接收焦点后可见)


编辑3:Carpsen90的创造性变通方法(谢谢!):

除以下情况外,该方法效果良好:

一,。键入时由渐变刷新引起的轻微闪烁

二,。回车超过文本视图的底部有时会导致渐变向上移动,从而在文本视图的底部留下空白


iii.在键入超过边界并向下滚动超过文本视图边界后,向上滚动到文本视图顶部时,渐变仍然粘贴在内容大小区域的底部;显然,滚动不会触发textViewDidChange()委托方法。

这里有一个解决方法:让VC观察textView中的更改,并相应地更新渐变帧:

class ViewController: UIViewController, UITextViewDelegate {

    @IBOutlet weak var myTxtView: UITextView!

    var gradient = CAGradientLayer()

    override func viewDidLoad() {
        super.viewDidLoad()
        //set the delegate to self
        myTxtView.delegate = self
        //set up the gradient
        gradient.colors = [UIColor.red.cgColor, UIColor.yellow.cgColor]
        updateGradientFrame()
        //insert the gradient in the textInputView
        myTxtView.textInputView.layer.insertSublayer(gradient, at: 0)
    }

    //The textView delegate method
    func textViewDidChange(_ textView: UITextView) {
        updateGradientFrame()
    }

    func updateGradientFrame() {
        gradient.frame = myTxtView.textInputView.bounds
    }
}

请展示更多设置文本视图和渐变的代码。您说过“这不是首选解决方案”。为什么不呢?“对我来说,这听起来很有道理。”“华纳;我正在设计一个UI生成器,以编程方式实例化控件。因此,复合或子类别的控制是不可取的,尽管扩展是好的。当然,如果您有这样的解决方法。@iSofia您是否使用此
myTextView.layer.insertSublayer(gradient,at:0)
?@Carpsen90,是的。谢谢,@Carpsen90。这是一个优雅的解决方案,尽管有轻微的闪烁。我会把这作为一个选项,并尽快接受答案。我一直在修补一个扩展,该扩展自动将UIView直接添加到UIExtView后面,然后在UIView上应用渐变,并将UIExtView背景更改为UIColor.clear。到目前为止,光学原理是正确的,但我似乎无法将注意力集中在文本视图上。我尝试将文本视图放在前面,但似乎没有任何效果。有什么想法吗?@iSofia你能帮我发布这个扩展的代码吗?在我脑子里,你可以尝试将这个视图的
isUserInteractionEnabled
设置为false,但这只是一个猜测。嘿!(isUserInteractionEnabled)成功了!文本视图现在可以获得焦点。非常感谢。不过,还有一件事;首次显示文本视图时,渐变不可见,但仅当文本视图接收到焦点时才可见。我想不出这一点。我刚刚用此解决方案的代码更新了OP。@iSofia确保将该视图发送到后面:在扩展名
superview?.sendSubview(toBack:gradientContainer)
extension UITextView {      
  func addGradient(gradient: CAGradientLayer) {
    backgroundColor = UIColor.clear
    let gradientContainer = UIView(frame:
      CGRect(x: frame.minX, y: frame.minY,
             width: frame.width, height: frame.height))
    gradientContainer.isUserInteractionEnabled = false
    gradientContainer.layer.insertSublayer(gradient, at: 0)
    superview?.addSubview(gradientContainer)
  }
}

let view = UITextView(frame: CGRect(x: 20, y: 20, width: 200, height: 200))
let gradient: CAGradientLayer = CAGradientLayer()
gradient.frame = view.bounds
gradient.colors = [gradientColors]  // pre-set array of 2 CGColors
let alpha: Float = angle / 360  // pre-set between 0-90
let startPointX = powf(sinf(2 * Float.pi * ((alpha + 0.75) / 2)), 2)
let startPointY = powf(sinf(2 * Float.pi * ((alpha + 0) / 2)), 2)
let endPointX = powf(sinf(2 * Float.pi * ((alpha + 0.25) / 2)), 2)
let endPointY = powf(sinf(2 * Float.pi * ((alpha + 0.5) / 2)), 2)
gradient.endPoint = CGPoint(x: CGFloat(endPointX), y: CGFloat(endPointY))
gradient.startPoint = CGPoint(x: CGFloat(startPointX), y: CGFloat(startPointY))

view.addGradient(gradient)
class ViewController: UIViewController, UITextViewDelegate {

  @IBOutlet weak var myTxtView: UITextView!
  var gradient = CAGradientLayer()

  override func viewDidLoad() {
    super.viewDidLoad()
    myTxtView.delegate = self
    gradient.colors = [UIColor.red.cgColor, UIColor.yellow.cgColor]
    updateGradientFrame()
    myTxtView.textInputView.layer.insertSublayer(gradient, at: 0)
  }

  func textViewDidChange(_ textView: UITextView) {
    updateGradientFrame()
  }

  func updateGradientFrame() {
    gradient.frame = myTxtView.textInputView.bounds
  }

}
class ViewController: UIViewController, UITextViewDelegate {

    @IBOutlet weak var myTxtView: UITextView!

    var gradient = CAGradientLayer()

    override func viewDidLoad() {
        super.viewDidLoad()
        //set the delegate to self
        myTxtView.delegate = self
        //set up the gradient
        gradient.colors = [UIColor.red.cgColor, UIColor.yellow.cgColor]
        updateGradientFrame()
        //insert the gradient in the textInputView
        myTxtView.textInputView.layer.insertSublayer(gradient, at: 0)
    }

    //The textView delegate method
    func textViewDidChange(_ textView: UITextView) {
        updateGradientFrame()
    }

    func updateGradientFrame() {
        gradient.frame = myTxtView.textInputView.bounds
    }
}