Windows Phone开发（13）：如何规范用户的输入行为

Posted 2020-09-17 谢维开

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

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

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

 

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

 

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

 

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

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

1. <phone:PhoneApplicationPage   
2.     x:Class="InputScpSample.MainPage"  
3.     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
4.     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  
5.     xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"  
6.     xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"  
7.     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"  
8.     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"  
9.     mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"  
10.     FontFamily="{StaticResource PhoneFontFamilyNormal}"  
11.     FontSize="{StaticResource PhoneFontSizeNormal}"  
12.     Foreground="{StaticResource PhoneForegroundBrush}"  
13.     SupportedOrientations="Portrait" Orientation="Portrait"  
14.     shell:SystemTray.IsVisible="True" xmlns:my="clr-namespace:System;assembly=mscorlib">  
15.     <phone:PhoneApplicationPage.Resources>  
16.         <my:Double x:Key="fontSize">32</my:Double>  
17.     </phone:PhoneApplicationPage.Resources>  
18.     <!--LayoutRoot 是包含所有页面内容的根网格-->  
19.     <Grid x:Name="LayoutRoot" Background="Transparent">  
20.         <Grid.RowDefinitions>  
21.             <RowDefinition Height="Auto"/>  
22.             <RowDefinition Height="*"/>  
23.         </Grid.RowDefinitions>  
24.   
25.         <!--TitlePanel 包含应用程序的名称和页标题-->  
26.         <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">  
27.             <TextBlock x:Name="ApplicationTitle" Text="我的应用程序" Style="{StaticResource PhoneTextNormalStyle}"/>  
28.             <TextBlock x:Name="PageTitle" Text="规范输入" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>  
29.         </StackPanel>  
30.   
31.         <!--ContentPanel - 在此处放置其他内容-->  
32.         <ScrollViewer x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"  
33.                       HorizontalScrollBarVisibility="Auto"  
34.                       VerticalScrollBarVisibility="Auto">  
35.             <StackPanel>  
36.                 <TextBlock Text="输入Email地址：" FontSize="{StaticResource fontSize}" />  
37.                 <TextBox Name="txtEmail" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch">  
38.                     <TextBox.InputScope>  
39.                         <InputScope>  
40.                             <InputScope.Names>  
41.                                 <InputScopeName NameValue="EmailNameOrAddress"/>  
42.                             </InputScope.Names>  
43.                         </InputScope>  
44.                     </TextBox.InputScope>  
45.                 </TextBox>  
46.   
47.                 <TextBlock Text="输入数字：" Margin="0,15,0,0" FontSize="{StaticResource fontSize}" />  
48.                 <TextBox Name="txtNumber" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch">  
49.                     <TextBox.InputScope>  
50.                         <InputScope>  
51.                             <InputScope.Names>  
52.                                 <InputScopeName NameValue="Number"/>  
53.                             </InputScope.Names>  
54.                         </InputScope>  
55.                     </TextBox.InputScope>  
56.                 </TextBox>  
57.   
58.                 <TextBlock Text="输入时间：" Margin="0,15,0,0" FontSize="{StaticResource fontSize}" />  
59.                 <TextBox Name="txtTime" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch">  
60.                     <TextBox.InputScope>  
61.                         <InputScope>  
62.                             <InputScope.Names>  
63.                                 <InputScopeName NameValue="Time"/>  
64.                             </InputScope.Names>  
65.                         </InputScope>  
66.                     </TextBox.InputScope>  
67.                 </TextBox>  
68.   
69.                 <TextBlock Text="输入人民币：" Margin="0,15,0,0" FontSize="{StaticResource fontSize}" />  
70.                 <TextBox Name="txtRMB" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch">  
71.                     <TextBox.InputScope>  
72.                         <InputScope>  
73.                             <InputScope.Names>  
74.                                 <InputScopeName NameValue="CurrencyChinese"/>  
75.                             </InputScope.Names>  
76.                         </InputScope>  
77.                     </TextBox.InputScope>  
78.                 </TextBox>  
79.   
80.                 <TextBlock Text="输入电话号码：" Margin="0,15,0,0" FontSize="{StaticResource fontSize}" />  
81.                 <TextBox Name="txtPhoneNum" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch">  
82.                     <TextBox.InputScope>  
83.                         <InputScope>  
84.                             <InputScope.Names>  
85.                                 <InputScopeName NameValue="TelephoneNumber"/>  
86.                             </InputScope.Names>  
87.                         </InputScope>  
88.                     </TextBox.InputScope>  
89.                 </TextBox>  
90.   
91.                 <TextBlock Text="输入URL：" Margin="0,15,0,0" FontSize="{StaticResource fontSize}" />  
92.                 <TextBox Name="txtURL" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch">  
93.                     <TextBox.InputScope>  
94.                         <InputScope>  
95.                             <InputScope.Names>  
96.                                 <InputScopeName NameValue="Url"/>  
97.                             </InputScope.Names>  
98.                         </InputScope>  
99.                     </TextBox.InputScope>  
100.                 </TextBox>  
101.   
102.                 <TextBlock Text="输入单个字符：" Margin="0,15,0,0" FontSize="{StaticResource fontSize}" />  
103.                 <TextBox Name="txtChat" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch">  
104.                     <TextBox.InputScope>  
105.                         <InputScope>  
106.                             <InputScope.Names>  
107.                                 <InputScopeName NameValue="Chat"/>  
108.                             </InputScope.Names>  
109.                         </InputScope>  
110.                     </TextBox.InputScope>  
111.                 </TextBox>  
112.   
113.             </StackPanel>  
114.         </ScrollViewer>  
115.     </Grid>  
116.    
117.     <!--演示 ApplicationBar 用法的示例代码-->  
118.     <!--<phone:PhoneApplicationPage.ApplicationBar>  
119.         <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">  
120.             <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="按钮 1"/>  
121.             <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="按钮 2"/>  
122.             <shell:ApplicationBar.MenuItems>  
123.                 <shell:ApplicationBarMenuItem Text="菜单项 1"/>  
124.                 <shell:ApplicationBarMenuItem Text="菜单项 2"/>  
125.             </shell:ApplicationBar.MenuItems>  
126.         </shell:ApplicationBar>  
127.     </phone:PhoneApplicationPage.ApplicationBar>-->  
128.   
129. </phone:PhoneApplicationPage>  

 

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