UWP中带锁定符号与自动跳位的时间、坐标输入文本框实现咨询

我之前在做UWP项目时刚好遇到过类似的需求——要做一个能锁定格式符号、输入时自动跳过的文本框，不管是时间（hh:mm:ss）还是度分秒（dd°mm′ss″）格式都适用。下面分享几个亲测可行的实现思路和具体方向：

1. 自定义TextBox，手动处理输入逻辑 #

这是最灵活的方案，通过监听TextChanged和KeyDown事件，过滤输入内容、维护格式完整性，同时控制光标自动跳过固定符号。

核心逻辑： #

• 预设格式模板（比如时间用hh:mm:ss，度分秒用dd°mm′ss″）
• 只保留用户输入的数字，自动插入固定符号
• 调整光标位置，避免用户在符号位置停留或修改符号

举个时间格式的代码示例：

private void TimeTextBox_TextChanged(object sender, TextChangedEventArgs e)
{
    var textBox = sender as TextBox;
    if (textBox == null) return;

    // 过滤出所有数字
    var cleanInput = new string(textBox.Text.Where(char.IsDigit).ToArray());
    var formattedText = string.Empty;

    // 构建hh:mm:ss格式
    if (cleanInput.Length >= 2)
    {
        formattedText += cleanInput.Substring(0, 2) + ":";
        if (cleanInput.Length >= 4)
        {
            formattedText += cleanInput.Substring(2, 2) + ":";
            formattedText += cleanInput.Length >= 6 ? cleanInput.Substring(4, 2) : cleanInput.Substring(2);
        }
        else
        {
            formattedText += cleanInput.Substring(2);
        }
    }
    else
    {
        formattedText = cleanInput;
    }

    // 避免无限触发TextChanged事件
    textBox.TextChanged -= TimeTextBox_TextChanged;
    textBox.Text = formattedText;
    // 调整光标位置，跳过已插入的冒号
    var cursorPos = textBox.SelectionStart;
    var symbolCount = formattedText.Take(cursorPos).Count(c => c == ':');
    textBox.SelectionStart = cursorPos + symbolCount;
    textBox.TextChanged += TimeTextBox_TextChanged;
}

再配合KeyDown事件处理光标跳转，让用户按左右箭头时自动跳过符号：

private void TimeTextBox_KeyDown(object sender, KeyRoutedEventArgs e)
{
    var textBox = sender as TextBox;
    if (textBox == null) return;

    if (e.Key == VirtualKey.Left && textBox.SelectionStart > 0)
    {
        if (textBox.Text[textBox.SelectionStart - 1] == ':')
        {
            textBox.SelectionStart--;
            e.Handled = true;
        }
    }
    else if (e.Key == VirtualKey.Right && textBox.SelectionStart < textBox.Text.Length)
    {
        if (textBox.Text[textBox.SelectionStart] == ':')
        {
            textBox.SelectionStart++;
            e.Handled = true;
        }
    }
}

把这个逻辑套用到度分秒格式上，只需要把符号从:换成°、′、″，调整格式拼接的规则即可。

2. 借助Windows Community Toolkit的MaskedTextBox #

UWP原生没有自带的掩码输入框，但Windows Community Toolkit提供了MaskedTextBox控件，能直接设置输入掩码，完美匹配你的需求：

• 时间格式掩码设为"00:00:00"
• 度分秒格式掩码设为"00°00′00″"

它会自动锁定符号位置，用户输入时只能在数字位输入，并且自动跳过符号，不用自己写复杂的输入处理逻辑，非常省心。

3. 拆分输入框（简单备选方案） #

如果不想折腾自定义控件或第三方库，也可以把一个输入框拆成多个小输入框，中间用TextBlock显示固定符号：

<!-- 时间输入布局示例 -->
<StackPanel Orientation="Horizontal" VerticalAlignment="Center">
    <TextBox Width="45" MaxLength="2" InputScope="Number" />
    <TextBlock Text=":" Margin="4,0" />
    <TextBox Width="45" MaxLength="2" InputScope="Number" />
    <TextBlock Text=":" Margin="4,0" />
    <TextBox Width="45" MaxLength="2" InputScope="Number" />
</StackPanel>

你可以把这些控件封装成一个自定义UserControl，对外暴露Hour、Minute、Second（或Degree、Minute、Second）等属性，方便后续绑定和取值，实现起来简单直观，用户体验也不差。

内容的提问来源于stack exchange，提问作者kdun0508