很多时候,我们对用户的操作或输入做一定程度的限制,以避免发生不必要的异常或错误,因此,对一些特殊的类型,进行输入限制是很有必要的。
通改变屏幕键盘的显示模式可以规范和告诉用户, 这里应该输入什么。
要做到这些并不复杂,只要用到一个类就足矣—— 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>
当然了,这种限制并不能十分准确,所以在你应用程序中,确认的时候也应当对特定的数据类型进行多一次验证。