CN103019678A

CN103019678A - 一种列表焦点框焦点变换方法及装置

Info

Publication number: CN103019678A
Application number: CN2012104659485A
Authority: CN
Inventors: 郝占峰; 胡建宾
Original assignee: TCL Corp
Current assignee: TCL Corp
Priority date: 2012-11-16
Filing date: 2012-11-16
Publication date: 2013-04-03

Abstract

本发明适用于计算机应用领域，提供了一种列表焦点框焦点变换方法及装置，所述方法包括：在列表中定义一个画布，并在所述画布上按照预设的焦点框显示样式绘制焦点框，所述焦点框的宽、高与列表子视图的宽、高一致；监听方向按键消息，根据所述方向按键消息携带的方向信息及列表子视图的宽和高获取焦点框移动位置；调用绘制函数在所述画布上从当前焦点框位置到焦点框移动位置按照所述焦点框显示样式不断绘制焦点框。在本发明实施例中，通过在焦点变换时，焦点框随之移动，实现了滑动移动焦点框的效果，提高了用户的体验。此外，焦点框样式还可由用户预先自定义，并且能够按照列表子视图的大小改变焦点框的大小，大大丰富了焦点框的显示效果。

Description

一种列表焦点框焦点变换方法及装置

技术领域

本发明属于计算机应用领域，尤其涉及一种列表焦点框焦点变换方法及装置。

背景技术

现在的操作系统都提供了大量的列表组件，如android系统中的listview，gridview等。通过这些组件实现列表显示时，这些列表通常都提供了相应的焦点选择机制，然而在焦点切换时，现有技术所采用的机制通常是对列表中每一项的背景进行设置，即，为焦点选中项设置不同于其他项的背景颜色，这样的方法使得焦点在切换时会显得不连续，且切换显示效果单一，用户体验差。

发明内容

本发明实施例的目的在于提供一种列表焦点框焦点变换方法及装置，旨在解决现有技术提供的列表焦点框在焦点变换时不连续，且切换显示效果单一的问题。

本发明实施例是这样实现的，一种列表焦点框焦点变换方法，所述方法包括：

在列表中定义一个画布，并在所述画布上按照预设的焦点框显示样式绘制焦点框，所述焦点框的宽、高与列表子视图的宽、高一致；

监听方向按键消息，根据所述方向按键消息携带的方向信息及列表子视图的宽和高获取焦点框移动位置；

调用绘制函数在所述画布上从当前焦点框位置到焦点框移动位置按照所述焦点框显示样式不断绘制焦点框。

本发明实施例的另一目的在于提供一种列表焦点框焦点变换装置，所述装置包括：

焦点框初始单元，用于在列表中定义一个画布，并在所述画布上按照预设的焦点框显示样式绘制焦点框，所述焦点框的宽、高与列表子视图的宽、高一致；

移动位置获取单元，用于监听方向按键消息，根据所述方向按键消息携带的方向信息及列表子视图的宽和高获取焦点框移动位置；

焦点框移动单元，用于调用绘制函数在所述画布上从当前焦点框位置到焦点框移动位置按照所述焦点框显示样式不断绘制焦点框。

在本发明实施例中，通过在焦点变换时，焦点框随之移动，实现了滑动移动焦点框的效果，提高了用户的体验。此外，焦点框样式还可由用户预先自定义，并且能够按照列表子视图的大小改变焦点框的大小，大大丰富了焦点框的显示效果。且由于焦点框的移动是通过重绘的方式实现的，大大降低了焦点框的移动特效对资源的消耗。

附图说明

图1是本发明实施例提供的列表焦点框焦点变换方法的流程图；

图2是本发明实施例提供的列表焦点框焦点变换装置结构图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

为了说明本发明所述的技术方案，下面通过具体实施例来进行说明。

实施例一：

如图1所示为本发明第一实施例提供的一种列表焦点框焦点变换方法流程图，为了便于说明，仅示出了与本发明实施例相关的部分。

