AutoLayoutのUITextFieldボーダーがちらつく

Question

UITextFieldsを含むフォームのような画面をデザインしています。AutoLayoutを使用しています。私はUITextFieldsの下に境界線を設定したかったのです。私はCALayerを使って国境を設定しました。しかしUITextFieldはメソッドviewDidAppearで高さを占めているので、UITextFieldに境界を追加すると、viewDidAppearにはちらつきがあるように見えます。だから、のAutoLayoutで、ボーダーをUITextFeildの下に設定する方法はありますか？

Answer 1

class CustomTextField: UITextField { 

required init(coder aDecoder: NSCoder) { 
    super.init(coder: aDecoder)! 
    self.commonInit() 
} 

override init(frame: CGRect) { 
    super.init(frame: frame) 
    self.commonInit() 
} 

func commonInit() { 
    self.borderStyle = .none //To remove default border. 

    let bottomBorder = UIView() 
    bottomBorder.frame.size = CGSize(width: self.frame.size.width, height: 1) 
    bottomBorder.frame.origin = CGPoint(x: 0, y: self.frame.size.height - 1) 
    bottomBorder.backgroundColor = UIColor.lightGray 
    bottomBorder.autoresizingMask = [.flexibleWidth, .flexibleTopMargin] 
    self.addSubview(bottomBorder) 
} 

}

最終的に私は自動レイアウトでCustomUITextFieldを作成することによって、それを達成しました。インターフェイスビルダーのUITextFieldに上記のクラスを適用するだけです。

Answer 2

手順 - テキストフィールド→表示属性インスペクタの右パネルを選択し、点線の境界線スタイルを選択します。 次に、シーンにuilabelをドラッグし、1.0と幅にして何をしたいのですか？テキストフィールドの一番下を維持します。だからあなたの問題は解決されます。これはあなたを助けるかもしれません。

Answer 3

私があなたを理解しているならば、問題を解決するためにあなたがしなければならないのは、viewDidAppearではなく上記の方法で "境界を描く"というメソッドを呼び出すことだけです。私はそれがあなたの問題を慰めることができると思います。

override func viewDidLayoutSubviews() { 
    //A UIViewController's overrode method 
    //call you method here 
} 

このメソッドは、ビューが表示される前、およびサブビューのレイアウト後に呼び出されます。あなたが作業しているときに平均レイヤーを変更する場合は、たとえば、viewDidLoadの代わりにそれを使用してください。

はそれが役に立てば幸い:)

Answer 4

シミュレータを使用してテストしている場合は、それはそのちらつきのように見えますが、そうではありません。

シミュレータを25％にスケーリングする場合。スクロールすると1ピクセルの行が表示され、 が消えます。画面の解像度が で実際のデバイスの解像度より小さいためです。

シミュレータを100％にスケーリングしながらテストします。 cmd + 1