Question

我在UWP，x:Bind和数据验证方面苦苦挣扎。我有一个非常简单的用例：我希望用户在int中输入TextBox，并在用户离开TextBlock后立即显示该号码{1}}。我可以为TextBox设置InputScope="Number"，但这并不能阻止使用键盘输入的人输入字母字符（或粘贴内容）。问题是，当我使用TextBox绑定字段时，如果您绑定的字段被声明为{{{}}，那么似乎阻止Mode=TwoWay 1}}。如果输入是一个数字，我想检查System.ArgumentException方法，但在此之前发生异常。我的（非常简单）ViewModel（这里没有模型，我尽量保持简单）：

int

我的代码背后：

set

我的整个XAML：

public class MyViewModel : INotifyPropertyChanged
{
    private int _MyFieldToValidate;
    public int MyFieldToValidate
    {
        get { return _MyFieldToValidate; }
        set
        {
            this.Set(ref this._MyFieldToValidate, value);
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected void RaisedPropertyChanged([CallerMemberName]string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    protected bool Set<T>(ref T storage, T value, [CallerMemberName]string propertyName = null)
    {
        if (Equals(storage, value))
        {
            return false;
        }
        else
        {
            storage = value;
            this.RaisedPropertyChanged(propertyName);
            return true;
        }
    }
}

如果我在public sealed partial class MainPage : Page { public MyViewModel ViewModel { get; set; } = new MyViewModel() { MyFieldToValidate = 0 }; public MainPage() { this.InitializeComponent(); } }中输入数字字符，那么一切都OK。但是，如果我输入一个非数字值（例如＆＃34; d＆＃34;）（它甚至不会到<Page x:Class="SimpleFieldValidation.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:SimpleFieldValidation" xmlns:vm="using:SimpleFieldValidation.ViewModel" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"> <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> <Grid.RowDefinitions> <RowDefinition Height="10*" /> <RowDefinition Height="*" /> <RowDefinition Height="10*" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <TextBox Grid.Row="1" Grid.Column="0" Text="{x:Bind ViewModel.MyFieldToValidate, Mode=TwoWay}" x:Name="inputText" InputScope="Number" /> <TextBlock Grid.Row="1" Grid.Column="1" Text="{x:Bind ViewModel.MyFieldToValidate, Mode=OneWay}" x:Name="textToDisplay" /> </Grid> </Page>方法TextBox方法的第一个括号的断点处：

Imgur

是否有最佳做法可以做我想做的事情？最简单的解决方案是阻止用户首先键入除数字之外的其他字符，但我一直在搜索数小时但没有找到简单的方法......另一种解决方案是在离开字段时验证数据，但是我没有找到与UWP和set相关的东西（WPF认为很少，但是它们不能用UWP复制）。谢谢！

Answer 1

正如@RTDev所说，你的异常是由系统无法将字符串转换为int引起的。

您可以创建一个类，通过继承IValueConverter，您可以在源和目标之间转换数据格式。

您应该始终使用功能实现实现Convert（Object，TypeName，Object，String），但实现ConvertBack（Object，TypeName，Object，String）以报告未实现的异常是相当常见的。如果您使用转换器进行双向绑定，或者使用XAML进行序列化，则只需要在转换器中使用ConvertBack（Object，TypeName，Object，String）方法。

有关详细信息，请参阅IValueConverter Interface。

例如：

<Page.Resources>
    <local:IntFormatter x:Key="IntConverter" />
</Page.Resources>
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid.RowDefinitions>
        <RowDefinition Height="10*" />
        <RowDefinition Height="*" />
        <RowDefinition Height="10*" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <TextBox Grid.Row="1" Grid.Column="0" Text="{x:Bind ViewModel.MyFieldToValidate, Mode=TwoWay,Converter={StaticResource IntConverter}}" x:Name="inputText" InputScope="Number" />
    <TextBlock Grid.Row="1" Grid.Column="1" Text="{x:Bind ViewModel.MyFieldToValidate, Mode=OneWay}" x:Name="textToDisplay" />
</Grid>

IntFormatter类：

internal class IntFormatter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        if (value != null)
        {
            return value.ToString();
        }
        else
        {
            return null;
        }
    }

    public object ConvertBack(object value, Type targetType, object parameter, string language)
    {
        int n;
        bool isNumeric = int.TryParse(value.ToString(), out n);
        if (isNumeric)
        {
            return n;
        }
        else
        {
            return 0;
        }
    }
}

Answer 2

如果您不希望用户键入字母数字字符，我认为最优雅的解决方案是创建一个新类 NumberBox ，该类继承自 InputBox 类，重载 OnKeyDown 方法以拦截字母数字键击，如下所示：

using Windows.System;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Input;

namespace MyProject.Controls
{
    public sealed class NumberBox : TextBox
    {
        protected override void OnKeyDown(KeyRoutedEventArgs e)
        {
            if (e.Key >= VirtualKey.Number0 && e.Key <= VirtualKey.Number9 ||
                e.Key >= VirtualKey.NumberPad0 && e.Key <= VirtualKey.NumberPad9 ||
                e.Key >= VirtualKey.Left && e.Key <= VirtualKey.Down ||
                e.Key == VirtualKey.Delete ||
                e.Key == VirtualKey.Tab ||
                e.Key == VirtualKey.Back ||
                e.Key == VirtualKey.Enter)
                base.OnKeyDown(e);
            else
                e.Handled = true;
        }
    }
}

然后在XAML中，添加一个名称空间以引用 NumberBox 类所在的名称空间，然后将 InputBox 替换为 control：NumberBox ，就像这样：

<Page
    x:Class="MyProject.View.CalibrarEnfoque"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="using:MyProject.View"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:controls="using:MyProject.Controls"
    mc:Ignorable="d">
    <Grid>
        <controls:NumberBox Text="{x:Bind ViewModel.MyValue, Mode=TwoWay}"/>
    </Grid>
</Page>

UWP：x：数字字段

2 个答案: