IOS纯数字键盘如何默认带小数点输入？

Question

在iOS开发中，使用纯数字键盘默认带小数点输入是一个常见需求。然而，iOS自带的`UIKeyboardType.NumberPad`并不直接支持小数点。解决这一问题的方法是自定义键盘或通过隐藏系统键盘并实现自定义视图来完成。 一种简单方式是将键盘类型设置为`UIKeyboardType.DecimalPad`，它适用于需要输入小数点的场景（如金额）。但若需强制默认显示小数点，可通过监听`UITextField`的输入内容，在用户首次输入时自动添加“0.”作为前缀。 此外，开发者也可以创建一个工具栏附加到键盘上，提供小数点按钮。这种方式既保留了原生体验，又满足了业务需求。需要注意的是，这种实现可能会影响用户体验，因此需根据具体场景权衡设计。

Answer 1

1. 问题概述

在iOS开发中，`UIKeyboardType.NumberPad` 是一个常见的键盘类型，但它仅支持纯数字输入，并不包含小数点。然而，在某些场景下（例如金额输入），需要用户能够直接输入带有小数点的数值。这成为一个技术难点，因为原生键盘无法直接满足这一需求。

为了解决这个问题，开发者通常会考虑以下几种方案：

• 使用 `UIKeyboardType.DecimalPad`。
• 通过监听 `UITextField` 输入内容实现默认添加小数点。
• 自定义键盘或附加工具栏提供小数点按钮。

2. 技术分析

首先，我们从技术角度分析每种解决方案的优缺点。

方案	优点	缺点
`UIKeyboardType.DecimalPad`	无需额外开发，直接支持小数点输入。	无法强制默认显示小数点。
监听输入内容	可以灵活控制输入格式，满足特定业务需求。	可能影响用户体验，尤其是首次输入时的行为。
自定义键盘/工具栏	完全自由设计，满足复杂需求。	开发成本较高，且可能破坏原生体验。

3. 实现步骤

以下是基于监听输入内容实现默认添加小数点的代码示例：

class DecimalTextField: UITextField {
    override func awakeFromNib() {
        super.awakeFromNib()
        self.keyboardType = .numberPad
        addTarget(self, action: #selector(textFieldDidChange), for: .editingChanged)
    }

    @objc private func textFieldDidChange() {
        guard let text = self.text else { return }
        if !text.contains(".") && !text.isEmpty {
            self.text = "0."
        }
    }
}
    

上述代码通过重写 `UITextField` 的行为，确保用户在首次输入时自动添加“0.”作为前缀。

4. 用户体验权衡

虽然监听输入内容的方式可以满足功能需求，但需要特别注意用户体验。例如，用户可能会对自动插入的小数点感到困惑，尤其是在未明确提示的情况下。

以下是用户体验优化的流程图：

graph TD;
            A[用户开始输入] --> B{是否首次输入？};
            B --是--> C[自动添加"0."];
            B --否--> D[继续输入];
            C --> E[提示用户已添加小数点];
            E --> F[用户继续输入];