CN103543922B - 一种焦点移动方法、系统及智能设备 - Google Patents

Abstract

本发明公开一种焦点移动方法、系统及智能设备，其中，所述方法包括步骤：当接收到焦点移动的控制指令时，获取焦点移动的控制信息，所述控制信息包括下一个被选中元素；获取下一个被选中元素的元素状态信息以及当前元素的元素状态信息；根据下一个被选中元素的元素状态信息以及当前元素的元素状态信息自动设置焦点动画，启动焦点动画实现焦点移动的平滑过渡。

Description

一种焦点移动方法、系统及智能设备

技术领域

本发明涉及焦点变换领域，尤其涉及一种焦点移动方法及系统。

背景技术

当前，Windows8操作系统在用户界面上采用了类似方格的排布形式，如图1所示。该操作系统采用的焦点移动方式是跳跃式移动，即原焦点位置的焦点框突然消失，新焦点位置的焦点框突然出现，焦点的形状在两种元素形状之间切换。

虽然这种界面风格和焦点移动方式已经在众多移动设备上得到广泛应用，但其焦点的移动方式是突然出现和消失的效果，给用户一种突兀的感觉，并且焦点只能在两种状态的方块之间变换，所以现有技术中的焦点移动方式不够平滑、切换方式单一。

因此，现有技术还有待于改进和发展。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供一种焦点移动方法、系统及智能设备，旨在解决现有的焦点移动方式不够平滑的问题。

本发明的技术方案如下：

一种焦点移动方法，其中，包括步骤：

A、当接收到焦点移动的控制指令时，获取焦点移动的控制信息，所述控制信息包括下一个被选中元素；

B、获取下一个被选中元素的元素状态信息；

C、根据下一个被选中元素的元素状态信息以及焦点当前状态信息自动设置焦点动画，启动焦点动画实现焦点移动的平滑过渡。

所述的焦点移动方法，其中，所述控制信息由焦点的当前位置信息以及控制指令中的移动方向信息计算获得。

所述的焦点移动方法，其中，所述元素状态信息包括元素的位置信息、元素位置的大小信息、元素位置的透明度信息，所述焦点当前状态信息包括焦点当前的位置信息、焦点当前的大小信息、焦点当前的透明度信息。

所述的焦点移动方法，其中，所述步骤C中，所述焦点动画包括焦点位移动画、焦点大小动画、焦点渐变动画；

其中，所述焦点位移动画是控制焦点从当前位置向下一个被选中元素的位置飞行；

所述焦点大小动画是控制焦点从当前的尺寸大小平滑变化为下一个被选中元素所需的尺寸大小；

所述焦点渐变动画是控制焦点从当前的透明度变化到下一个被选中元素所需的透明度。

所述的焦点移动方法，其中，所述步骤C还包括：

根据下一个被选中元素的元素状态信息获取下一个被选中元素所需的焦点纹理，并将当前焦点的焦点纹理替换为获取的焦点纹理。

所述的焦点移动方法，其中，所述步骤C中，焦点纹理的替换方式为以下三种的一种：

接收到焦点变化通知后，立即替换焦点纹理；

接收到焦点变化通知后，待焦点动画完成后替换焦点纹理；

接收到焦点变化通知后，原焦点纹理渐变消失，新焦点纹理渐变出现。

一种焦点移动系统，其中，包括：

控制信息获取模块，用于当接收到焦点移动的控制指令时，获取焦点移动的控制信息，所述控制信息包括下一个被选中元素；

元素状态信息获取模块，用于获取下一个被选中元素的元素状态信息；

焦点移动模块，用于根据下一个被选中元素的元素状态信息以及焦点当前状态信息自动设置焦点动画，启动焦点动画实现焦点移动的平滑过渡。

所述的焦点移动系统，其中，所述焦点移动模块还包括：

焦点纹理替换单元，用于根据下一个被选中元素的元素状态信息获取下一个被选中元素所需的焦点纹理，并将当前焦点的焦点纹理替换为获取的焦点纹理。

所述的焦点移动系统，其中，所述控制指令通过普通的键盘按键、鼠标移动或点击、遥控器或体感设备触发。

一种智能设备，其中，包括如上所述的焦点移动系统。

