352 lines
11 KiB
Swift
352 lines
11 KiB
Swift
|
//
|
|||
|
|
// CLTextField.swift
|
|||
|
|
// Crush
|
|||
|
|
//
|
|||
|
|
// Created by Leon on 2025/7/15.
|
|||
|
|
//
|
|||
|
|
|
|||
|
|
import UIKit
|
|||
|
|
|
|||
|
|
class CLTextField: UITextField {
|
|||
|
|
// MARK: - Properties
|
|||
|
|
private var focusBorderColor: UIColor = .orange
|
|||
|
|
private var errorBorderColor: UIColor = .red
|
|||
|
|
private var nowBorderColor: UIColor = .clear
|
|||
|
|
|
|||
|
|
private var tapTopButtonAction: (() -> Void)?
|
|||
|
|
|
|||
|
|
/// 在此模式下，errorBorder 在新修改内容之前都会显示 border。
|
|||
|
|
private var errorBorderShowMode: Bool = false
|
|||
|
|
|
|||
|
|
private var alwaysShowRightViewConfig: Bool = false
|
|||
|
|
private var alwaysShowClearButtonIfHave: Bool = false
|
|||
|
|
private var disableAllBorder: Bool = false
|
|||
|
|
private var fakeTextFieldForInputTrigger: Bool = false
|
|||
|
|
|
|||
|
|
var cornerRadiusConfig:CGFloat = 8
|
|||
|
|
|
|||
|
|
// private var defaultTxt: String?
|
|||
|
|
|
|||
|
|
// Closures for delegate-like events (assumed from Objective-C)
|
|||
|
|
var textDidChanged: ((CLTextField) -> Void)?
|
|||
|
|
var textDidBeginEditing: ((CLTextField) -> Void)?
|
|||
|
|
var textDidEndEditing: ((CLTextField) -> Void)?
|
|||
|
|
var textShouldBeginEditing: ((CLTextField) -> Bool)?
|
|||
|
|
|
|||
|
|
// MARK: - Initialization
|
|||
|
|
override init(frame: CGRect) {
|
|||
|
|
super.init(frame: frame)
|
|||
|
|
baseCommonSetup()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
required init?(coder: NSCoder) {
|
|||
|
|
super.init(coder: coder)
|
|||
|
|
baseCommonSetup()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
private func baseCommonSetup() {
|
|||
|
|
// keyboardAppearance = .dark
|
|||
|
|
// reloadInputViews()
|
|||
|
|
setContentHuggingPriority(UILayoutPriority(244), for: .horizontal)
|
|||
|
|
|
|||
|
|
|
|||
|
|
let leftView = UIView(frame: CGRect(x: 0, y: 0, width: 16, height: 16))
|
|||
|
|
leftView.backgroundColor = .clear
|
|||
|
|
self.leftViewMode = .always
|
|||
|
|
self.leftView = leftView
|
|||
|
|
|
|||
|
|
// --- 3 events
|
|||
|
|
addTarget(self, action: #selector(textDidChanged(_:)), for: .editingChanged)
|
|||
|
|
NotificationCenter.default.addObserver(self, selector: #selector(notiTextDidBeginEditing), name: UITextField.textDidBeginEditingNotification, object: self)
|
|||
|
|
NotificationCenter.default.addObserver(self, selector: #selector(notiTextDidEndEditing), name: UITextField.textDidEndEditingNotification, object: self)
|
|||
|
|
NotificationCenter.default.addObserver(self, selector: #selector(notiTextShouldBeginEditing(_:)), name: UITextField.textDidBeginEditingNotification, object: self)
|
|||
|
|
|
|||
|
|
setupStandard()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// MARK: - Public Methods
|
|||
|
|
func setupStandard() {
|
|||
|
|
autocorrectionType = .no
|
|||
|
|
backgroundColor = .c.csen
|
|||
|
|
font = CLSystemToken.font(token: .tbl)
|
|||
|
|
textColor = .white
|
|||
|
|
|
|||
|
|
focusBorderColor = .theme
|
|||
|
|
errorBorderColor = .red
|
|||
|
|
layer.borderWidth = 1
|
|||
|
|
layer.borderColor = UIColor.clear.cgColor
|
|||
|
|
|
|||
|
|
layer.cornerRadius = cornerRadiusConfig
|
|||
|
|
|
|||
|
|
// NSLayoutConstraint.activate([
|
|||
|
|
// heightAnchor.constraint(equalToConstant: 48)
|
|||
|
|
// ])
|
|||
|
|
|
|||
|
|
snp.makeConstraints { make in
|
|||
|
|
make.height.equalTo(48)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// default
|
|||
|
|
setupRightClearButton()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
func setupPlaceholder(_ placeholder: String) {
|
|||
|
|
let font = UIFont.systemFont(ofSize: 15)
|
|||
|
|
let color = UIColor.gray
|
|||
|
|
let attributes: [NSAttributedString.Key: Any] = [
|
|||
|
|
.font: font,
|
|||
|
|
.foregroundColor: color
|
|||
|
|
]
|
|||
|
|
attributedPlaceholder = NSAttributedString(string: placeholder, attributes: attributes)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
func setupTopButton(with action: (() -> Void)?) {
|
|||
|
|
let topButton = UIButton(type: .custom)
|
|||
|
|
topButton.backgroundColor = .clear
|
|||
|
|
addSubview(topButton)
|
|||
|
|
topButton.addTarget(self, action: #selector(tapTopButton), for: .touchUpInside)
|
|||
|
|
tapTopButtonAction = action
|
|||
|
|
|
|||
|
|
// Using SnapKit or native Auto Layout
|
|||
|
|
topButton.translatesAutoresizingMaskIntoConstraints = false
|
|||
|
|
NSLayoutConstraint.activate([
|
|||
|
|
topButton.topAnchor.constraint(equalTo: topAnchor),
|
|||
|
|
topButton.bottomAnchor.constraint(equalTo: bottomAnchor),
|
|||
|
|
topButton.leadingAnchor.constraint(equalTo: leadingAnchor),
|
|||
|
|
topButton.trailingAnchor.constraint(equalTo: trailingAnchor)
|
|||
|
|
])
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
func showAlwayErrorBorder() {
|
|||
|
|
errorBorderShowMode = true
|
|||
|
|
layer.borderWidth = 1
|
|||
|
|
layer.borderColor = errorBorderColor.cgColor
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
func hideErrorBorder() {
|
|||
|
|
errorBorderShowMode = false
|
|||
|
|
layer.borderColor = UIColor.clear.cgColor
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
func sendTextChangedNoti(){
|
|||
|
|
NotificationCenter.default.post(
|
|||
|
|
name: UITextField.textDidChangeNotification,
|
|||
|
|
object: self)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// MARK: - Helper Methods
|
|||
|
|
func setupRightClearButton() {
|
|||
|
|
rightViewMode = .whileEditing
|
|||
|
|
let rightView = UIView(frame: CGRect(x: 0, y: 0, width: 48, height: 48))
|
|||
|
|
self.rightView = rightView
|
|||
|
|
|
|||
|
|
let clearButton = EPIconGhostSecondaryButton(radius: .none, iconSize: .small, iconCode: .delete02)
|
|||
|
|
rightView.addSubview(clearButton)
|
|||
|
|
clearButton.addTarget(self, action: #selector(tapClearButton), for: .touchUpInside)
|
|||
|
|
clearButton.snp.makeConstraints { make in
|
|||
|
|
make.size.equalTo(clearButton.bgImageSize())
|
|||
|
|
make.centerY.equalToSuperview()
|
|||
|
|
make.trailing.equalToSuperview().offset(-8)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
func setupRightEyeButton() {
|
|||
|
|
isSecureTextEntry = true
|
|||
|
|
rightViewMode = .always
|
|||
|
|
alwaysShowRightViewConfig = true
|
|||
|
|
|
|||
|
|
let rightView = UIView(frame: CGRect(x: 0, y: 0, width: 48, height: 48))
|
|||
|
|
self.rightView = rightView
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
func setupRightRightArrowButton() -> UIButton? {
|
|||
|
|
rightViewMode = .always
|
|||
|
|
alwaysShowRightViewConfig = true
|
|||
|
|
|
|||
|
|
let rightView = UIView(frame: CGRect(x: 0, y: 0, width: 48, height: 48))
|
|||
|
|
self.rightView = rightView
|
|||
|
|
return nil
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
func setupRightViewEmpty() {
|
|||
|
|
rightView = nil
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
func setupLeftCoinIconView() {
|
|||
|
|
leftViewMode = .always
|
|||
|
|
let leftView = UIView(frame: CGRect(x: 0, y: 0, width: 44, height: 40))
|
|||
|
|
let iconView = UIImageView(frame: CGRect(x: 16, y: 12, width: 16, height: 16))
|
|||
|
|
iconView.image = UIImage(named: "icon_16_diamond")
|
|||
|
|
leftView.addSubview(iconView)
|
|||
|
|
self.leftView = leftView
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
func setupLeftBlankView() {
|
|||
|
|
leftViewMode = .always
|
|||
|
|
let leftView = UIView(frame: CGRect(x: 0, y: 0, width: 20, height: 40))
|
|||
|
|
self.leftView = leftView
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
func adjustRightViewMode() {
|
|||
|
|
if alwaysShowRightViewConfig {
|
|||
|
|
rightViewMode = .always
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 空数据不显示删除按钮
|
|||
|
|
if text?.isEmpty ?? true {
|
|||
|
|
rightViewMode = .never
|
|||
|
|
} else {
|
|||
|
|
rightViewMode = alwaysShowClearButtonIfHave ? .always : .whileEditing
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// MARK: - Actions
|
|||
|
|
@objc private func tapTopButton() {
|
|||
|
|
tapTopButtonAction?()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@objc private func tapClearButton() {
|
|||
|
|
text = ""
|
|||
|
|
textDidChanged(self)
|
|||
|
|
NotificationCenter.default.post(
|
|||
|
|
name: UITextField.textDidChangeNotification,
|
|||
|
|
object: self)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@objc private func tapRightArrowButton(_ button: UIButton) {
|
|||
|
|
// Empty implementation as in original
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// MARK: - Textfield Events
|
|||
|
|
@objc private func textDidChanged(_ textField: UITextField) {
|
|||
|
|
errorBorderShowMode = false
|
|||
|
|
nowBorderColor = focusBorderColor
|
|||
|
|
|
|||
|
|
if !disableAllBorder && textField.isFirstResponder {
|
|||
|
|
layer.borderColor = nowBorderColor.cgColor
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
adjustRightViewMode()
|
|||
|
|
|
|||
|
|
textDidChanged?(self)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@objc private func notiTextDidBeginEditing() {
|
|||
|
|
if !errorBorderShowMode && !disableAllBorder {
|
|||
|
|
layer.borderColor = focusBorderColor.cgColor
|
|||
|
|
layer.borderWidth = 1
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
textDidBeginEditing?(self)
|
|||
|
|
|
|||
|
|
adjustRightViewMode()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@objc private func notiTextDidEndEditing() {
|
|||
|
|
if !errorBorderShowMode {
|
|||
|
|
layer.borderColor = nil
|
|||
|
|
layer.borderWidth = 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
textDidEndEditing?(self)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@objc private func notiTextShouldBeginEditing(_ notification: Notification) {
|
|||
|
|
if fakeTextFieldForInputTrigger {
|
|||
|
|
resignFirstResponder()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
textShouldBeginEditing?(self)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// MARK: - Setters
|
|||
|
|
override var delegate: UITextFieldDelegate? {
|
|||
|
|
get { super.delegate }
|
|||
|
|
set {
|
|||
|
|
if newValue !== self {
|
|||
|
|
// print("请用头文件中的block回调") // Uncomment if assertion is needed
|
|||
|
|
}
|
|||
|
|
super.delegate = newValue
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
override var placeholder: String? {
|
|||
|
|
didSet {
|
|||
|
|
if let placeholder = placeholder {
|
|||
|
|
setupPlaceholder(placeholder)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// var defaultTxt: String? {
|
|||
|
|
// get { _defaultTxt }
|
|||
|
|
// set {
|
|||
|
|
// _defaultTxt = newValue
|
|||
|
|
// super.text = newValue
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
override var text: String? {
|
|||
|
|
didSet {
|
|||
|
|
if text != oldValue {
|
|||
|
|
textDidChanged(self)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// MARK: - Layout
|
|||
|
|
override func rightViewRect(forBounds bounds: CGRect) -> CGRect {
|
|||
|
|
var rightViewRect = super.rightViewRect(forBounds: bounds)
|
|||
|
|
|
|||
|
|
if #available(iOS 13.0, *) {
|
|||
|
|
// fix iOS 13 rightView显示在最左边,和异常显示问题
|
|||
|
|
let left = frame.size.width - (rightView?.frame.size.width ?? 0)
|
|||
|
|
let top = round((frame.size.height - (rightView?.frame.size.height ?? 0)) / 2.0)
|
|||
|
|
rightViewRect = CGRect(x: left, y: top, width: rightView?.frame.size.width ?? 0, height: rightView?.frame.size.height ?? 0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return rightViewRect
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
override func layoutSubviews() {
|
|||
|
|
super.layoutSubviews()
|
|||
|
|
layer.cornerRadius = self.cornerRadiusConfig
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
deinit {
|
|||
|
|
NotificationCenter.default.removeObserver(self)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
extension CLTextField{
|
|||
|
|
func switchToNaviSearchField(){
|
|||
|
|
setupPlaceholder("Search")
|
|||
|
|
font = .t.tbm
|
|||
|
|
cornerRadiusConfig = 16// height: 32
|
|||
|
|
snp.updateConstraints { make in
|
|||
|
|
make.height.equalTo(32)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
leftViewMode = .always
|
|||
|
|
let leftView = UIView(frame: CGRect(x: 0, y: 0, width: 40, height: 32))
|
|||
|
|
leftView.snp.makeConstraints { make in
|
|||
|
|
make.size.equalTo(CGSize(width: 40, height: 32))
|
|||
|
|
}
|
|||
|
|
self.leftView = leftView
|
|||
|
|
|
|||
|
|
let image = MWIconFont.image(fromIcon: .search, size: CGSize(width: 12, height: 12), color: .white)
|
|||
|
|
let icon = UIImageView(image: image)
|
|||
|
|
leftView.addSubview(icon)
|
|||
|
|
icon.snp.makeConstraints { make in
|
|||
|
|
make.size.equalTo(CGSize(width: 12, height: 12))
|
|||
|
|
make.centerY.equalToSuperview()
|
|||
|
|
make.leading.equalToSuperview().offset(12)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
setNeedsLayout()
|
|||
|
|
layoutIfNeeded()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|