Windows Phone开发(13):如何规范用户的输入行为 转:http://blog.csdn.net/tcjiaan/article/details/7341513
2012-07-24 20:40
447 查看
很多时候,我们对用户的操作或输入做一定程度的限制,以避免发生不必要的异常或错误,因此,对一些特殊的类型,进行输入限制是很有必要的。
通改变屏幕键盘的显示模式可以规范和告诉用户, 这里应该输入什么。
要做到这些并不复杂,只要用到一个类就足矣—— InputScope,它有一个Names属性,包含InputScopeName列表,而InputScopeName的NameValue是一个枚举值,说到底,显示什么样的屏幕键盘就取决于该枚举值。
非常多的内容,至少每个枚举项表示什么,就没有必要一一说明,大家参考SDK文档就可以了。
上面是理论部分,是不是这么神呢,下面我们用实践来证明吧。
启动你的VS,然后新建一个Silverlight for Windows Phone应用项目。
界面很简单,随便放几个TextBox,我们只做几个典型的应用就行了,因为原理都是一样的。比如数字,日期,时间,Email地址等。
[html] view plaincopyprint?
<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>
当然了,这种限制并不能十分准确,所以在你应用程序中,确认的时候也应当对特定的数据类型进行多一次验证。
通改变屏幕键盘的显示模式可以规范和告诉用户, 这里应该输入什么。
要做到这些并不复杂,只要用到一个类就足矣—— InputScope,它有一个Names属性,包含InputScopeName列表,而InputScopeName的NameValue是一个枚举值,说到底,显示什么样的屏幕键盘就取决于该枚举值。
非常多的内容,至少每个枚举项表示什么,就没有必要一一说明,大家参考SDK文档就可以了。
上面是理论部分,是不是这么神呢,下面我们用实践来证明吧。
启动你的VS,然后新建一个Silverlight for Windows Phone应用项目。
界面很简单,随便放几个TextBox,我们只做几个典型的应用就行了,因为原理都是一样的。比如数字,日期,时间,Email地址等。
[html] view plaincopyprint?
<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>
当然了,这种限制并不能十分准确,所以在你应用程序中,确认的时候也应当对特定的数据类型进行多一次验证。
相关文章推荐
- Windows Phone开发(13):如何规范用户的输入行为
- Windows Phone开发(13):如何规范用户的输入行为
- Windows Phone开发(13):如何规范用户的输入行为
- Windows Phone开发(13):如何规范用户的输入行为
- Windows Phone开发(13):如何规范用户的输入行为
- 微信小程序开发系列五:微信小程序中如何响应用户输入事件
- HttpServletRequest的getServletPath、getServletURI、getServletURL等区别 &&如何防止用户通过直接输入URL访问网页
- Windows Phone开发(42):缓动动画 from:http://blog.csdn.net/tcjiaan/article/details/7588637
- [开发记录][微信]如何回复给用户不同类型的消息
- js如何获取html中用户输入到文本框中的内容?
- 个性化推荐研究(四)之如何利用用户行为数据
- Android EditText输入最大长度限制如何给用户以友好的提示
- 项目经理的商务指南系列之三:认识客户(敏捷开发,被动而弱小的客户,理解客户的古怪行为,如何喜欢上客户)
- 模拟用户行为高匿爬虫的设计开发
- 项目经理的商务指南系列之三:认识客户(敏捷开发,被动而弱小的客户,理解客户的古怪行为,如何喜欢上客户) .
- 如何为开发项目编写规范的README文件(足球竞猜源码下载),此文详解
- 在Android开发中如何移除EditText上的输入焦点
- Windows Phone 8 如何在内存与硬件受限的设备上开发
- 如何使用SSH框架开发实际项目-开发规范
- c#如何实现一个线程暂停,等待用户输入文本后继续运行?