在步骤S101中，定义列表数据源及焦点框显示样式信息，所述列表数据源包括列表子视图的宽和高。

在本发明实施例中，首先定义完整一个列表的数据源，定义的列表数据源包括列表子视图的宽和高。并相应的定义焦点框显示样式信息，即焦点框是以何种样式显示在列表中。下面以一种焦点框显示样式来说明，但并不限于此例，例如，获得焦点的列表子视图背景显示颜色，切换选项时，原获得焦点的列表子视图背景颜色消失，新获得焦点的列表子视图背景显示颜色。

在步骤S102中，在列表中定义一个画布，并在所述画布上按照预设的焦点框显示样式绘制焦点框，该焦点框的宽、高与列表子视图的宽、高一致。

在本发明实施例中，定义好列表数据源后，将列表作为父类，在该列表父类中定义一个画布子类，该画布用于绘制焦点。并对画布中的素材进行定义，如可采用画笔绘制，也可直接将图片作为画布素材在画布上绘制。由于画布的引入，使得焦点框可在画布上绘制多种形式，大大丰富了焦点框的效果。画布定义好之后，从定义好数据源的列表中获取列表子视图的宽和高及当前焦点框显示位置（当前焦点框显示位置即为当前焦点选中的位置，初始状态下一般为列表中的第一项子视图所在位置，由列表中第一项的第一个子视图），随之在画布上当前焦点框显示位置处按照设置的焦点框显示样式绘制与列表子视图的宽、高一致的焦点框。

在本发明实施例中，由于定义好列表数据源后，将列表作为父类进行开发，而通过这种方式提供的列表，可以作为二次开发后的公共组件，供开发人员使用。

在步骤S103中，监听方向按键消息，根据所述方向按键消息携带的方向信息及列表子视图的宽和高获取焦点框移动位置。

在本发明实施例中，监听方向按键信息，并在监听的过程当中采用系统提供的接口（如若是android系统，则可通过控制视图滑动的实现接口scroller来实现）获得当前焦点框显示位置（即焦点框移动的起始位置）和焦点框移动位置。其中，方向键消息携带的方向信息包括：向上信息、向下信息、向左信息及向右信息等。所述焦点框移动位置包括：焦点框移动方向信息及焦点框移动距离等，则焦点框移动位置由方向按键消息携带的方向信息及列表子视图的宽和高来获取，根据方向按键消息携带的方向信息获取焦点框移动方向信息，并根据方向按键消息及列表子视图的宽和高计算焦点框移动距离。如方向按键消息携带的方向信息为向上信息，则查找到当前焦点选中的列表子视图的上一个列表子视图，并根据列表子视图的宽和高计算出从当前焦点选中的列表子视图所在位置到上一个列表子视图的距离。

在步骤S104中，调用绘制函数在画布上从当前焦点框位置到焦点框移动位置按照焦点框显示样式不断绘制焦点框。

在本发明实施例中，在取焦点框移动位置后，在列表父类中监听系统提供的用于获得焦点框移动位置的接口（如若是android系统，则仍可通过接口scroller来实现）提供的焦点框偏移值，随着监听到的焦点框偏移值从当前焦点框位置到焦点框移动位置按照焦点框显示样式不断绘制焦点框，每监听到一个焦点框偏移值就按照焦点框显示样式绘制一次焦点框，直到焦点框移动到焦点框移动位置。并根据系统提供的接口设置焦点框显示的横纵坐标。

实施例二：

图2为本发明实施例提供的列表焦点框焦点变换装置结构示意图，该列表焦点框焦点变换装置基于图1所述一种列表焦点框焦点变换方法，为了便于说明，仅示出了与本发明实施例相关的部份。其中：

列表定义单元21，用于定义列表数据源及焦点框显示样式信息，所述列表数据源包括列表子视图的宽和高。

焦点框初始单元22，用于在列表中定义一个画布，并在所述画布上按照预设的焦点框显示样式绘制焦点框，该焦点框的宽、高与列表子视图的宽、高一致。

在本发明实施例中，焦点框初始单元22包括三个子单元，分别为：

