TextFieldWithToolBar.swift 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325
  1. import SwiftUI
  2. import UIKit
  3. public struct TextFieldWithToolBar: UIViewRepresentable {
  4. @Binding var text: Decimal
  5. var placeholder: String
  6. var textColor: UIColor
  7. var textAlignment: NSTextAlignment
  8. var keyboardType: UIKeyboardType
  9. var autocapitalizationType: UITextAutocapitalizationType
  10. var autocorrectionType: UITextAutocorrectionType
  11. var shouldBecomeFirstResponder: Bool
  12. var maxLength: Int?
  13. var isDismissible: Bool
  14. var textFieldDidBeginEditing: (() -> Void)?
  15. var numberFormatter: NumberFormatter
  16. var allowDecimalSeparator: Bool
  17. public init(
  18. text: Binding<Decimal>,
  19. placeholder: String,
  20. textColor: UIColor = .label,
  21. textAlignment: NSTextAlignment = .right,
  22. keyboardType: UIKeyboardType = .decimalPad,
  23. autocapitalizationType: UITextAutocapitalizationType = .none,
  24. autocorrectionType: UITextAutocorrectionType = .no,
  25. shouldBecomeFirstResponder: Bool = false,
  26. maxLength: Int? = nil,
  27. isDismissible: Bool = true,
  28. textFieldDidBeginEditing: (() -> Void)? = nil,
  29. numberFormatter: NumberFormatter,
  30. allowDecimalSeparator: Bool = true
  31. ) {
  32. _text = text
  33. self.placeholder = placeholder
  34. self.textColor = textColor
  35. self.textAlignment = textAlignment
  36. self.keyboardType = keyboardType
  37. self.autocapitalizationType = autocapitalizationType
  38. self.autocorrectionType = autocorrectionType
  39. self.shouldBecomeFirstResponder = shouldBecomeFirstResponder
  40. self.maxLength = maxLength
  41. self.isDismissible = isDismissible
  42. self.textFieldDidBeginEditing = textFieldDidBeginEditing
  43. self.numberFormatter = numberFormatter
  44. self.numberFormatter.numberStyle = .decimal
  45. self.allowDecimalSeparator = allowDecimalSeparator
  46. }
  47. public func makeUIView(context: Context) -> UITextField {
  48. let textField = UITextField()
  49. context.coordinator.textField = textField
  50. textField.inputAccessoryView = isDismissible ? makeDoneToolbar(for: textField, context: context) : nil
  51. textField.addTarget(context.coordinator, action: #selector(Coordinator.editingDidBegin), for: .editingDidBegin)
  52. textField.delegate = context.coordinator
  53. if text == 0 { /// show no value initially, i.e. empty String
  54. textField.text = ""
  55. } else {
  56. textField.text = numberFormatter.string(for: text)
  57. }
  58. textField.placeholder = placeholder
  59. return textField
  60. }
  61. private func makeDoneToolbar(for textField: UITextField, context: Context) -> UIToolbar {
  62. let toolbar = UIToolbar(frame: CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width, height: 50))
  63. let flexibleSpace = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
  64. let doneButton = UIBarButtonItem(
  65. image: UIImage(systemName: "keyboard.chevron.compact.down"),
  66. style: .done,
  67. target: textField,
  68. action: #selector(UITextField.resignFirstResponder)
  69. )
  70. let clearButton = UIBarButtonItem(
  71. image: UIImage(systemName: "trash"),
  72. style: .plain,
  73. target: context.coordinator,
  74. action: #selector(Coordinator.clearText)
  75. )
  76. toolbar.items = [clearButton, flexibleSpace, doneButton]
  77. toolbar.sizeToFit()
  78. return toolbar
  79. }
  80. public func updateUIView(_ textField: UITextField, context: Context) {
  81. if text != 0 {
  82. let newText = numberFormatter.string(for: text) ?? ""
  83. if textField.text != newText {
  84. textField.text = newText
  85. }
  86. }
  87. textField.textColor = textColor
  88. textField.textAlignment = textAlignment
  89. textField.keyboardType = keyboardType
  90. textField.autocapitalizationType = autocapitalizationType
  91. textField.autocorrectionType = autocorrectionType
  92. if shouldBecomeFirstResponder, !context.coordinator.didBecomeFirstResponder {
  93. if textField.window != nil, textField.becomeFirstResponder() {
  94. context.coordinator.didBecomeFirstResponder = true
  95. }
  96. } else if !shouldBecomeFirstResponder, context.coordinator.didBecomeFirstResponder {
  97. context.coordinator.didBecomeFirstResponder = false
  98. }
  99. }
  100. public func makeCoordinator() -> Coordinator {
  101. Coordinator(self, maxLength: maxLength)
  102. }
  103. public final class Coordinator: NSObject {
  104. var parent: TextFieldWithToolBar
  105. var textField: UITextField?
  106. let maxLength: Int?
  107. var didBecomeFirstResponder = false
  108. let decimalFormatter: NumberFormatter
  109. init(_ parent: TextFieldWithToolBar, maxLength: Int?) {
  110. self.parent = parent
  111. self.maxLength = maxLength
  112. decimalFormatter = NumberFormatter()
  113. decimalFormatter.locale = Locale.current
  114. decimalFormatter.numberStyle = .decimal
  115. }
  116. @objc fileprivate func clearText() {
  117. parent.text = 0
  118. textField?.text = ""
  119. }
  120. @objc fileprivate func editingDidBegin(_ textField: UITextField) {
  121. DispatchQueue.main.async {
  122. textField.moveCursorToEnd()
  123. }
  124. }
  125. }
  126. }
  127. extension TextFieldWithToolBar.Coordinator: UITextFieldDelegate {
  128. public func textField(
  129. _ textField: UITextField,
  130. shouldChangeCharactersIn range: NSRange,
  131. replacementString string: String
  132. ) -> Bool {
  133. // Check if the input is a number or the decimal separator
  134. let isNumber = CharacterSet.decimalDigits.isSuperset(of: CharacterSet(charactersIn: string))
  135. let isDecimalSeparator = (string == decimalFormatter.decimalSeparator && textField.text?.contains(string) == false)
  136. // Only proceed if the input is a valid number or decimal separator
  137. if isNumber || isDecimalSeparator && parent.allowDecimalSeparator,
  138. let currentText = textField.text as NSString?
  139. {
  140. // Get the proposed new text
  141. let proposedTextOriginal = currentText.replacingCharacters(in: range, with: string)
  142. // Remove thousand separator
  143. let proposedText = proposedTextOriginal.replacingOccurrences(of: decimalFormatter.groupingSeparator, with: "")
  144. // Try to convert proposed text to number
  145. let number = parent.numberFormatter.number(from: proposedText) ?? decimalFormatter.number(from: proposedText)
  146. // Update the binding value if conversion is successful
  147. if let number = number {
  148. let lastCharIndex = proposedText.index(before: proposedText.endIndex)
  149. let hasDecimalSeparator = proposedText.contains(decimalFormatter.decimalSeparator)
  150. let hasTrailingZeros = (hasDecimalSeparator && proposedText[lastCharIndex] == "0") || isDecimalSeparator
  151. if !hasTrailingZeros
  152. {
  153. parent.text = number.decimalValue
  154. }
  155. } else {
  156. parent.text = 0
  157. }
  158. }
  159. // Allow the change if it's a valid number or decimal separator
  160. return isNumber || isDecimalSeparator && parent.allowDecimalSeparator
  161. }
  162. public func textFieldDidBeginEditing(_: UITextField) {
  163. parent.textFieldDidBeginEditing?()
  164. }
  165. }
  166. extension UITextField {
  167. func moveCursorToEnd() {
  168. dispatchPrecondition(condition: .onQueue(.main))
  169. let newPosition = endOfDocument
  170. selectedTextRange = textRange(from: newPosition, to: newPosition)
  171. }
  172. }
  173. extension UIApplication {
  174. func endEditing() {
  175. sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)
  176. }
  177. }
  178. public struct TextFieldWithToolBarString: UIViewRepresentable {
  179. @Binding var text: String
  180. var placeholder: String
  181. var textAlignment: NSTextAlignment = .right
  182. var keyboardType: UIKeyboardType = .default
  183. var autocapitalizationType: UITextAutocapitalizationType = .none
  184. var autocorrectionType: UITextAutocorrectionType = .no
  185. var shouldBecomeFirstResponder: Bool = false
  186. var maxLength: Int? = nil
  187. var isDismissible: Bool = true
  188. public func makeUIView(context: Context) -> UITextField {
  189. let textField = UITextField()
  190. context.coordinator.textField = textField
  191. textField.inputAccessoryView = isDismissible ? makeDoneToolbar(for: textField, context: context) : nil
  192. textField.addTarget(context.coordinator, action: #selector(Coordinator.editingDidBegin), for: .editingDidBegin)
  193. textField.delegate = context.coordinator
  194. textField.text = text
  195. textField.placeholder = placeholder
  196. textField.textAlignment = textAlignment
  197. textField.keyboardType = keyboardType
  198. textField.autocapitalizationType = autocapitalizationType
  199. textField.autocorrectionType = autocorrectionType
  200. textField.adjustsFontSizeToFitWidth = true
  201. return textField
  202. }
  203. private func makeDoneToolbar(for textField: UITextField, context: Context) -> UIToolbar {
  204. let toolbar = UIToolbar(frame: CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width, height: 50))
  205. let flexibleSpace = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
  206. let doneButton = UIBarButtonItem(
  207. image: UIImage(systemName: "keyboard.chevron.compact.down"),
  208. style: .done,
  209. target: textField,
  210. action: #selector(UITextField.resignFirstResponder)
  211. )
  212. let clearButton = UIBarButtonItem(
  213. image: UIImage(systemName: "trash"),
  214. style: .plain,
  215. target: context.coordinator,
  216. action: #selector(Coordinator.clearText)
  217. )
  218. toolbar.items = [clearButton, flexibleSpace, doneButton]
  219. toolbar.sizeToFit()
  220. return toolbar
  221. }
  222. public func updateUIView(_ textField: UITextField, context: Context) {
  223. if textField.text != text {
  224. textField.text = text
  225. }
  226. textField.textAlignment = textAlignment
  227. textField.keyboardType = keyboardType
  228. textField.autocapitalizationType = autocapitalizationType
  229. textField.autocorrectionType = autocorrectionType
  230. if shouldBecomeFirstResponder, !context.coordinator.didBecomeFirstResponder {
  231. if textField.window != nil, textField.becomeFirstResponder() {
  232. context.coordinator.didBecomeFirstResponder = true
  233. }
  234. } else if !shouldBecomeFirstResponder, context.coordinator.didBecomeFirstResponder {
  235. context.coordinator.didBecomeFirstResponder = false
  236. }
  237. }
  238. public func makeCoordinator() -> Coordinator {
  239. Coordinator(self, maxLength: maxLength)
  240. }
  241. public final class Coordinator: NSObject {
  242. var parent: TextFieldWithToolBarString
  243. var textField: UITextField?
  244. let maxLength: Int?
  245. var didBecomeFirstResponder = false
  246. init(_ parent: TextFieldWithToolBarString, maxLength: Int?) {
  247. self.parent = parent
  248. self.maxLength = maxLength
  249. }
  250. @objc fileprivate func clearText() {
  251. parent.text = ""
  252. textField?.text = ""
  253. }
  254. @objc fileprivate func editingDidBegin(_ textField: UITextField) {
  255. DispatchQueue.main.async {
  256. textField.moveCursorToEnd()
  257. }
  258. }
  259. }
  260. }
  261. extension TextFieldWithToolBarString.Coordinator: UITextFieldDelegate {
  262. public func textField(
  263. _ textField: UITextField,
  264. shouldChangeCharactersIn range: NSRange,
  265. replacementString string: String
  266. ) -> Bool {
  267. guard let currentText = textField.text as NSString? else {
  268. return false
  269. }
  270. // Calculate the new text length
  271. let newLength = currentText.length + string.count - range.length
  272. // If there's a maxLength, ensure the new length is within the limit
  273. if let maxLength = parent.maxLength, newLength > maxLength {
  274. return false
  275. }
  276. // Attempt to replace characters in range with the replacement string
  277. let newText = currentText.replacingCharacters(in: range, with: string)
  278. // Update the binding text state
  279. DispatchQueue.main.async {
  280. self.parent.text = newText
  281. }
  282. return true
  283. }
  284. }