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

创建丰富的移动用户界面

2009年6月30日

CPOL

5分钟阅读

viewsIcon

28588

当代移动应用程序的成功取决于丰富的功能和吸引人的图形用户界面。让我们一起寻找一种方法,在开发此类应用程序时取得成功并卓有成效。

当代移动应用程序的成功取决于丰富的功能和吸引人的图形用户界面。让我们一起寻找一种方法,在开发此类应用程序时取得成功并卓有成效。

在开发移动应用程序时,您可以选择 Android、Windows Mobile、iPhone 等平台。在上述三个平台中,我们将选择 Windows Mobile。原因显而易见——开发是在 Microsoft Visual Studio 中完成的,这是开发者社区中最受欢迎的开发环境。许多公司已经使用 Visual Studio 开发了桌面解决方案,并拥有可用于创建移动解决方案的相关知识和经验。唯一需要定制的方面是用户界面。此外,Windows Mobile 平台占据最大的市场份额,而且移动应用程序可以轻松上传到设备。我们将使用 Visual Studio 和 C# 编程语言。为了取得成功,我们采用了第三方组件;具体来说——Resco MobileForms Toolkit
让我们来看看使用这些组件能实现什么……

创建具有强大功能的精美列表

列表是移动设备屏幕上显示数据最常用的方式之一。我们不使用标准的 Visual Studio 列表控件,而是使用 Resco AdvancedList for .NET CF。该组件拥有极其丰富的功能。此外,它还具有令人印象深刻的图形效果。整个组件完全支持手指触摸滚动,并且由于 DelayLoad 功能,可以处理大量数据。DelayLoad 功能仅加载可见数据,从而解决了移动设备硬件性能有限的问题。

Resco AdvancedList for .NET CF Resco AdvancedList for .NET CF Resco AdvancedList for .NET CF

将单元格放入可自定义的网格中

另一种数据显示方式是使用网格。Resco 的网格——Resco SmartGrid for .NET CF 提供了多种格式化机会,例如 CustomizeCell 事件或不同的单元格样式。此外,该组件还内置了自动编辑工具:文本框、复选框和自定义控件。可能引起您兴趣的是创建图形化设计的可能性。该组件支持渐变色和不同的图形功能。它具有完整的触摸滚动支持以及 XML 模板支持。

Resco SmartGrid for .NET CF Resco SmartGrid for .NET CF Resco SmartGrid for .NET CF

创建移动用户输入表单的优雅且节省时间的方法

在解决了如何显示数据的问题后,让我们专注于数据输入,特别是创建移动用户输入表单。一种非常聪明的方法是部署 Resco DetailView for .NET CF。输入控件被收集在一个紧凑的环境中,该环境使表单具有标准的 Windows Mobile 外观和感觉。该组件支持多页面,允许您将长内容分成几个子页面。此外,它支持所有标准的输入方法:组合框、复选框、文本项和数字项。整个布局是完全可定制的——标签宽度调整、前景颜色、背景颜色、字体、对齐方式;边框属性可以轻松设置。手指触摸支持是理所当然的。

Resco DetailView for .NET CF Resco DetailView for .NET CF Resco DetailView for .NET CF

使用图表代替数字

数据呈现可以以多种方式进行。在移动环境中工作时,机会是有限的。在您的设备上呈现收集数据的最佳方式是使用图表——Resco CompactChart for .NET CF。它不仅针对移动环境进行了优化,并且允许通过数据集进行数据绑定,而且还提供了多达 5 种图表类型——饼图、条形图、折线图、甜甜圈图和面积图。这是市场上最广泛的图表组合。

Resco CompactChart for .NET CF Resco CompactChart for .NET CF Resco CompactChart for .NET CF

使其现代化,轻松导航!

快捷方式几乎在所有现代移动应用程序中都会用到。它们既美观又现代化,并且有助于更友好的导航。您可以在 Resco 的工具包中找到一个出色的组件,名为 Resco ShortcutBar for .NET CF。快捷方式可以方便地分组和图形化修改——渐变色和多种图形选项。

Resco ShortcutBar for .NET CF Resco ShortcutBar for .NET CF

魔法触碰即可进入下一个表单

如果您对最简单的导航方法感兴趣,请务必查看 Resco Toolbar for .NET CF。工具栏可以设计成垂直或水平方向。此外,按钮可以通过文本、图像或皮肤来定义。整个组件支持触摸控制和 XML 模板。

Resco Toolbar for .NET CF Resco Toolbar for .NET CF

用于图像处理的多功能控件

用于图片编辑和描绘的吸引人的组件称为 Resco ImageBox for .NET CF。它支持多种文件格式:jpg、bmp、多帧 gif、tiff、png。可以从文件、数据流或 Internet 加载的图片可以进行裁剪、旋转、缩放,并反转颜色。对于高级编辑,可以使用亮度对比度调整或伽马校正。总而言之,该组件是移动应用程序中图片编辑的理想选择。

Resco ImageBox for .NET CF Resco ImageBox for .NET CF

设计您自己的键盘布局

Resco CustomKeyboard for .NET CF 是一个完全可定制的数据输入组件。您可以根据表单的目的非常轻松地创建自定义键盘布局。布局可以由具有简单图形表示的键集合定义,或者由允许使用高级图形功能的皮肤定义。甚至可以使用多个布局。每个布局都可以通过功能键调用。

Resco CustomKeyboard for .NET Resco CustomKeyboard for .NET Resco CustomKeyboard for .NET

简单、快速、高效

我们尝试描述第三方组件的成果。它们都具有易于使用和无限的自定义机会。结合它们支持的现代技术,特别是触摸滚动、延迟加载和功能、XML 模板支持,以及非常吸引人的图形,它们是每个开发人员和最终用户的双赢解决方案。总而言之——使用 Resco MobileForms Toolkit 可以显著提高移动应用程序开发的效率。

关于Resco MobileForms Toolkit

Resco MobileForms Toolkit 是为移动设备软件解决方案开发者设计的、最丰富、最全面的 Microsoft Visual Studio 控件和库集之一。它的产品组合中包含解决开发者在移动环境中遇到的绝大多数问题的控件和库。灵活的键盘、专业的列表控件、强大的网格控件、图表控件和日程安排控件——仅举最常用的几个例子。

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

facebook

© . All rights reserved.