风起漂泊 发表于 2015-5-13 13:36:55

windows phone 7 31天学习笔记 10 :输入以及文本框

  输入原文地址:http://www.jeffblankenburg.com/post/31-Days-of-Windows-Phone-7c-Day-10-InputScope-TextBoxes.aspx
  本为主要讲注意力放在Windows phone 7上的键盘,我将会显示如何让键盘如你期望那样输入数据。我们将会讨论密码框,以及如何自定义这些。
  模拟器中超酷的提示
  我听到很多人抱怨说他不能使用电脑上的键盘来输入。他们需要通过点击模拟器上的按钮来输入,这将会使开发过程变慢。其实有一个简单的方式让键盘起作用,按Pause/Break按钮,这将会将输入切换到你的键盘上。
  输入框
  每一个文本框以及密码框都能够出发输入框,这不是必须,但是使用他将会使你的用户体验更好。下面是键盘示例:

  很明显,他们不同于我们的键盘,但是你将会只需要做一点变动就能够使他们显示。下面是xaml的代码:

   

  URL
  键盘给你一个“.com”按钮来结束url的输入,但是这个按钮,长按将会展开显示.net .org .edu 以及 .co.uk。很贴心的设计。

  数字
  输入框将会将你带到标准的数字键盘先,跳过字母。

  文本
  你主要到了底部的笑脸。点他将会带给你一堆表情符号:

  电话号码
  这是我上边的例子之一。他给用户一个拨号键盘而不是字母键盘。

  电邮名以及地址
  当输入邮件地址。有三个东西你一般会用到,一个周期,@以及一个顶级域名,比如.com或是.net。他们包含在输入标准输入框中。

  智能提示
  你注意到当你输入InputScope=””在你的文本框中以后,你得不到一个智能提示列表。如果你使用一个不同语法,你将会得到整个列表,看下如何工作:










  正确的一个:

  未免你好奇,"Bopomofo"是官方的手机系统用来翻译中文,特别是普通话。但是只说不用未免很搞笑。下面是整个智能提示列表:

  通过代码显示wp7键盘
  有时候你希望从用户手中获得输入结果,及时你不想通过虚拟文本框显示这些。协力有很多方法实现,但是我将会使用一个更趁手的。
  1 在页面中放置一个按钮
  2 在页面中放置一个文本框,但是确保用户不可见。让他远离屏幕显示,让他彻底透明,或是其他方法把它加到对象树中并且不让用户看到。
  3 为你的按钮设置一个响应事件来接受用户点击。
  4 就这样,实现用户看到输入键盘而不会看到文本。
  我同时提供了另一种方法在下面。
  密码框
  没有很多需要讨论的,但是有一个小地方我希望你能够注意到。
  首先,在用户输入的数据变为"掩码"之前你将会有一秒钟的延迟,你也许以前体验过,但是或许没有想过他。例如,当你的字符在浏览器中变成星号或是其他之前。在你的电脑中没有延迟,但是你却同样更准确。
  其次,你可以自定义“掩码”。如果你更喜欢问好,或是其他字体的特殊字符。只需要设置属性就可以了:
页: [1]
查看完整版本: windows phone 7 31天学习笔记 10 :输入以及文本框