CN105100862A - 网格移动的显示处理方法及其系统 - Google Patents

网格移动的显示处理方法及其系统 Download PDF

Info

Publication number
CN105100862A
CN105100862A CN201410157744.4A CN201410157744A CN105100862A CN 105100862 A CN105100862 A CN 105100862A CN 201410157744 A CN201410157744 A CN 201410157744A CN 105100862 A CN105100862 A CN 105100862A
Authority
CN
China
Prior art keywords
grid
frame
mobile
parameter
information
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201410157744.4A
Other languages
English (en)
Other versions
CN105100862B (zh
Inventor
叶挺孟
吴易明
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Banma Zhixing Network Hongkong Co Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201410157744.4A priority Critical patent/CN105100862B/zh
Priority to TW103132969A priority patent/TWI633482B/zh
Priority to US14/682,896 priority patent/US9767592B2/en
Priority to CA2940661A priority patent/CA2940661C/en
Priority to PCT/US2015/025283 priority patent/WO2015160647A1/en
Publication of CN105100862A publication Critical patent/CN105100862A/zh
Priority to HK16101167.7A priority patent/HK1213401A1/zh
Application granted granted Critical
Publication of CN105100862B publication Critical patent/CN105100862B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H04N21/4314—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations for fitting data in a restricted space on the screen, e.g. EPG data in a rectangular grid
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/482—End-user interface for program selection
    • H04N21/4821—End-user interface for program selection using a grid, e.g. sorted out by channel and broadcast time

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本申请公开一种网格移动的显示处理方法及其系统，其中，所述方法包括：接收移动列表网格的移动命令；响应所述移动命令，根据预设的帧参数信息将所述列表网格中的每个网格依次进行移动，其中，所述帧参数信息包括：帧动画数量参数和帧延迟参数。通过本申请使得列表翻页或滚动的画面效果更加的逼真和顺畅，并富有动感，提高了用户体验。

Description

网格移动的显示处理方法及其系统
技术领域
本申请涉及智能电视应用技术领域，尤其涉及一种网格移动的显示处理方法及其系统。
背景技术
随着科技的发展，电视机也朝着智能化的趋势发展。智能电视除具有传统的视频、游戏等功能外，还具有网络功能，能够实现电视、网络和程序之间的跨平台搜索。智能电视正在成为继计算机、手机之后的第三种信息访问终端，用户可通过智能电视访问自己需要的信息。
区别于传统的电视机，智能电视通过提供用户界面（UI）与用户交互，从而实现操控功能。当需要用户在大量的内容中选择时，智能电视一般使用滚动网格或分页网格的显示模式进行多内容展示。
其中，滚动网格显示模式是在同屏内显示一定数量的内容图卡，通过左右或上下对显示内容进行滚动。这种显示内容的方式可以使用户一眼看到批量的内容，允许用户有足够的时间进行识别和挑选，提高操作效率；分页网格显示模式是将翻页操作和网格显示相结合，允许用户对屏幕显示内容有充分的观察时间，同时也具有网格显示的效率。目前，现有技术在实现滚动网格显示模式或分页网格显示模式时，采用直接改变网格位置的方式，因为没有动画效果所以显示变化非常生硬且不流畅，用户体验比较差。
综上所述，可知现有技术中存在智能电视的列表网格翻页或滚动时显示效果不流畅的技术问题，因此有必要提出改进的技术手段解决上述问题。
发明内容
本申请的主要目的在于提供一种网格移动的显示处理方法及其系统，以克服现有技术中存在的智能电视的列表网格翻页或滚动时显示效果不流畅的问题。
为解决上述问题，本申请实施例提供了一种网格移动的显示处理方法，其包括：接收移动列表网格的移动命令；响应所述移动命令，根据预设的帧参数信息将所述列表网格中的每个网格依次进行移动，其中，所述帧参数信息包括：帧动画数量参数和帧延迟参数。
进一步地，所述帧延迟参数包括：行的帧延迟参数和/或列的帧延迟参数。
进一步地，所述移动命令中包括：移动顺序信息、目的位置信息；所述根据预设的帧参数信息将所述列表网格中的每个网格依次进行移动的步骤，包括：根据所述移动顺序信息确定移动的首个网格；根据所述帧动画数量参数将所述首个网格移动至所述目的位置；在移动所述首个网格时，根据所述帧延迟参数和所述帧动画数量参数依次将所述多个网格移动至目的位置。
进一步地，所述方法还包括：获取所述列表网格的初始位置信息，并根据所述初始位置信息和所述目的位置信息确定所述帧动画数量参数。
进一步地，所述移动命令的类型包括：滚动网格命令、翻页网格命令。
本申请实施例还提供了一种网格移动的显示处理系统，其包括：接收模块，用于接收移动列表网格的移动命令；移动处理模块，用于响应所述移动命令，根据预设的帧参数信息将所述列表网格中的每个网格依次进行移动，其中，所述帧参数信息包括：帧动画数量参数和帧延迟参数。
进一步地，所述帧参数信息包括：所述帧延迟参数包括：行的帧延迟参数和/或列的帧延迟参数。
进一步地，所述移动命令中包括：移动顺序信息、目的位置信息；所述移动处理模块包括：第一移动处理模块，用于根据所述移动顺序信息确定移动的首个网格，并根据所述帧动画数量参数将所述首个网格移动至所述目的位置；第二移动处理模块，用于在移动所述首个网格时，根据所述帧延迟参数和所述帧动画数量参数依次将所述多个网格移动至目的位置。
进一步地，所述系统还包括：获取模块，用于获取所述列表网格的初始位置信息；所述帧动画数量参数根据所述初始位置信息和所述目的位置信息确定。
进一步地，所述移动命令的类型包括：滚动网格命令、翻页网格命令。
与现有技术相比，根据本申请的技术方案，通过预设的帧参数对列表网格中的每个网格依次进行移动，在网格列表翻页或者滚动时实现了二维动态位置错位移动，并实现了减速滚动动画，使得列表翻页或滚动的画面效果更加的逼真和顺畅，并富有动感，提高了用户体验。
附图说明
此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：
图1示出根据本申请一个实施例的网格移动的显示处理方法的流程图；
图2示出根据本申请另一实施例的网格移动的显示处理方法的流程图；
图3示出根据本申请一个实施例的网格移动的显示处理系统的结构框图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚，以下结合附图及具体实施例，对本申请作进一步地详细说明。
根据本申请实施例提供一种网格移动的显示处理方法。
参考图1，图1示出根据本申请一个实施例的网格移动的显示处理方法的流程图，所述方法包括：
在步骤S102中，接收移动列表网格的移动命令。
本申请实施例应用于智能电视，所述智能电视是指具有联网功能、可以解码并播放高清视频、具有高清显示屏幕、运行可扩展功能的现代操作系统的电视机系统。
由于智能电视承载了大量的信息和内容，一般情况下需要通过滚动或翻页操作进行列表网格信息的展示。当用户通过遥控器进行点击方向操作时，焦点会在当前显示的网格内容上进行游走选择。在滚动网格显示模式下，用户通过左右或上下方向键发出滚动网格命令，从而对列表网格进行滚动显示；在分页网格的显示模式下，当用户长按某个方向键时，焦点会在现有网格内容上以所按下的方向快速移动，当移动到网格末尾时进行网格滚动或网格翻页操作，在翻页完成后，焦点继续按命令方向移动。当用户双击某个方向按键时，会进行相应方向的翻页，直接替换当前屏幕的网格内容。
具体地，当使用智能电视的遥控器方向键，选中到列表网格（或称为格子）时，如果在智能电视的显示屏内不能完全显示全部的网格的情况下（也就是部分网格在显示屏以外），此时需要将选中的网格移动位置显示到屏幕的预定位置，系统则会接收到网格列表翻页或者滚动的命令，并根据接收的命令执行网格移动的处理。
例如：列表网格总共有20个网格，每行有4个网格，也就是一共5行，依次从上到下和从左往右排列，显示屏每次只能显示2行，也就是8个网格。当操控遥控器发出一次滚动网格命令，也就是要在显示屏内显示包括第9个网格在内的第3行网格，并将第1行网格移出显示屏。当操控遥控器发出一次翻页网格命令，也就是要在显示屏内显示第3行和第4行网格，并将第1行和第2行网格移出显示屏。
在步骤S104中，响应所述移动命令，根据预设的帧参数信息将所述列表网格中的每个网格依次进行移动，其中，所述帧参数信息包括：帧动画数量参数和帧延迟参数。
其中，所述帧参数信息包括：帧动画数量参数和帧延迟参数，其中，所述帧动画数量参数是指网格在滚动或翻页过程中由初始位置到目的位置所需完成的动画帧数，也就是说，对于所有的列表网格设置相同的帧动画数量参数。为了实现流畅的动画效果，在实际实施中，可以设置在半秒内完成由初始位置到目的位置的移动动画，例如：如果显示器在1秒钟内能够完成30-60帧动画，则设置所述帧动画数量参数为15-30帧。承上述例子，列表总共有20个网格，显示屏内能够显示2行，共8个网格。如果需要将第3行网格显示在屏幕之内，则启动动画的时设置20帧完成动画。需要说明，上述的帧动画数量参数仅为举例说明，本申请并不以此为限。
另外，为了在移动列表网格时实现错位移动的动画效果，还需要设置帧延迟参数实现网格按照行和/或列延迟移动。所述帧延迟参数是指一个（批）网格在前一个（批）网格移动后等待的延迟帧数据，也就是说，除首个网格外的其他网格都需要设置帧延迟参数，其他的网格按照在前一个（批）网格移动后等待帧延迟参数后按照帧动画数量参数进行移动。具体地，所述帧延迟参数进一步包括：行的帧延迟参数和/或列的帧延迟参数。
具体地，所述移动命令中包括：移动顺序信息、目的位置信息。其中，所述移动顺序信息包括：开始移动的首个网格信息、第2个移动的网格信息……最后一个网格、以及移动方向信息，其中，网格移动的方向信息包括但不限于：往右移动、往左移动、往下移动、往上移动等。并且，所述开始移动的首个网格是指显示屏内显示的网格中首先移动的网格，例如可以是：网格列表中第一行第一列的网格、第一行最后一列的网格、第一行中间位置的网格、最后一行最后一列的网格、最后一行中间位置的网格、或者其他位置的网格等，本申请不进行限制。而所述目的位置是指移动列表网格后停止的位置。
在实际应用进行网格移动时，首先移动首个网格，然后根据移动顺序信息依次移动其他的网格。也就是说，根据移动顺序信息确定所要移动的首个网格，根据所述帧动画数量参数将所述首个网格移动至所述目的位置；在移动首个网格时，等待第2个（批）网格的帧延迟参数后移动第2个（批）网格，在此基础上再等待第3个（批）网格的帧延迟参数后移动第3个（批）网格，直到所有的网格移动完成。其中，根据所述帧延迟参数以及所述移动顺序信息计算除首个网格外其他多个网格的帧延迟数据，并在移动首个网格时按照所述帧延迟数据和所述帧动画数量参数依次将除首个网格外其他多个网格移动至目的位置，从而实现一种类似拉绳子的二维错位移动效果。
具体地，在移动第1个网格时，其他网格先不移动，待经过帧延迟数据后将第2个（或第2批）网格按照帧动画数量参数进行移动，依次类推，依次移动剩余的所有网格。
下面举例说明，设置行的帧延迟参数为延迟2帧，列的帧延迟参数延迟1帧的规则移动网格。在移动列表网格时，首先是第0个格子（第0行的第0列）先移动1帧的距离，其它的格子先不移动；待第1个格子（第0行的第1列）延迟1帧后再移动1帧的距离，第2个格子（第0行的第2列）在第1帧的基础上再延迟1帧后移动1帧的距离，以此类推直到移动同一行的第3个格子，而第4个格子因为是另一行，所以比第0行的第0列延迟2帧后再移动1帧的距离，剩下的都是按这个规则进行向上运动，这样连惯起来显示的效果就像是拉着第0个格子作为绳子的头向上移动，使得列表翻页或滚动的画面效果更加的逼真和顺畅，并富有动感，。
下面参考图2，图2示出根据本申请另一实施例的网格移动的显示处理方法的流程图，所述方法包括：
在步骤S202中，接收移动列表网格的移动命令，其中，所述移动命令中包括：移动顺序信息、目的位置信息。
在步骤S204中，判断被选中的网格是否在显示屏之外，若是则执行步骤S206，否则本流程结束。
在步骤S206中，需要将显示屏以外的网格移动至显示屏以内，设置帧参数信息并启动动画，其中，所述帧参数信息包括：帧动画数量参数和帧延迟参数，并且，帧延迟参数进一步包括：行的帧延迟参数和/或列的帧延迟参数。例如，按照行的帧延迟参数为延迟2帧、列的帧延迟参数为延迟1帧的规则移动网格。
在本申请实施例中，可以通过GridView控件类实现动画。
在步骤S208中，按照帧参数信息移动网格，具体地，首先移动首个网格，然后按照移动顺序信息并根据帧延迟参数和帧动画数量参数依次移动其他的网格。
在步骤S210中，判断所有网格是否移动完成，若是则本流程结束，否则继续执行步骤S208。
根据本申请实施例，在网格列表翻页或者滚动的时候，实现了二维动态位置错开移动，并由于加入了减速滚动动画，使得列表翻页或滚动的画面效果更加的逼真和顺畅，并富有动感。
根据本申请实施例还提供一种网格移动的显示处理系统，该系统应用于智能电视。
参考图3，图3示出根据本申请一个实施例的网格移动的显示处理系统的结构框图，所述系统包括：接收模块310和移动处理模块320，下面详细描述各模块的结构和连接关系。
接收模块310，用于接收移动列表网格的移动命令，其中，所述移动命令中包括：移动顺序信息、目的位置信息，进一步地，所述移动顺序信息包括：开始移动的首个网格信息和移动方向信息。
在实际应用中，所述移动命令的类型包括：滚动网格命令、翻页网格命令。
移动处理模块320，用于响应所述移动命令，根据预设的帧参数信息将所述列表网格中的每个网格依次进行移动，其中，所述帧参数信息包括：帧动画数量参数和帧延迟参数。
进一步地，所述帧延迟参数包括：行的帧延迟参数和/或列的帧延迟参数。
所述移动处理模块320进一步包括：
第一移动处理模块（图中未示），用于根据所述移动顺序信息确定移动的首个网格，并根据所述帧动画数量参数将所述首个网格移动至所述目的位置；
第二移动处理模块（图中未示），用于在移动所述首个网格时，根据所述帧延迟参数和所述帧动画数量参数依次将除首个网格外其他的多个网格移动至目的位置。
在本申请的一个实施例中，所述系统还可以包括：
获取模块（未示出），用于获取所述列表网格的初始位置信息，所述帧动画数量参数根据所述初始位置信息和所述目的位置信息确定。
本申请的方法的操作步骤与系统的结构特征对应，可以相互参照，不再一一赘述。
综上所述，根据本申请的上述技术方案，通过预设的帧参数对列表网格中的每个网格依次进行移动，在网格列表翻页或者滚动时实现了二维动态位置错位移动，并实现了减速滚动动画，使得列表翻页或滚动的画面效果更加的逼真和顺畅，并富有动感。
本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质（包括但不限于磁盘存储器、CD-ROM、光学存储器等）上实施的计算机程序产品的形式。
在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flashRAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitorymedia)，如调制的数据信号和载波。
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (10)

