CN101989179A - 前进式三维用户界面的实现方法和移动终端 - Google Patents

Abstract

本发明提供一种前进式三维用户界面的实现方法和移动终端，所述方法包括如下：将用户界面的图标按一定的顺序设置在离屏幕一定距离的显示位置，从XY、XZ、YZ面视角都能在屏幕上见到每一个图标；选中一个图标后，原用户界面整体向屏幕方向移动，而且图标逐渐变大；原用户界面移动一段距离后，在显示位置的后方绘制新用户界面，新用户界面也向屏幕方向逐渐移动；随着原用户界面不断向屏幕方向移动，并逐步移出屏幕显示范围，新用户界面也不断向屏幕方向移动，直至停留在显示位置；此时结束，或重复以进行下一轮的操作。本发明能够达到不断前进的效果、增加纵深感、提高用户操作体验。

Description

前进式三维用户界面的实现方法和移动终端

技术领域

本发明涉及一种图形用户界面，特别涉及一种移动终端的三维用户界面。

背景技术

现有的移动终端交互技术，主要是继承了桌面应用的相关交互组件。通过简单的减小面积和简单化操作的方式，移植到移动终端上。

随着移动终端性能的提升和3G网络的商用化，移动终端已经有能力支撑三维用户界面的应用。三维界面可以使用户与系统的交互变得更加流畅和直观，再加上终端本身具有移动的特性，可以承载多种增值服务种类，将成为无线增值领域的一个重要方向。

然而当前手持设备中的用户图形界面图形形式单一，仍然多为2维平面中选择图标进行操作。这种操作平面感强，没有纵深感，用户体验不好。而且现有技术中的三维用户界面也多为简单的将图标作为贴图材质，直接覆盖在三维图形的不同面，用户体验太过简单，纵深感和趣味性不够。

发明内容

本发明要解决的技术问题，在于提供一种前进式三维用户界面的实现方法和移动终端，它能够达到不断前进的效果、增加纵深感、提高用户操作体验。

本发明是这样实现的：

本发明提供一种前进式三维用户界面的实现方法，具体包括如下步骤：

步骤10、将用户界面的图标按一定顺序设置在离屏幕一定距离的显示位置，而且从XY、XZ、YZ面视角都能在屏幕上见到每一个图标；

步骤20、选中一个图标后，原用户界面整体逐步向屏幕方向移动，而且图标逐渐变大；

步骤30、原用户界面移动一段距离后，在显示位置的Z轴方向的后方开始绘制新用户界面，新用户界面也向屏幕方向逐渐移动；

步骤40、随着原用户界面不断向屏幕方向移动，并逐步移出屏幕显示范围，新用户界面也不断向屏幕方向移动，直至停留在显示位置；

步骤50、此时结束；或重复步骤20至步骤40，以进行下一轮的操作。

本发明还提供一种实现前进式三维用户界面的移动终端，包括：

图标位置设置单元，用于将用户界面的图标按一定的顺序设置在离屏幕一定距离的显示位置，而且从三维用户界面XYZ坐标系的XY、XZ、YZ面视角都能在屏幕上见到每一个图标；

用户界面变化单元，用于在选中一个图标后，使原用户界面整体逐步向屏幕方向移动，而且图标逐渐变大；

新用户界面绘制单元，用于在原用户界面移动一段距离后，在显示位置的Z轴方向的后方开始绘制新用户界面，新用户界面也向屏幕方向逐渐移动；

界面更替单元，用于使原用户界面不断向屏幕方向移动，并逐步移出屏幕显示范围，新用户界面也不断向屏幕方向移动，直至停留在显示位置。

本发明具有如下优点：

1、本发明将用户界面立体化三维化，大幅增加用户使用的趣味性，克服了当前手持设备中的用户图形界面图形形式单一，多为2维平面中选择图标进行的操作；

2、本发明的用户界面是实时三维绘制产生，以3维立体的界面为基础，在用户选择一个图标后，将旧图标不断向屏幕方向推进直到移出屏幕显示范围，以实现旧图标的消失；在离屏幕较远处开始绘制新用户界面，通过不断向屏幕方向推进直到到达指定位置，以实现新图标的出现，以此实现用户界面的过渡，在用户界面切换时，始终保持图标向屏幕的渐进移动，以达到用户不断向前推进的用户体验，使得用户使用用户界面时增加好奇心和更强烈代入感；

3、本发明的用户界面切换更具连贯性。

附图说明

下面参照附图结合实施例对本发明作进一步的说明。

图1为实现本发明方法的设备结构原理框图。

图2为本发明方法的流程示意图。

