如何使用MVVMCross在Xamarin.Android中验证数字

Question

我有使用MVVMCross的Xamarin.Android项目。 我使用Visual Studio。

Windows 10 64 Pro
Visual Studio 2017

我需要为数字输入创建文本区域并集成基本验证（这是数字吗？）如果出现错误，用户应该会看到错误消息。

我已经创建了此元素的布局。 数字和错误消息的区域。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:local="http://schemas.android.com/apk/res-auto"

<EditText
        android:id="@+id/userNumber"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:maxLength="10"
        android:phoneNumber="true"
        local:MvxBind="Text UserNumber" />

<TextView
        android:id="@+id/incorrectNumber"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="12sp"
        android:textColor="#F44336"
        local:MvxBind="Text IncorrectNumber" />

这是NumberViewModel.cs ：

using MvvmCross.Platform.Converters;
using System;
using System.Collections.Generic;
using System.Globalization;
using My.project.Core.Models;

namespace My.project.Core.ViewModels
{
    class NumberViewModel : BaseViewModel
    {
        private string _userNumber;
        private string _incorrectNumber;

        public string UserNumber
        {
            get
            {
                return _userNumber;
            }
            set
            {
                _userNumber = value;
                this.RaisePropertyChanged(() => this.UserNumber);
                this.RaisePropertyChanged(() => this.IncorrectNumber);
            }
        }

        public string IncorrectNumber
        {
            get
            {
                if (UserNumber is Int16 || UserNumber is Int32) 
                {
                    return null;
                }
                else
                {
                    return "Incorrect phone number";
                }
            }

        }

    }
 }

但是由于某种原因，如果我在此区域键入非数字字符，则看不到错误消息。 它应该出现在数字下方。

我是MVVMCross中的新手，有点困惑。 请帮忙

UPD。 我从fmaccaroni建议中添加了更改。 现在错误消息总是在这里。 即使该区域仅包含数字。

Answer 1

您可以尝试通过以下方式实现它：

int numb;
if (!int.TryParse(UserNumber, out numb) && UserNumber.Length != 0) 
{
    return "Incorrect phone number";
}

Answer 2

您的绑定错误，它们应该是local:MvxBind="Text UserNumber"而local:MvxBind="Text IncorrectNumber"检查文档 。

并且除非您使用Fody.PropertyChanged包（我建议您使用），否则应在_userNumber = value;的设置器内调用this.RaisePropertyChanged(() => this.IncorrectNumber) ，即在_userNumber = value; 为了通知View某些属性（ IncorrectNumber ）已从ViewModel中更改

更新

您还应该像@mrisek所说的那样在IncorrectNumber setter中更改您的验证。 应该像

public string IncorrectNumber => !string.IsNullOrEmpty(UserNumber) && int.TryParse(UserNumber, out int n) ? null : "Incorrect phone number" ;

如果使用is运算符，它将比较该对象是否属于该Type （不清楚）。 顺便说一句，请记住Int32的长度，如果您想使用更大的数字，则应使用Int64或使用Regex进行验证： Regex.IsMatch(UserNumber, @"^\\d+$")