1.一种网格移动的显示处理方法，应用于智能电视，其特征在于，所述方法包括：
接收移动列表网格的移动命令；
响应所述移动命令，根据预设的帧参数信息将所述列表网格中的每个网格依次进行移动，其中，所述帧参数信息包括：帧动画数量参数和帧延迟参数。
2.根据权利要求1所述的方法，其特征在于，所述帧延迟参数包括：行的帧延迟参数和/或列的帧延迟参数。
3.根据权利要求1所述的方法，其特征在于，所述移动命令中包括：移动顺序信息、目的位置信息；
所述根据预设的帧参数信息将所述列表网格中的每个网格依次进行移动的步骤，包括：
根据所述移动顺序信息确定移动的首个网格；
根据所述帧动画数量参数将所述首个网格移动至所述目的位置；
在移动所述首个网格时，根据所述帧延迟参数和所述帧动画数量参数依次将所述多个网格移动至目的位置。
4.根据权利要求3所述的方法，其特征在于，还包括：
获取所述列表网格的初始位置信息，并根据所述初始位置信息和所述目的位置信息确定所述帧动画数量参数。
5.根据权利要求1所述的方法，其特征在于，所述移动命令的类型包括：滚动网格命令、翻页网格命令。
6.一种网格移动的显示处理系统，应用于智能电视，其特征在于，所述系统包括：
接收模块，用于接收移动列表网格的移动命令；
移动处理模块，用于响应所述移动命令，根据预设的帧参数信息将所述列表网格中的每个网格依次进行移动，其中，所述帧参数信息包括：帧动画数量参数和帧延迟参数。
7.根据权利要求6所述的系统，其特征在于，所述帧延迟参数包括：行的帧延迟参数和/或列的帧延迟参数。
8.根据权利要求7所述的系统，其特征在于，所述移动命令中包括：移动顺序信息、目的位置信息；
所述移动处理模块包括：
第一移动处理模块，用于根据所述移动顺序信息确定移动的首个网格，并根据所述帧动画数量参数将所述首个网格移动至所述目的位置；
第二移动处理模块，用于在移动所述首个网格时，根据所述帧延迟参数和所述帧动画数量参数依次将所述多个网格移动至目的位置。
9.根据权利要求8所述的系统，其特征在于，还包括：
获取模块，用于获取所述列表网格的初始位置信息；
所述帧动画数量参数根据所述初始位置信息和所述目的位置信息确定。
10.根据权利要求6所述的系统，其特征在于，所述移动命令的类型包括：滚动网格命令、翻页网格命令。
CN201410157744.4A 2014-04-18 2014-04-18 网格移动的显示处理方法及其系统 Active CN105100862B (zh)