图3A为本发明用户界面的图标XZ面的排布示意图。

图3B为本发明用户界面的图标XY面的排布示意图。

图3C为本发明用户界面的图标YZ面的排布示意图。

图4A为本发明用户界面切换初期时XZ面的示意图。

图4B为本发明用户界面切换初期时XY面的示意图。

图4C为本发明用户界面切换初期时YZ面的示意图。

图5A为本发明用户界面切换末期时XZ面的示意图。

图5B为本发明用户界面切换末期时XY面的示意图。

图5C为本发明用户界面切换末期时YZ面的示意图。

具体实施方式

参阅图1至图5C对本发明实施例进行详细的说明。

如图1所示，为本发明所需的设备结构原理框图。实现本发明的功能需要：总线，所述总线为一个互联的单元，将挂载在总线上的各个单元连接在一起，任一个总线上的单元可以通过总线访问到挂载在总线的其他单元；CPU(中央处理器)，负责通过总线对触摸屏控制器和显示控制单元和GPU进行控制；GPU(图形处理单元)，负责根据CPU的控制，通过总线从外部存储器获取所需的材质图像，然后绘制出待显示的图像数据后存储到外部存储器；外部存储器，负责存储用户界面所需的全部材质和图像数据和经过GPU处理后待显示的图像数据；触摸屏控制器，负责将用户在触摸屏上的触碰操作转化为屏幕坐标信息并将信息送往CPU；显示控制单元，负责通过总线从外部存储器读取待显示图像数据，并把数据显示屏幕显示；显示屏幕，负责将显示控制单元提供的显示数据变为图像显示到屏幕上。

操作流程为：

1.当硬件开始上电工作后，CPU将各个单元初始化，使得各个单元开始正常工作；

2.当软件系统启动后，用户可以通过触摸屏进行操作，用户对触摸屏的控制信息从触摸屏控制器传送到CPU；

3.CPU根据从触摸屏控制器得到的用户触碰屏幕点的坐标，然后查询个图标所对应的坐标范围，得到用户希望选择的图标；

4.当确定用户所选的图标后，CPU开始对GPU进行配置，命令GPU绘制出所需要效果的图形效果；

5.当GPU得到CPU的命令后，开始从外部存储器读取绘制所需的材质图像，然后再绘制完后将待显示的图像存储到外部存储器；

6.当GPU绘制图像完毕后，CPU开始配置显示控制单元，命令显示控制单元显示GPU绘制的图像；

7.显示控制单元得到CPU命令后，从外部存储器读取待显示图像，处理为显示屏幕所需的数据格式后，送往显示屏幕显示；

8.当用户界面更新完毕后，CPU重新开始接受触摸屏控制器的数据，开始新一轮的用户操作。

如图2所示，本发明的用户界面具体包括如下步骤：步骤10、将用户界面的图标按一定顺序设置在离屏幕一定距离的显示位置，而且从XY、XZ、YZ面视角都能在屏幕上见到每一个图标；步骤20、选中一个图标后，原用户界面整体逐步向屏幕方向移动，而且图标逐渐变大；步骤30、原用户界面移动一段距离后，在显示位置的Z轴方向的后方开始绘制新用户界面，新用户界面也向屏幕方向逐渐移动；步骤40、随着原用户界面不断向屏幕方向移动，并逐步移出屏幕显示范围，新用户界面也不断向屏幕方向移动，直至停留在显示位置；步骤50、此时结束；或重复步骤20至步骤40，以进行下一轮的操作。

结合图3A、图3B、图3C，用户界面的图标1、图标2、图标3设置在离屏幕一定距离的显示位置，用户可以从XY、XZ、YZ面视角都能在屏幕上见到每一个图标，在屏幕上从前到后、从右到左的方向上图标依次为从低到高排列。图标距离屏幕有一定的距离，可以供图标前进特效提供足够的距离。用户可以通过触碰图标来实现选择该图标。

更进一步的，可以使得每一个图标正面的法线朝向都不一样，选中图标后，将该图标调整到法线垂直于显示屏而且距离最靠近显示屏的位置，而且这个调整的过程以步进方式实现，这样可以得到整体用户界面旋转的效果。

结合图4A、图4B、图4C，用户通过触碰选中一个图标后，用户界面开始切换到下一个用户界面，此时原有的图标1、图标2、图标3整体逐步向屏幕方向移动，最好沿着法线方向移动，而且逐步向屏幕方向移动的图标会逐渐变大，根据相对运动原理，用户的感觉是自己正在向屏幕方向前进。在旧用户界面向屏幕方向移动一段距离后，在旧界面的Z轴方向的后方开始绘制下一组新用户界面，新用户界面也以一定的速度沿着法线方向向屏幕方向逐渐移动。图中，旧的图标1、图标2、图标3已经向屏幕方向移动一段距离，后方的新图标也开始向屏幕方向逐渐移动，此时只有最前方的新图标1显示在屏幕中。

