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

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

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

要做到这些并不复杂，只要用到一个类就足矣—— 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. <!--TitlePanel 包含应用程序的名称和页标题-->
25. <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
26. <TextBlock x:Name="ApplicationTitle" Text="我的应用程序" Style="{StaticResource PhoneTextNormalStyle}"/>
27. <TextBlock x:Name="PageTitle" Text="规范输入" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
28. </StackPanel>
29. <!--ContentPanel - 在此处放置其他内容-->
30. <ScrollViewer x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"
31. HorizontalScrollBarVisibility="Auto"
32. VerticalScrollBarVisibility="Auto">
33. <StackPanel>
34. <TextBlock Text="输入Email地址：" FontSize="{StaticResource fontSize}" />
35. <TextBox Name="txtEmail" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch">
36. <TextBox.InputScope>
37. <InputScope>
38. <InputScope.Names>
39. <InputScopeName NameValue="EmailNameOrAddress"/>
40. </InputScope.Names>
41. </InputScope>
42. </TextBox.InputScope>
43. </TextBox>
44. <TextBlock Text="输入数字：" Margin="0,15,0,0" FontSize="{StaticResource fontSize}" />
45. <TextBox Name="txtNumber" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch">
46. <TextBox.InputScope>
47. <InputScope>
48. <InputScope.Names>
49. <InputScopeName NameValue="Number"/>
50. </InputScope.Names>
51. </InputScope>
52. </TextBox.InputScope>
53. </TextBox>
54. <TextBlock Text="输入时间：" Margin="0,15,0,0" FontSize="{StaticResource fontSize}" />
55. <TextBox Name="txtTime" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch">
56. <TextBox.InputScope>
57. <InputScope>
58. <InputScope.Names>
59. <InputScopeName NameValue="Time"/>
60. </InputScope.Names>
61. </InputScope>
62. </TextBox.InputScope>
63. </TextBox>
64. <TextBlock Text="输入人民币：" Margin="0,15,0,0" FontSize="{StaticResource fontSize}" />
65. <TextBox Name="txtRMB" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch">
66. <TextBox.InputScope>
67. <InputScope>
68. <InputScope.Names>
69. <InputScopeName NameValue="CurrencyChinese"/>
70. </InputScope.Names>
71. </InputScope>
72. </TextBox.InputScope>
73. </TextBox>
74. <TextBlock Text="输入电话号码：" Margin="0,15,0,0" FontSize="{StaticResource fontSize}" />
75. <TextBox Name="txtPhoneNum" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch">
76. <TextBox.InputScope>
77. <InputScope>
78. <InputScope.Names>
79. <InputScopeName NameValue="TelephoneNumber"/>
80. </InputScope.Names>
81. </InputScope>
82. </TextBox.InputScope>
83. </TextBox>
84. <TextBlock Text="输入URL：" Margin="0,15,0,0" FontSize="{StaticResource fontSize}" />
85. <TextBox Name="txtURL" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch">
86. <TextBox.InputScope>
87. <InputScope>
88. <InputScope.Names>
89. <InputScopeName NameValue="Url"/>
90. </InputScope.Names>
91. </InputScope>
92. </TextBox.InputScope>
93. </TextBox>
94. <TextBlock Text="输入单个字符：" Margin="0,15,0,0" FontSize="{StaticResource fontSize}" />
95. <TextBox Name="txtChat" FontSize="{StaticResource fontSize}" HorizontalAlignment="Stretch">
96. <TextBox.InputScope>
97. <InputScope>
98. <InputScope.Names>
99. <InputScopeName NameValue="Chat"/>
100. </InputScope.Names>
101. </InputScope>
102. </TextBox.InputScope>
103. </TextBox>
104. </StackPanel>
105. </ScrollViewer>
106. </Grid>
107. <!--演示 ApplicationBar 用法的示例代码-->
108. <!--<phone:PhoneApplicationPage.ApplicationBar>
109. <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
110. <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="按钮 1"/>
111. <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="按钮 2"/>
112. <shell:ApplicationBar.MenuItems>
113. <shell:ApplicationBarMenuItem Text="菜单项 1"/>
114. <shell:ApplicationBarMenuItem Text="菜单项 2"/>
115. </shell:ApplicationBar.MenuItems>
116. </shell:ApplicationBar>
117. </phone:PhoneApplicationPage.ApplicationBar>-->
118. </phone:PhoneApplicationPage>

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