c# - 使用 IValueConverter 屏蔽文本框输入而不丢失数据

Question

我正在尝试创建一个文本框/IValueConverter，如果用户点击 1234 然后退格 3 次，它将向用户显示以下行。

1
*2
**3
***4
***
**
*

目前我最大的问题是我丢失了数据，因为 IValueConverter 在我的 ViewModel 中保存了“***4”。

是否有任何常用策略可以在不使用常规 PasswordBox 的情况下屏蔽这样的输入数据？

Answer 1

您可以创建一个虚拟对象TextBlock或Label显示蒙版，并将TextBox文本 coloe 设置为透明。通过这种方式，实际数据被保存到模型中，并且*只显示在标签中。

类似的东西（非常粗略的例子）

<Window x:Class="WpfApplication13.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfApplication13"
        Title="MainWindow" Height="350" Width="525" Name="UI">
    <Window.Resources>
        <local:TextToStarConverter x:Key="TextToStarConverter" />
    </Window.Resources>
    <StackPanel>
        <Grid>
            <TextBox x:Name="txtbox" Foreground="Transparent" Text="{Binding MyModelProperty}" />
            <Label Content="{Binding ElementName=txtbox, Path=Text, Converter={StaticResource TextToStarConverter}}"  IsHitTestVisible="False" />
        </Grid>
    </StackPanel>
</Window>

转换器（请忽略可怕的代码，它只是一个演示 :)）

public class TextToStarConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is string && !string.IsNullOrEmpty(value.ToString()))
        {
            return new string('*', value.ToString().Length -1) + value.ToString().Last().ToString();
        }
        return string.Empty;
    }

   public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return null;
    }
}

结果：