结合图5A、图5B、图5C，随着旧用户界面的不断向前移动，旧图标会逐渐移出屏幕显示范围，新图标会仍然继续不断的前进，随着旧用户界面整体全部移出屏幕显示范围，新用户界面前进移动到图标的显示位置后停止移动，图中，旧的图标已经部分移出屏幕显示范围，只剩下了最后方的图标3，而后方的新图标1、新图标2、新图标3继续整体向前移动。

本发明的用户界面以3维立体的界面为基础，在用户选择一个图标后，将旧图标不断向屏幕方向推进直到移出屏幕显示范围，以实现旧图标的消失；在离屏幕较远处开始绘制新用户界面，通过不断向屏幕方向推进直到到达指定的图标显示位置，以实现新图标的出现，以此实现用户界面的过渡，在用户界面切换时，始终保持图标向屏幕的渐进移动，以达到用户不断向前推进的用户体验。

本发明还提供一种实现前进式三维用户界面的移动终端，包括：

图标位置设置单元，用于将用户界面的图标按一定的顺序设置在离屏幕一定距离的显示位置，而且从三维用户界面XYZ坐标系的XY、XZ、YZ面视角都能在屏幕上见到每一个图标；

用户界面变化单元，用于在选中一个图标后，使原用户界面整体逐步向屏幕方向移动，而且图标逐渐变大；

新用户界面绘制单元，用于在原用户界面移动一段距离后，在显示位置的Z轴方向的后方开始绘制新用户界面，新用户界面也向屏幕方向逐渐移动；

界面更替单元，用于使原用户界面不断向屏幕方向移动，并逐步移出屏幕显示范围，新用户界面也不断向屏幕方向移动，直至停留在显示位置。

以上所述，仅为本发明较佳实施例而已，故不能依此限定本发明实施的范围，即依本发明专利范围及说明书内容所作的等效变化与修饰，皆应仍属本发明涵盖的范围内。

Claims (7)

1.一种前进式三维用户界面的实现方法，其特征在于：具体包括如下步骤：

步骤10、将用户界面的图标按一定的顺序设置在离屏幕一定距离的显示位置，而且从三维用户界面XYZ坐标系的XY、XZ、YZ面视角都能在屏幕上见到每一个图标；

步骤20、选中一个图标后，原用户界面整体逐步向屏幕方向移动，而且图标逐渐变大；

步骤30、原用户界面移动一段距离后，在显示位置的Z轴方向的后方开始绘制新用户界面，新用户界面也向屏幕方向逐渐移动；

步骤40、随着原用户界面不断向屏幕方向移动，并逐步移出屏幕显示范围，新用户界面也不断向屏幕方向移动，直至停留在显示位置；

步骤50、此时结束；或重复步骤20至步骤40，以进行下一轮的操作。

2.根据权利要求1所述的方法，其特征在于：所述步骤10中，每一个图标正面的法线朝向都不一样。

3.根据权利要求2所述的方法，其特征在于：所述步骤20中，选中图标后，将该图标调整到法线垂直于显示屏而且距离最靠近显示屏的位置，而且这个调整的过程以步进方式实现。

4.根据权利要求1所述的方法，其特征在于：所述步骤20中，通过触碰图标来实现选择该图标。

5.根据权利要求1或2所述的方法，其特征在于：选中一个图标后，原用户界面沿着法线方向逐步向屏幕方向移动。

6.根据权利要求1所述的方法，其特征在于：所述步骤10中所述的顺序是指从前到后、从右到左的方向上图标依次为从低到高排列。

7.一种实现前进式三维用户界面的移动终端，其特征在于，包括：

图标位置设置单元，用于将用户界面的图标按一定的顺序设置在离屏幕一定距离的显示位置，而且从三维用户界面XYZ坐标系的XY、XZ、YZ面视角都能在屏幕上见到每一个图标；

用户界面变化单元，用于在选中一个图标后，使原用户界面整体逐步向屏幕方向移动，而且图标逐渐变大；

新用户界面绘制单元，用于在原用户界面移动一段距离后，在显示位置的Z轴方向的后方开始绘制新用户界面，新用户界面也向屏幕方向逐渐移动；

界面更替单元，用于使原用户界面不断向屏幕方向移动，并逐步移出屏幕显示范围，新用户界面也不断向屏幕方向移动，直至停留在显示位置。

Images