Windows Phone 7 开发 31 日谈——第10日：输入范围和文本框

 

第10日。

本文专门讨论windows phone 7的键盘。我将讲解如何使用键盘显示你想要的字符。还会讨论密码框（passwordbox），以及如何自定义它们。文章最后包含了一个代码示例。

极棒的模拟器技巧

    我听到过很多人抱怨他们不能使用电脑键盘来开发windows phone 7的应用程序。他们只能点击键盘上的每一个按键，这使得他们开发和测试效率都下降了。这儿有一个能使用你电脑键盘的简便方法。在你的电脑键盘上按下pause/break键。它可以让你在模拟器的屏幕键盘以及电脑的物理键盘之间切换。

输入范围（inputscope）

每个文本框和密码框都有对输入范围赋值的能力。这不是必须的，但通过它们可以使用户的感受更加友好。例如，下面两个都是windows phone 7的键盘：

很明显它们不是相同的键盘，你只需要做一点儿事情就可以使它们呈现出来。下面是使两个文本框弹出上述键盘的xaml代码：

<textbox height="100" />
<textbox inputscope="telephonenumber" height="100" />

通过使用inputscope属性，我们可以给用户最合适的键盘以满足他们的需求。例如，如果我们需要键入一个电话号码，要是弹出一个字母键盘就不合适了。下面列举了一些其他值：

url

这个键盘为你提供了一个“.com”按钮来完成url的输入，如果长按那个键它便会展开并向你显示.net, .org, .edu。非常方便。

number

这个输入范围值跳过了字母键盘，直接提供标准的数字键盘。

text

在底部你会看到一个精致的笑脸。点击它你会看到很多表情符号，发短信的完美拍档！

telephonenumber

这是上面的例子之一。为用户提供数字拨号盘而不是字母键盘。

emailnameoraddress

在写邮件时，通常我们会做3件事儿。一个前缀，一个@符号，一个*域名（top-level domain），像.com或.net。在这个输入范围值中键盘已经包含了所有这些内容。

让智能感知奏效

你可能注意到了在键入文本框的inputscope=””时并没有可用的输入范围值的列表弹出。如果在语法上做细微调整（可能会略长一些）你就能看到整个列表。像如下这样做：

<textbox height="75">

    <textbox.inputscope>

        <inputscope>

            <inputscopename namevalue="bopomofo" />

        </inputscope>

    </textbox.inputscope>

</textbox>

 

 

你可能很好奇，注音符号是满清时中文的官方发音体系，但本文不会深究这个用不到的词。下面是你能在智能感知中看到的输入范围的值：

通过代码启动windows phone 7的键盘

    有时候你想让你的用户输入信息，但你不想向他们呈现一个实际的文本框。有很多方法来实现，但我喜欢用最方便的一个来实现。（如果你正在搜索为什么要这么做，想想hangman这个游戏。我不想让键盘总显示，但也不想在屏幕上放置一个文本框。）

1. 在页面中放置一个按钮.
2. 在页面中放置一个文本框，但请确保它是在用户视线之外的任何一个不显示在屏幕中的位置，将它设为完全透明（设为绝对背景），或者用其他方法把它加入到视觉树中，但不要让用户看到它。
3. 在按钮上添加一个click的事件处理程序当它被点击时通过focus方法将焦点赋给隐藏的文本框。
4. 好了！这就可以使你在用户看不到文本框的情况下展开键盘了。

下面的代码示例中包含了这个例子。

密码框

密码框用不着说太多内容，但有一些小问题我想你应该知道。

    第一，在你按下键盘直到它变为一个“晦涩的符号”这个过程中会有1至2秒的延迟。你以前肯定遇到过这种情况，但可能从没想过。例如，在中输入字符，它们变为圆点儿或星号时。

    第二，你可以设定这些“晦涩字符”！如果你喜欢使用问号，或者特定的字符特定的字体，都是可以的。只要指定passwordchar属性即可。来看一下：

<passwordbox x:name="passbox" passwordchar="?" />

 输入范围，文本框和密码框的代码示例

明天，我们会谈谈加速器，以及如何从设备中这个优秀的感应器上收集数据。

原文地址：aspx">http://www.jeffblankenburg.com/post/31-days-of-windows-phone-7c-day-10-inputscope-textboxes.aspx