Windows Phone开发(13):如何规范用户的输入行为

很多时候，我们对用户的操作或输入做一定程度的限制，以避免发生不必要的异常或错误，因此，对一些特殊的类型，进行输入限制是很有必要的。

通改变屏幕键盘的显示模式可以规范和告诉用户， 这里应该输入什么。

要做到这些并不复杂，只要用到一个类就足矣—— InputScope，它有一个Names属性，包含InputScopeName列表，而InputScopeName的NameValue是一个枚举值，说到底，显示什么样的屏幕键盘就取决于该枚举值。

非常多的内容，至少每个枚举项表示什么，就没有必要一一说明，大家参考SDK文档就可以了。

上面是理论部分，是不是这么神呢，下面我们用实践来证明吧。

启动你的VS，然后新建一个Silverlight for Windows Phone应用项目。

界面很简单，随便放几个TextBox，我们只做几个典型的应用就行了，因为原理都是一样的。比如数字，日期，时间，Email地址等。

<phone:PhoneApplicationPage  
    x:Class="InputScpSample.MainPage" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone" 
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768" 
    FontFamily="{StaticResource PhoneFontFamilyNormal}" 
    FontSize="{StaticResource PhoneFontSizeNormal}" 
    Foreground="{StaticResource PhoneForegroundBrush}" 
    SupportedOrientations="Portrait" Orientation="Portrait" 
    shell:SystemTray.IsVisible="True" xmlns:my="clr-namespace:System;assembly=mscorlib"> 
    <phone:PhoneApplicationPage.Resources> 
        <my:Double x:Key="fontSize">32</my:Double> 
    </phone:PhoneApplicationPage.Resources> 
    <!--LayoutRoot 是包含所有页面内容的根网格--> 
    <Grid x:Name="LayoutRoot" Background="Transparent"> 
        <Grid.RowDefinitions> 
            <RowDefinition Height="Auto"/> 
            <RowDefinition Height="*"/> 
        </Grid.RowDefinitions> 
        <!--TitlePanel 包含应用程序的名称和页标题--> 
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28"> 
            <TextBlock x:Name="ApplicationTitle" Text="我的应用程序" Style="{StaticResource PhoneTextNormalStyle}"/> 
            <TextBlock x:Name="PageTitle" Text="规范输入" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/> 
        </StackPanel> 
 
        <!--ContentPanel - 在此处放置其他内容--> 
        <ScrollViewer x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" 
                      HorizontalScrollBarVisibility="Auto" 
                      VerticalScrollBarVisibility="Auto"> 
            <StackPanel> 
                <TextBlock Text="输入Email地址：" FontSize="{StaticResource fontSize}" /> 
                <TextBox Name="txtEmail" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch"> 
                    <TextBox.InputScope> 
                        <InputScope> 
                            <InputScope.Names> 
                                <InputScopeName NameValue="EmailNameOrAddress"/> 
                            </InputScope.Names> 
                        </InputScope> 
                    </TextBox.InputScope> 
                </TextBox> 
                <TextBlock Text="输入数字：" Margin="0,15,0,0" FontSize="{StaticResource fontSize}" /> 
                <TextBox Name="txtNumber" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch"> 
                    <TextBox.InputScope> 
                        <InputScope> 
                            <InputScope.Names> 
                                <InputScopeName NameValue="Number"/> 
                            </InputScope.Names> 
                        </InputScope> 
                    </TextBox.InputScope> 
                </TextBox> 
                <TextBlock Text="输入时间：" Margin="0,15,0,0" FontSize="{StaticResource fontSize}" /> 
                <TextBox Name="txtTime" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch"> 
                    <TextBox.InputScope> 
                        <InputScope> 
                            <InputScope.Names> 
                                <InputScopeName NameValue="Time"/> 
                            </InputScope.Names> 
                        </InputScope> 
                    </TextBox.InputScope> 
                </TextBox> 
                <TextBlock Text="输入人民币：" Margin="0,15,0,0" FontSize="{StaticResource fontSize}" /> 
                <TextBox Name="txtRMB" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch"> 
                    <TextBox.InputScope> 
                        <InputScope> 
                            <InputScope.Names> 
                                <InputScopeName NameValue="CurrencyChinese"/> 
                            </InputScope.Names> 
                        </InputScope> 
                    </TextBox.InputScope> 
                </TextBox> 
               <TextBlock Text="输入电话号码：" Margin="0,15,0,0" FontSize="{StaticResource fontSize}" /> 
                <TextBox Name="txtPhoneNum" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch"> 
                    <TextBox.InputScope> 
                        <InputScope> 
                            <InputScope.Names> 
                                <InputScopeName NameValue="TelephoneNumber"/> 
                            </InputScope.Names> 
                        </InputScope> 
                    </TextBox.InputScope> 
                </TextBox> 
                <TextBlock Text="输入URL：" Margin="0,15,0,0" FontSize="{StaticResource fontSize}" /> 
                <TextBox Name="txtURL" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch"> 
                    <TextBox.InputScope> 
                        <InputScope> 
                            <InputScope.Names> 
                                <InputScopeName NameValue="Url"/> 
                            </InputScope.Names> 
                        </InputScope> 
                    </TextBox.InputScope> 
                </TextBox> 
 
                <TextBlock Text="输入单个字符：" Margin="0,15,0,0" FontSize="{StaticResource fontSize}" /> 
                <TextBox Name="txtChat" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch"> 
                    <TextBox.InputScope> 
                        <InputScope> 
                            <InputScope.Names> 
                                <InputScopeName NameValue="Chat"/> 
                            </InputScope.Names> 
                        </InputScope> 
                    </TextBox.InputScope> 
                </TextBox> 
 
            </StackPanel> 
        </ScrollViewer> 
    </Grid> 
    <!--演示 ApplicationBar 用法的示例代码--> 
    <!--<phone:PhoneApplicationPage.ApplicationBar> 
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True"> 
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="按钮 1"/> 
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="按钮 2"/> 
            <shell:ApplicationBar.MenuItems> 
                <shell:ApplicationBarMenuItem Text="菜单项 1"/> 
                <shell:ApplicationBarMenuItem Text="菜单项 2"/> 
            </shell:ApplicationBar.MenuItems> 
        </shell:ApplicationBar> 
    </phone:PhoneApplicationPage.ApplicationBar>--> 
</phone:PhoneApplicationPage> 

当然了，这种限制并不能十分准确，所以在你应用程序中，确认的时候也应当对特定的数据类型进行多一次验证。