有益效果：本发明通过获取焦点移动的控制信息，从而获取下一个被选中元素的元素状态信息以及当前元素的元素状态信息，根据二者之间的关系自动设置焦点动画，最后启动设置好的焦点动画，从而实现焦点能够在不同元素之间平滑过渡，使用户在操作具有多种形状元素的UI界面时焦点移动更平滑。

附图说明

图1为现有技术中Windows8操作系统的用户界面。

图2为本发明焦点移动方法较佳实施例的流程图。

图3为不同形状元素的结构示意图。

图4为图3所示结构示意图中左边元素的焦点纹理。

图5为图3所示结构示意图中右边元素的焦点纹理。

图6为本发明焦点移动系统较佳实施例的结构框图。

具体实施方式

本发明提供一种焦点移动方法、系统及智能设备，为使本发明的目的、技术方案及效果更加清楚、明确，以下对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

请参阅图2，图2为本发明一种焦点移动方法较佳实施例的流程图，如图所示，其包括：

S101、当接收到焦点移动的控制指令时，获取焦点移动的控制信息，所述控制信息包括下一个被选中元素；

S102、获取下一个被选中元素的元素状态信息；

S103、根据下一个被选中元素的元素状态信息以及焦点当前状态信息自动设置焦点动画，启动焦点动画实现焦点移动的平滑过渡。

在步骤S101中，当接收到焦点移动的控制指令时，首先获取焦点移动的控制信息，即先获取下一个被选中元素是哪个。具体可以通过焦点的当前位置信息以及控制指令中的移动方向信息计算获得。而其中的控制指令可以通过普通的键盘按键、鼠标移动或点击、遥控器、体感设备等各式各样的操作设备触发。

在步骤S102中，所述的元素状态信息包括元素的位置tarPosition（属于位置信息），元素位置的大小tarScale（尺寸大小，属于大小信息），元素位置的形状tarShape（属于形状信息），元素位置的透明度tarAlpha（属于透明度信息），上述这些因素都是影响焦点变化的因素。还可通过定义下述的结构体来定义元素状态信息：

typedef struct Tar_Focus_Info

{

vector3df tarPosition;

vector3df tarScale;

E_TAR_FOCUS_SHAPE tarShape;

float tarAlpha;

}Tar_Focus_Info;

所以获得了下一个被选中元素后，可通过上述的结构体来获取相应的元素状态信息，而焦点当前状态信息则可根据焦点当前状态实时获取，例如焦点的当前位置、当前的透明度、当前的尺寸大小、当前的形状等等。

在步骤S103中，根据下一个被选中元素的元素状态信息以及当前元素的元素状态信息自动设置焦点动画，启动焦点动画实现焦点移动的平滑过渡。

在此步骤中，需设置焦点动画，焦点动画包括：焦点位移动画m_pMenuFocusNodeLineAni，焦点大小动画m_pMenuFocusNodeScaleAni，焦点渐变动画m_pColorBoxNodeAlphaAni，下面分别描述各动画。

焦点位移动画m_pMenuFocusNodeLineAni是控制焦点从当前位置向目标元素（即下一个被选中元素，下同）位置飞行，该焦点位置动画需要通过起始点位置、终止点位置以及移动时间来进行控制，具体来说，可将接收到焦点移动的控制指令时焦点所处的位置设置为起始点位置，终止点位置则可从目标元素的Tar_Focus_Info结构体中的tarPosition变量来确定，移动时间则可根据需要确定。

焦点大小动画m_pMenuFocusNodeScaleAni是控制焦点从当前尺寸大小平滑变化到目标元素所需的尺寸大小，该焦点大小动画需要通过焦点起始大小、焦点终点大小以及移动时间来进行控制，与焦点位移动画类似，焦点起始大小可以是接收到焦点移动的控制指令时焦点当前的尺寸大小设置而来，焦点终点大小可以从目标元素的Tar_Focus_Info结构体中的tarScale变量来确定，移动时间同样可根据需要确定。

焦点渐变动画m_pColorBoxNodeAlphaAni是控制焦点从当前的透明度变换到目标元素所需的透明度，该焦点渐变动画需要通过起始透明度、终点透明度以及移动时间来进行控制，与上述两个动画类似，可将接收到焦点移动的控制指令时焦点当前的透明度设置为起始透明度，而终点透明度则可从目标元素的Tar_Focus_Info结构体中的tarAlpha变量来确定，移动时间同样是根据需要确定。

设置焦点动画后，即可启动焦点动画，将焦点从当前位置按照焦点动画平滑移动至下一个被选中元素中。