Priority Applications (6)

Application Number Priority Date Filing Date Title
CN201410157744.4A CN105100862B (zh) 2014-04-18 2014-04-18 网格移动的显示处理方法及其系统
TW103132969A TWI633482B (zh) 2014-04-18 2014-09-24 Grid moving display processing method and system thereof
US14/682,896 US9767592B2 (en) 2014-04-18 2015-04-09 Animating content display
CA2940661A CA2940661C (en) 2014-04-18 2015-04-10 Animating content display
PCT/US2015/025283 WO2015160647A1 (en) 2014-04-18 2015-04-10 Animating content display
HK16101167.7A HK1213401A1 (zh) 2014-04-18 2016-02-02 網格移動的顯示處理方法及其系統

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410157744.4A CN105100862B (zh) 2014-04-18 2014-04-18 网格移动的显示处理方法及其系统

Publications (2)

Publication Number Publication Date
CN105100862A true CN105100862A (zh) 2015-11-25
CN105100862B CN105100862B (zh) 2018-04-24

Family

ID=54322459

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410157744.4A Active CN105100862B (zh) 2014-04-18 2014-04-18 网格移动的显示处理方法及其系统

Country Status (6)

Country Link
US (1) US9767592B2 (zh)
CN (1) CN105100862B (zh)
CA (1) CA2940661C (zh)
HK (1) HK1213401A1 (zh)
TW (1) TWI633482B (zh)
WO (1) WO2015160647A1 (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106598439A (zh) * 2016-12-12 2017-04-26 深圳Tcl数字技术有限公司 条目滚动过程中的显示方法及装置
CN107329649A (zh) * 2017-06-14 2017-11-07 努比亚技术有限公司 动画显示方法、终端及计算机可读存储介质

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
USD794661S1 (en) * 2014-01-03 2017-08-15 Sony Corporation Display panel or screen with an animated graphical user interface
US9779532B2 (en) * 2014-07-31 2017-10-03 Emonster, Inc. Customizable animations for text messages
US11544889B2 (en) * 2020-06-14 2023-01-03 Trygve Austin Nordberg System and method for generating an animation from a template

Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1663246A (zh) * 2002-06-27 2005-08-31 皇家飞利浦电子股份有限公司 为网格电子节目指南中的项目使用旋转旗标
TW201137729A (en) * 2009-11-25 2011-11-01 Cooliris Inc Gallery application for content viewing
CN102460370A (zh) * 2009-06-08 2012-05-16 苹果公司 用于多显示区的用户界面
CN102541515A (zh) * 2010-12-08 2012-07-04 腾讯科技（深圳）有限公司 一种实现切屏特效的方法及装置
CN102915297A (zh) * 2011-08-30 2013-02-06 微软公司 底层网格结构以及表的动画
CN103218156A (zh) * 2013-02-28 2013-07-24 广东欧珀移动通信有限公司 实现多Tab页面切换的方法及其触摸式移动终端
CN103324403A (zh) * 2012-03-22 2013-09-25 腾讯科技（深圳）有限公司 页面切换方法、装置和移动终端
US20130328888A1 (en) * 2012-06-08 2013-12-12 Apple Inc. Systems and methods for animating between collection views
CN103530030A (zh) * 2013-03-18 2014-01-22 Tcl集团股份有限公司 一种页面切换系统、方法及窗帘特效页面切换方法
WO2014022504A2 (en) * 2012-07-31 2014-02-06 Apple Inc. Method and system for scanning preview of digital media
CN103645844A (zh) * 2013-11-14 2014-03-19 乐视致新电子科技（天津）有限公司 一种页面显示方法及装置
CN103703437A (zh) * 2012-03-06 2014-04-02 苹果公司 用于查看图像的应用

Family Cites Families (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
ES2344299T3 (es) * 1997-07-30 2010-08-24 Samsung Electronics Co., Ltd. Metodo y dispositivo para codificacion de canal adaptativo.
US6771264B1 (en) * 1998-08-20 2004-08-03 Apple Computer, Inc. Method and apparatus for performing tangent space lighting and bump mapping in a deferred shading graphics processor
US6816176B2 (en) 2001-07-05 2004-11-09 International Business Machines Corporation Temporarily moving adjacent or overlapping icons away from specific icons being approached by an on-screen pointer on user interactive display interfaces
US20050231512A1 (en) * 2004-04-16 2005-10-20 Niles Gregory E Animation of an object using behaviors
US7411590B1 (en) * 2004-08-09 2008-08-12 Apple Inc. Multimedia file format
KR100826959B1 (ko) * 2007-03-26 2008-05-02 정상국 동영상 제작 방법 및 시스템
US8190994B2 (en) * 2007-10-25 2012-05-29 Nokia Corporation System and method for listening to audio content
US10345996B2 (en) * 2008-10-22 2019-07-09 Merge Healthcare Solutions Inc. User interface systems and methods
US20100241955A1 (en) * 2009-03-23 2010-09-23 Microsoft Corporation Organization and manipulation of content items on a touch-sensitive display
US8589815B2 (en) 2010-03-10 2013-11-19 Microsoft Corporation Control of timing for animations in dynamic icons
JP5192019B2 (ja) 2010-09-22 2013-05-08 シャープ株式会社 画像形成装置
US20120216117A1 (en) * 2011-02-18 2012-08-23 Sony Corporation Method and apparatus for navigating a hierarchical menu based user interface
US9218683B2 (en) * 2011-05-27 2015-12-22 Microsoft Technology Licensing, Llc Collection rearrangement animation
US20130055058A1 (en) * 2011-08-29 2013-02-28 Microsoft Corporation Animation for Recalculating Formulas, Sparklines and Conditional Formatting in an Electronic Document
US9430458B2 (en) * 2011-11-03 2016-08-30 Microsoft Technology Licensing, Llc List-based interactivity features as part of modifying list data and structure

Patent Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1663246A (zh) * 2002-06-27 2005-08-31 皇家飞利浦电子股份有限公司 为网格电子节目指南中的项目使用旋转旗标
CN102460370A (zh) * 2009-06-08 2012-05-16 苹果公司 用于多显示区的用户界面
TW201137729A (en) * 2009-11-25 2011-11-01 Cooliris Inc Gallery application for content viewing
CN102541515A (zh) * 2010-12-08 2012-07-04 腾讯科技（深圳）有限公司 一种实现切屏特效的方法及装置
CN102915297A (zh) * 2011-08-30 2013-02-06 微软公司 底层网格结构以及表的动画
CN103703437A (zh) * 2012-03-06 2014-04-02 苹果公司 用于查看图像的应用
CN103324403A (zh) * 2012-03-22 2013-09-25 腾讯科技（深圳）有限公司 页面切换方法、装置和移动终端
US20130328888A1 (en) * 2012-06-08 2013-12-12 Apple Inc. Systems and methods for animating between collection views
WO2014022504A2 (en) * 2012-07-31 2014-02-06 Apple Inc. Method and system for scanning preview of digital media
CN103218156A (zh) * 2013-02-28 2013-07-24 广东欧珀移动通信有限公司 实现多Tab页面切换的方法及其触摸式移动终端
CN103530030A (zh) * 2013-03-18 2014-01-22 Tcl集团股份有限公司 一种页面切换系统、方法及窗帘特效页面切换方法
CN103645844A (zh) * 2013-11-14 2014-03-19 乐视致新电子科技（天津）有限公司 一种页面显示方法及装置

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106598439A (zh) * 2016-12-12 2017-04-26 深圳Tcl数字技术有限公司 条目滚动过程中的显示方法及装置
CN107329649A (zh) * 2017-06-14 2017-11-07 努比亚技术有限公司 动画显示方法、终端及计算机可读存储介质

Also Published As

Publication number Publication date
WO2015160647A1 (en) 2015-10-22
CN105100862B (zh) 2018-04-24
CA2940661A1 (en) 2015-10-22
US9767592B2 (en) 2017-09-19
US20150302628A1 (en) 2015-10-22
TWI633482B (zh) 2018-08-21
CA2940661C (en) 2019-09-10
TW201541332A (zh) 2015-11-01
HK1213401A1 (zh) 2016-06-30

Similar Documents

Publication Publication Date Title
CN106303740B (zh) 智能电视的桌面导航系统及该系统的实现方法
CN101930337B (zh) 屏幕显示设定的处理方法与嵌入式系统
KR101281448B1 (ko) 아이콘 조정 방법 및 그를 적용한 단말 장치
CN102549544B (zh) 动态图像呈现
CN105677366A (zh) 基于iOS系统中UITableView实现无限循环滚动选择的方法
CN105100862A (zh) 网格移动的显示处理方法及其系统
CN105898520A (zh) 视频帧截取方法和装置
US20130097552A1 (en) Constructing an animation timeline via direct manipulation
WO2017024964A1 (zh) 一种物品关联图片快速预览的方法以及装置
CN104571877A (zh) 一种页面的显示处理方法及装置
CN106572381A (zh) 一种图片缩略图的处理方法和智能电视
CN103761132A (zh) 一种智能终端开机动画播放控制方法
CN103024559A (zh) 一种切换视频的方法、装置和设备
CN105844683B (zh) 基于Canvas和WebWorker的像素差逐帧动画的实现方法
WO2015184736A1 (zh) 一种触屏设备背景图变换的方法及终端
WO2017215542A1 (zh) 展示图片的方法及装置
CN104378685A (zh) 一种视频切换的方法及装置
CN104918126A (zh) 一种频道的切换方法和装置
CN104571897A (zh) 具有动态拼图界面的电子装置及控制方法与系统
CN105407114A (zh) 处理Zookeeper集群数据的客户端及方法
CN102479387A (zh) 生成多媒体动画与播放该多媒体动画的方法和装置
CN105792007A (zh) 基于智能电视的通知消息展示、交互方法及装置
JP2013206094A (ja) 情報処理装置、カーナビゲーション装置
CN105427235A (zh) 一种图像浏览方法及系统
CN102238432A (zh) 一种利用过渡效果显示机顶盒图片的方法及系统

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 1213401

Country of ref document: HK

GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20201218

Address after: Room 603, 6 / F, Roche Plaza, 788 Cheung Sha Wan Road, Kowloon, China

Patentee after: Zebra smart travel network (Hong Kong) Limited

Address before: A four-storey 847 mailbox in Grand Cayman Capital Building, British Cayman Islands

Patentee before: Alibaba Group Holding Ltd.