複数行のアンダーラインのUITextView/UITextFieldを作成するには？

Question

私は複数行のテキスト入力フィールドを、それぞれの入力行にテキストがビューの幅にまたがる下に下線を引いてある、紙のように見えるようにしたいと思います。例えば

：

これは私が作りたいデザインです。行数が変わる可能性があります。

私はみなさ：

• UITextViewを使用して並んで背景を配置します。
• TextFieldを使用して各textFieldに下線を付ける。

これらの音は私にとってまともではないので、私は正しい方向に向けることができる他のアイデアを探しています。

Answer 1

あなたはCoreGraphicsを使って線を描くことができます。

class UnderlinedTextView: UITextView { 
    var lineHeight: CGFloat = 13.8 

    override var font: UIFont? { 
    didSet { 
     if let newFont = font { 
     lineHeight = newFont.lineHeight 
     } 
    } 
    } 

    override func draw(_ rect: CGRect) { 
    let ctx = UIGraphicsGetCurrentContext() 

    let numberOfLines = Int(rect.height/lineHeight) 
    let topInset = textContainerInset.top 

    for i in 1...numberOfLines { 
     let y = topInset + CGFloat(i) * lineHeight 

     let line = CGMutablePath() 
     line.move(to: CGPoint(x: 0.0, y: y)) 
     line.addLine(to: CGPoint(x: rect.width, y: y)) 
     ctx?.addPath(line) 
    } 

    ctx?.strokePath() 

    super.draw(rect) 
    } 
}