在焦点进行移动时，由于不同元素可能具有不同的形状，例如圆形、矩形，若给焦点贴上相同形状的焦点纹理，那么焦点在不同元素间进行切换时，焦点纹理则可能发生变形。

举例说明，如图3所示，图3示出了两个不同形状的元素，左边元素与右边元素的长度比为1:2，高度比为1:1，当焦点从左边元素移动至右边元素时，焦点需要在横向做焦点大小动画（缩小），即焦点纹理的横向会缩小一半，假设原来的焦点纹理是图4所示，那么新的焦点纹理则是如图5所示，从图4和图5（为方便说明，用框线图表示）可以看到横向缩小后的焦点纹理左右两条边的宽度（即两条相邻侧边之间的宽度）明显比缩小前的左右两条边细了一半，所以焦点做了焦点大小动画后，焦点纹理就会产生不同程度的拉伸变形。本发明根据下一个被选中元素的元素状态信息获取下一个被选中元素所需的焦点纹理，并将当前焦点的焦点纹理替换为获取的焦点纹理，下面具体说明。

本发明通过枚举类型变量E_TAR_FOCUS_SHAPE来定义焦点形状：

typedef enum E_FOCUS_SCALE_SHAPE

{

E_FOCUS_SCALE_SHAPE_SMALL_RECTANGLE = 0,

E_FOCUS_SCALE_SHAPE_MIDDLE_RECTANGLE,

E_FOCUS_SCALE_SHAPE_BIG_RECTANGLE,

E_FOCUS_SCALE_SHAPE_SMALL_CIRCLE,

E_FOCUS_SCALE_SHAPE_OTHER_RECTANGLE,

E_FOCUS_SCALE_SHAPE_APPITEM_RECTANGLE_2AND1,

E_FOCUS_SCALE_SHAPE_APPITEM_RECTANGLE_3AND1,

E_FOCUS_SCALE_SHAPE_SUBMENU_CIRCLE,

E_FOCUS_SCALE_SHAPE_PLATINAME_CIRCLE,

FOCUS_SCALE_SHAPE_NUM

}E_FOCUS_SCALE_SHAPE;

下面举例说明对于不同形状元素进行定义的方式：

E_FOCUS_SCALE_SHAPE_SMALL_CIRCLE定义了椭圆形元素；

E_FOCUS_SCALE_SHAPE_TITLE_RECTANGLE定义了标题的矩形元素；

E_FOCUS_SCALE_SHAPE_APP_RECTANGLE定义了常见的矩形元素；

E_FOCUS_SCALE_SHAPE_BIG_RECTANGLE定义了较大的矩形元素；

E_FOCUS_SCALE_SHAPE_SUBMENU_CIRCLE定义了圆形元素；

E_FOCUS_SCALE_SHAPE_3POINT1_ RECTANGLE定义了较细长的矩形元素；

E_FOCUS_SCALE_SHAPE_3POINT1_ RECTANGLE定义了占用多个常见矩形的矩形元素；

以上定义分别对应不同形状的焦点纹理，每个定义对应一种焦点纹理，对于不同形状元素采用对应的焦点纹理，从而避免了产生纹理拉伸或压缩等变形情况，使图像保持原有的清晰度。

在对焦点纹理进行替换时，可以采用不同的方式进行变换。本发明中，焦点纹理替换的方式可通过以下三种方式中的任意一种实现：

1、接收到焦点变化通知后，立即替换焦点纹理；

2、接收到焦点变化通知后，待焦点动画完成后替换焦点纹理；

3、接收到焦点变化通知后，原焦点纹理渐变消失，新焦点纹理渐变出现。当选择以第三种方式进行替换时，更能体现焦点渐变的感觉，从而使焦点平滑过渡至下一个被选中元素。

基于上述方法，本发明还提供一种焦点移动系统，如图6所示，其包括：

控制信息获取模块100，用于当接收到焦点移动的控制指令时，获取焦点移动的控制信息，所述控制信息包括下一个被选中元素；

元素状态信息获取模块200，用于获取下一个被选中元素的元素状态信息；

焦点移动模块300，用于根据下一个被选中元素的元素状态信息以及焦点当前状态信息自动设置焦点动画，启动焦点动画实现焦点移动的平滑过渡。

进一步，所述焦点移动模块还包括：

