首页 > 代码库 > Windows Phone开发(13):如何规范用户的输入行为

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.   
  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="http://www.mamicode.com/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="http://www.mamicode.com/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="http://www.mamicode.com/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="http://www.mamicode.com/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="http://www.mamicode.com/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="http://www.mamicode.com/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="http://www.mamicode.com/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>  

 

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

技术分享

 

技术分享

 

技术分享

 

技术分享

 

技术分享

 

技术分享

 

技术分享

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