画布定义单元221，用于将列表作为父类，在该列表父类中定义一个画布子类。

焦点框初始位置获得单元222，用于从列表中获取列表子视图的宽、高及当前焦点框显示位置。

焦点框初始绘制单元223，用于在画布的当前焦点框显示位置处按照预设的焦点框显示样式绘制与列表子视图的宽、高一致的焦点框。

移动位置获取单元23，用于监听方向按键消息，根据所述方向按键消息携带的方向信息及列表子视图的宽和高获取焦点框移动位置。

在本发明实施例中，方向键消息携带的方向信息包括：向上信息、向下信息、向左信息及向右信息等。所述焦点框移动位置包括：焦点框移动方向信息及焦点框移动距离等。

在本发明实施例中，所述移动位置获取单元23包括两个子单元，分别为：

方向信息获取单元231，用于根据方向按键消息携带的方向信息获取焦点框移动方向信息。

距离获取单元232，用于根据方向按键消息及列表子视图的宽和高计算焦点框移动距离。

焦点框移动单元24，用于调用绘制函数在画布上从当前焦点框位置到焦点框移动位置按照焦点框显示样式不断绘制焦点框。

本领域普通技术人员可以理解，实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，所述的程序可以在存储于一计算机可读取存储介质中，所述的存储介质，如ROM/RAM、磁盘、光盘等。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。

Claims

1.一种列表焦点框焦点变换方法，其特征在于，所述方法包括：

2.如权利要求1所述的方法，其特征在于，所述在列表中定义一个画布，并在所述画布上按照预设的焦点框显示样式绘制焦点框之前，所述方法还包括：

定义列表数据源及焦点框显示样式信息，所述列表数据源包括列表子视图的宽和高。

3.如权利要求1所述的方法，其特征在于，所述在列表中定义一个画布，并在所述画布上按照预设的焦点框显示样式绘制焦点框，所述焦点框的宽、高与所述列表子视图的宽、高一致包括：

将列表作为父类，在该列表父类中定义一个画布子类；

从列表中获取列表子视图的宽、高及当前焦点框显示位置；

在画布的当前焦点框显示位置处按照所述预设的焦点框显示样式绘制与所述列表子视图的宽、高一致的焦点框。

4.如权利要求1所述的方法，其特征在于，所述方向键消息携带的方向信息包括：向上信息、向下信息、向左信息及向右信息。

5.如权利要求1所述的方法，其特征在于，所述焦点框移动位置包括：焦点框移动方向信息及焦点框移动距离，则所述监听方向按键消息，根据所述方向按键消息携带的方向信息及列表子视图的宽和高获取焦点框移动位置包括：

根据所述方向按键消息携带的方向信息获取焦点框移动方向信息，并根据所述方向按键消息及列表子视图的宽和高计算焦点框移动距离。

6.一种列表焦点框焦点变换装置，其特征在于，所述装置包括：

7.如权利要求6所述的装置，其特征在于，所述装置还包括：

列表定义单元，用于定义列表数据源及焦点框显示样式信息，所述列表数据源包括列表子视图的宽和高。

8.如权利要求6或7所述的装置，其特征在于，所述焦点框初始单元包括：

画布定义单元，用于将列表作为父类，在该列表父类中定义一个画布子类；

焦点框初始位置获得单元，用于从列表中获取列表子视图的宽、高及当前焦点框显示位置；

焦点框初始绘制单元，用于在画布的当前焦点框显示位置处按照所述预设的焦点框显示样式绘制与所述列表子视图的宽、高一致的焦点框。

9.如权利要求6或7所述的装置，其特征在于，所述方向键消息携带的方向信息包括：向上信息、向下信息、向左信息及向右信息。

10.如权利要求6或7所述的装置，其特征在于，所述移动位置获取单元包括：

方向信息获取单元，用于根据所述方向按键消息携带的方向信息获取焦点框移动方向信息；

距离获取单元，用于根据所述方向按键消息及列表子视图的宽和高计算焦点框移动距离。