焦点纹理替换单元，用于根据下一个被选中元素的元素状态信息获取下一个被选中元素所需的焦点纹理，并将当前元素的焦点纹理替换为获取的焦点纹理。关于上述模块单元的技术细节在前面的方法中已有详述，故不再赘述。

进一步，所述控制指令通过普通的键盘按键、鼠标移动或点击、遥控器或体感设备触发。

本发明还提供一种智能设备，其包括所述的焦点移动系统。

综上所述，本发明通过获取焦点移动的控制信息，从而获取下一个被选中元素的元素状态信息，根据下一个被选中元素的元素状态信息自动设置焦点动画，最后启动设置好的焦点动画，从而实现焦点能够在不同元素之间平滑过渡，使用户在操作具有多种形状元素的UI界面时焦点移动更平滑。

应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。

Claims (6)

1.一种焦点移动方法，其特征在于，包括步骤：

A、当接收到焦点移动的控制指令时，获取焦点移动的控制信息，所述控制信息包括下一个被选中元素；

B、获取下一个被选中元素的元素状态信息；

C、根据下一个被选中元素的元素状态信息以及焦点当前状态信息自动设置焦点动画，启动焦点动画实现焦点移动的平滑过渡；

所述步骤C还包括：

根据下一个被选中元素的元素状态信息获取下一个被选中元素所需的焦点纹理，并将当前焦点的焦点纹理替换为获取的焦点纹理；

所述元素状态信息包括元素的位置信息、元素位置的大小信息、元素位置的透明度信息和元素位置的形状信息，所述焦点当前状态信息包括焦点当前的位置信息、焦点当前的大小信息、焦点当前的透明度信息和焦点当前的形状信息；

所述步骤C中，所述焦点动画包括焦点位移动画、焦点大小动画和焦点渐变动画；

其中，所述焦点位移动画是控制焦点从当前位置向下一个被选中元素的位置飞行；

所述焦点大小动画是控制焦点从当前的尺寸大小平滑变化为下一个被选中元素所需的尺寸大小；

所述焦点渐变动画是控制焦点从当前的透明度变化到下一个被选中元素所需的透明度；

对于不同形状的元素采用对应的焦点纹理。

2.根据权利要求1所述的焦点移动方法，其特征在于，所述控制信息由焦点的当前位置信息以及控制指令中的移动方向信息计算获得。

3.根据权利要求1所述的焦点移动方法，其特征在于，所述步骤C中，焦点纹理的替换方式为以下三种的一种：

接收到焦点变化通知后，立即替换焦点纹理；

接收到焦点变化通知后，待焦点动画完成后替换焦点纹理；

接收到焦点变化通知后，原焦点纹理渐变消失，新焦点纹理渐变出现。

4.一种焦点移动系统，其特征在于，包括：

控制信息获取模块，用于当接收到焦点移动的控制指令时，获取焦点移动的控制信息，所述控制信息包括下一个被选中元素；

元素状态信息获取模块，用于获取下一个被选中元素的元素状态信息；

焦点移动模块，用于根据下一个被选中元素的元素状态信息以及焦点当前状态信息自动设置焦点动画，启动焦点动画实现焦点移动的平滑过渡；

所述焦点移动模块还包括：

焦点纹理替换单元，用于根据下一个被选中元素的元素状态信息获取下一个被选中元素所需的焦点纹理，并将当前焦点的焦点纹理替换为获取的焦点纹理；

所述元素状态信息包括元素的位置信息、元素位置的大小信息、元素位置的透明度信息和元素位置的形状信息，所述焦点当前状态信息包括焦点当前的位置信息、焦点当前的大小信息、焦点当前的透明度信息和焦点当前的形状信息；

所述焦点动画包括焦点位移动画、焦点大小动画和焦点渐变动画；

所述焦点位移动画是控制焦点从当前位置向下一个被选中元素的位置飞行；

所述焦点大小动画是控制焦点从当前的尺寸大小平滑变化为下一个被选中元素所需的尺寸大小；

所述焦点渐变动画是控制焦点从当前的透明度变化到下一个被选中元素所需的透明度；

对于不同形状的元素采用对应的焦点纹理。

5.根据权利要求4所述的焦点移动系统，其特征在于，所述控制指令通过普通的键盘按键、鼠标移动或点击、遥控器或体感设备触发。

6.一种智能设备，其特征在于，包括如权利要求4至5任一所述的焦点移动系统。