TextFieldWithToolBar.swift 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336
  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. var allowChange = true
  137. // Only proceed if the input is a valid number or decimal separator
  138. if isNumber || isDecimalSeparator && parent.allowDecimalSeparator,
  139. let currentText = textField.text as NSString?
  140. {
  141. // Get the proposed new text
  142. var proposedText = currentText.replacingCharacters(in: range, with: string)
  143. // Remove thousand separator
  144. let thousandsSep = Locale.current.groupingSeparator
  145. proposedText = proposedText.replacingOccurrences(of: thousandsSep!, with: "")
  146. let number = parent.numberFormatter.number(from: proposedText) ?? decimalFormatter.number(from: proposedText)
  147. // Update the binding value if conversion is successful
  148. if let number = number {
  149. let lastCharIndex = proposedText.index(before: proposedText.endIndex)
  150. let hasDecimalSeparator = proposedText.contains(decimalFormatter.decimalSeparator)
  151. let hasTrailingZeros = (
  152. parent.numberFormatter
  153. .maximumFractionDigits > 1 && hasDecimalSeparator && proposedText[lastCharIndex] == "0"
  154. ) ||
  155. (isDecimalSeparator && parent.numberFormatter.allowsFloats)
  156. if !parent.numberFormatter.allowsFloats || !hasTrailingZeros
  157. {
  158. parent.text = number.decimalValue
  159. }
  160. if parent.numberFormatter.allowsFloats, hasDecimalSeparator {
  161. let rangeOfDecimal = proposedText.range(of: decimalFormatter.decimalSeparator)
  162. let decimalIndexInt: Int = proposedText.distance(
  163. from: proposedText.startIndex,
  164. to: rangeOfDecimal!.lowerBound
  165. )
  166. let maxDigits = decimalIndexInt + parent.numberFormatter.maximumFractionDigits + 1
  167. allowChange = proposedText.count > maxDigits ? false : true
  168. }
  169. } else {
  170. parent.text = 0
  171. }
  172. }
  173. // Allow the change if it's a valid number or decimal separator
  174. return isNumber && allowChange || isDecimalSeparator && parent.allowDecimalSeparator && parent.numberFormatter
  175. .allowsFloats
  176. }
  177. public func textFieldDidBeginEditing(_: UITextField) {
  178. parent.textFieldDidBeginEditing?()
  179. }
  180. }
  181. extension UITextField {
  182. func moveCursorToEnd() {
  183. dispatchPrecondition(condition: .onQueue(.main))
  184. let newPosition = endOfDocument
  185. selectedTextRange = textRange(from: newPosition, to: newPosition)
  186. }
  187. }
  188. extension UIApplication {
  189. func endEditing() {
  190. sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)
  191. }
  192. }
  193. public struct TextFieldWithToolBarString: UIViewRepresentable {
  194. @Binding var text: String
  195. var placeholder: String
  196. var textAlignment: NSTextAlignment = .right
  197. var keyboardType: UIKeyboardType = .default
  198. var autocapitalizationType: UITextAutocapitalizationType = .none
  199. var autocorrectionType: UITextAutocorrectionType = .no
  200. var shouldBecomeFirstResponder: Bool = false
  201. var maxLength: Int? = nil
  202. var isDismissible: Bool = true
  203. public func makeUIView(context: Context) -> UITextField {
  204. let textField = UITextField()
  205. context.coordinator.textField = textField
  206. textField.inputAccessoryView = isDismissible ? makeDoneToolbar(for: textField, context: context) : nil
  207. textField.addTarget(context.coordinator, action: #selector(Coordinator.editingDidBegin), for: .editingDidBegin)
  208. textField.delegate = context.coordinator
  209. textField.text = text
  210. textField.placeholder = placeholder
  211. textField.textAlignment = textAlignment
  212. textField.keyboardType = keyboardType
  213. textField.autocapitalizationType = autocapitalizationType
  214. textField.autocorrectionType = autocorrectionType
  215. textField.adjustsFontSizeToFitWidth = true
  216. return textField
  217. }
  218. private func makeDoneToolbar(for textField: UITextField, context: Context) -> UIToolbar {
  219. let toolbar = UIToolbar(frame: CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width, height: 50))
  220. let flexibleSpace = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
  221. let doneButton = UIBarButtonItem(
  222. image: UIImage(systemName: "keyboard.chevron.compact.down"),
  223. style: .done,
  224. target: textField,
  225. action: #selector(UITextField.resignFirstResponder)
  226. )
  227. let clearButton = UIBarButtonItem(
  228. image: UIImage(systemName: "trash"),
  229. style: .plain,
  230. target: context.coordinator,
  231. action: #selector(Coordinator.clearText)
  232. )
  233. toolbar.items = [clearButton, flexibleSpace, doneButton]
  234. toolbar.sizeToFit()
  235. return toolbar
  236. }
  237. public func updateUIView(_ textField: UITextField, context: Context) {
  238. if textField.text != text {
  239. textField.text = text
  240. }
  241. textField.textAlignment = textAlignment
  242. textField.keyboardType = keyboardType
  243. textField.autocapitalizationType = autocapitalizationType
  244. textField.autocorrectionType = autocorrectionType
  245. if shouldBecomeFirstResponder, !context.coordinator.didBecomeFirstResponder {
  246. if textField.window != nil, textField.becomeFirstResponder() {
  247. context.coordinator.didBecomeFirstResponder = true
  248. }
  249. } else if !shouldBecomeFirstResponder, context.coordinator.didBecomeFirstResponder {
  250. context.coordinator.didBecomeFirstResponder = false
  251. }
  252. }
  253. public func makeCoordinator() -> Coordinator {
  254. Coordinator(self, maxLength: maxLength)
  255. }
  256. public final class Coordinator: NSObject {
  257. var parent: TextFieldWithToolBarString
  258. var textField: UITextField?
  259. let maxLength: Int?
  260. var didBecomeFirstResponder = false
  261. init(_ parent: TextFieldWithToolBarString, maxLength: Int?) {
  262. self.parent = parent
  263. self.maxLength = maxLength
  264. }
  265. @objc fileprivate func clearText() {
  266. parent.text = ""
  267. textField?.text = ""
  268. }
  269. @objc fileprivate func editingDidBegin(_ textField: UITextField) {
  270. DispatchQueue.main.async {
  271. textField.moveCursorToEnd()
  272. }
  273. }
  274. }
  275. }
  276. extension TextFieldWithToolBarString.Coordinator: UITextFieldDelegate {
  277. public func textField(
  278. _ textField: UITextField,
  279. shouldChangeCharactersIn range: NSRange,
  280. replacementString string: String
  281. ) -> Bool {
  282. if let maxLength = parent.maxLength {
  283. // Get the current text, including the proposed change
  284. let currentText = textField.text ?? ""
  285. let newLength = currentText.count + string.count - range.length
  286. if newLength > maxLength {
  287. return false
  288. }
  289. }
  290. DispatchQueue.main.async {
  291. if let textFieldText = textField.text as NSString? {
  292. let newText = textFieldText.replacingCharacters(in: range, with: string)
  293. self.parent.text = newText
  294. }
  295. }
  296. return true
  297. }
  298. }