65.9K
CodeProject 正在变化。 阅读更多。
Home

设计 Windows 移动应用程序的用户界面

2011 年 10 月 12 日

CPOL

3分钟阅读

viewsIcon

25540

downloadIcon

1

本文包含使用 Resco MobileForms Toolkit 创建用于预订航班和租车的 Windows Mobile 应用程序用户界面的示例和指南。

根据移动开发人员的反馈,我们得出结论,他们需要解决几个类似的情况。他们通常需要设计一个可以用手指触摸控制的移动应用程序。让我们设计一个满足这些要求的简单应用程序。

最终用户应用程序将具有以下功能

  • 在滚轮导航中触摸滚动
  • 动画显示附加信息
  • 在整个应用程序中使用手指导航

必备组件

要了解 Resco 开发人员如何将应用程序做到极致,请下载下面的源代码或应用程序

您将需要:

  • Microsoft Windows Mobile 5.0 SDK(或更高版本),您可以在这里下载 这里
  • Resco MobileForms Toolkit 2011 Windows Mobile Edition,您可以在这里下载 这里
  • 任何 WM 设备(或模拟器)

Resco MobileForms Toolkit 是一组为移动设备设计的 Visual Studio 控件。该工具包包含 46 个控件。市场上最大的 Windows Mobile 控件集。在您的计算机上安装 Resco MobileForms Toolkit 2011 后,这些控件将自动添加到 Visual Studio 的工具箱中。我们将在项目中使用以下 Resco 控件和库

  • 用于 .NET CF 的 Resco TabControl
  • 用于 .NET CF 的 Resco MessageBox
  • 用于 .NET CF 的 Resco ImageButton
  • 用于 .NET CF 的 Resco UIAnimatedLabel
  • 用于 .NET CF 的 Resco UIRollerPicker
  • 用于 .NET CF 的 Resco UIDateTimePicker
  • 用于 .NET CF 的 Resco UIColorPicker
  • 用于 .NET CF 的 Resco TouchRadioButton
  • 用于 .NET CF 的 Resco TouchCheckBox

UIControls.png

该应用程序可以为 .NET Compact Framework 2.0 和 .NET Compact Framework 3.5 创建。该应用程序支持两种分辨率,VGA 和 QVGA。只需下载 Resco MobileForms Toolkit 2011 的相应版本即可。

用户界面

该应用程序由一个 Form 对象组成 - Form 包含带有两个 TabPages 的 TabControl。

第一页包含带有广告的 AnimationLabel、用于选择航班选项的 Radiobuttons、用于选择目的地和人数的 RollerPickers、用于选择日期的 DateTimePickers,以及在单击 ImageButton 后显示的 MessageBox。该页面包含另外两个用于附加信息的 TransparentLabels 和用于确认使用条款的 TouchCheckBox。

第二页由带有广告的 AnimatedLabel、用于选择城市的 RollerPicker、用于选择颜色的 ColorPicker 和 DateTimePickers 组成。该页面还包含 ImageButton 和 TransparentLabels。

设计控件

  • UIAnimatedLabel – AnimationSpeed、BorderThickness 和 BorderColor 属性已更改。所有角都已圆角化。该控件以渐变背景色显示。
  • UIRollerPicker – 两个角已圆角化,这创造了很好的外观。该控件以渐变背景色显示。

  • UIControls1.png

  • UIDateTimePicker – 两个相对的角已圆角化。该控件使用渐变色,并具有更多格式的日期选项。

  • UIControls2.png  UIControls3.png

  • UIColorPicker – 该控件以两个圆角和渐变背景色显示。为该控件创建了特殊的 ColorList。您可以选择在 DropDownList 中显示哪些颜色。

  • UIControls4.png

  • TouchCheckBox 和 TouchRadioButton – 用透明图像替换了已选中和未选中的框。
  • ImageButton – 该控件以圆角和渐变背景色显示。
  • MessageBox – 扩展标准消息框类。

  • UIControls5.png

结论

这种应用程序为用户提供了通过简单的手指触摸可用的所有重要功能。开发人员需要设计满足当前趋势的应用程序,例如手指触摸支持、直观操作和有吸引力的图形设计。使用拥有这一切的第三方组件是不可避免的——Resco MobileForms Toolkit 2011。

关于Resco MobileForms Toolkit

Resco MobileForms Toolkit 是为移动设备软件解决方案的开发人员设计的 Microsoft Visual Studio 控件和库中最丰富和最全面的集合之一。在其产品组合中,有控件和库解决了开发人员在移动环境中遇到的大多数问题。灵活的键盘、专业的列表控件、强大的网格控件、图表控件和调度控件——仅提及最常用的那些。

有关 Resco MobileForms Toolkit 的更多信息,请访问 http://www.resco.net/developer/mobileformstoolkit/default.aspx

看看使用 Resco MobileForms Toolkit 控件制作的示例应用程序

关注我们

twitter.pngfacebook_48.pngyoutube_48.png

http://blog.resco.net

© . All rights reserved.