CN103530052B - 一种界面内容的显示方法和用户设备 - Google Patents

一种界面内容的显示方法和用户设备 Download PDF

Info

Publication number
CN103530052B
CN103530052B CN201310451599.6A CN201310451599A CN103530052B CN 103530052 B CN103530052 B CN 103530052B CN 201310451599 A CN201310451599 A CN 201310451599A CN 103530052 B CN103530052 B CN 103530052B
Authority
CN
China
Prior art keywords
grid
contact
interface element
initial
moving direction
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.)
Active
Application number
CN201310451599.6A
Other languages
English (en)
Other versions
CN103530052A (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.)
Huawei Technologies Co Ltd
Original Assignee
Huawei Technologies Co 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 Huawei Technologies Co Ltd filed Critical Huawei Technologies Co Ltd
Priority to CN201310451599.6A priority Critical patent/CN103530052B/zh
Publication of CN103530052A publication Critical patent/CN103530052A/zh
Priority to AU2014328340A priority patent/AU2014328340B2/en
Priority to SG11201602365SA priority patent/SG11201602365SA/en
Priority to KR1020167007632A priority patent/KR101773488B1/ko
Priority to PCT/CN2014/073097 priority patent/WO2015043138A1/zh
Priority to BR112016006683A priority patent/BR112016006683B1/pt
Priority to JP2016517457A priority patent/JP6274682B2/ja
Priority to EP14848031.2A priority patent/EP3035170B1/en
Priority to BR122018006785-3A priority patent/BR122018006785B1/pt
Priority to RU2016116006/08A priority patent/RU2602343C1/ru
Priority to CA2925390A priority patent/CA2925390C/en
Priority to US15/068,012 priority patent/US9678658B2/en
Priority to US15/620,329 priority patent/US10430068B2/en
Application granted granted Critical
Publication of CN103530052B publication Critical patent/CN103530052B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • 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/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • 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/0482—Interaction with lists of selectable items, e.g. menus
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明的实施例提供一种界面内容的显示方法和用户设备，涉及通信领域，有效地改善了用户对触摸屏滑动操作时的交互体验，提升应用的交互愉悦度。具体方案为：首先获取触点的初始位置和移动方向，再根据初始位置、移动方向确定屏幕中各个网格的界面元素对象的运动参数，其中屏幕被预先划分为多个网格，每个网格包括预设个数的像素，然后将各个网格的界面元素对象根据各个网格的界面元素对象的运动参数分别移动。本发明用于触摸屏界面内容显示。

Description

一种界面内容的显示方法和用户设备
技术领域
本发明涉及通信领域，尤其涉及一种界面内容的显示方法和用户设备。
背景技术
在如今的大屏智能终端中，手指滑动屏幕来上下或左右滚动界面已经是一种应用非常普遍的技术。尤其是在大量的列表类界面和相册图库类应用的缩略图界面等，往往具有很长的延伸界面空间，用户的滑动操作滚动屏幕变得非常普遍。现有技术中，手指对屏幕进行滑动操作，设备响应，屏幕内容根据手指滑动方向进行相应刷新，显示出内容整体滚动的效果。
但是，在现有技术中，手指滑动屏幕，屏幕内容根据手指滑动方向进行相应刷新，呈现整体滚动的效果，比较机械化，缺乏真实细腻的交互体验。
发明内容
本发明实施例提供一种界面内容的显示方法和设备，有效地改善了用户对触摸屏滑动操作时的交互体验，提升应用的交互愉悦度。
为达到上述目的，本发明的实施例采用如下技术方案：
第一方面提供一种界面内容的显示方法，所述方法包括：
获取触点的初始位置和移动方向；
根据所述初始位置、所述移动方向确定屏幕中各个网格的界面元素对象的运动参数；其中所述屏幕被预先划分为多个网格，每个网格包括预设个数的像素；
将所述各个网格的界面元素对象根据所述各个网格的界面元素对象的运动参数分别移动。
结合第一方面，在第一种可能的实现方式中，在所述屏幕上设置有坐标系；
所述获取触点的初始位置包括：获取所述触点在所述坐标系上的初始横坐标和初始纵坐标；
所述触点的移动方向包括沿横坐标轴方向或沿纵坐标轴方向。
结合第一方面的第一种可能的实现方式，在第二种可能的实现方式中，所述根据所述初始位置、所述移动方向确定屏幕中各个网格的界面元素对象的运动参数包括：
在所述坐标系的横坐标轴方向上，与所述初始横坐标相隔N个第一单位距离的点所在的网格上的界面元素对象，需延迟M个第一单位时间后沿所述移动方向移动；
在所述坐标系的纵坐标轴方向上，与所述初始纵坐标相隔A个第二单位距离的点所在的网格上的界面元素对象，需延迟B个第二单位时间后沿所述移动方向移动；
在预设范围内的网格与所述触点同时移动，所述触点在所述预设范围内。
结合第一方面的第二种可能的实现方式，在第三种可能的实现方式中，所述预设范围内的网格包括：
在所述触点所在网格所在的列上，且在所述触点所在网格的沿移动方向一侧的网格；和/或
被以触点初始位置为圆心，半径为c像素的圆覆盖的网格，其中覆盖包括部分覆盖和全部覆盖，c为非负数。
结合第一方面的第二种可能的实现方式，在第四种可能的实现方式中，所述与所述初始横坐标相隔N个第一单位距离的点所在的网格为与所述初始横坐标相隔N×a个像素的点所在的网格；
所述与所述初始纵坐标相隔A个第二单位距离的点所在的网格为与所述初始纵坐标相隔A×b个像素的点所在的网格。
第二方面，提供一种用户设备，所述用户设备包括：
获取单元，用于获取触点的初始位置和移动方向；
确定参数单元，用于根据所述初始位置、所述移动方向确定屏幕中各个网格的界面元素对象的运动参数；其中所述屏幕被预先划分为多个网格，每个网格包括预设个数的像素；
移动单元，用于将所述各个网格的界面元素对象根据所述各个网格的界面元素对象的运动参数分别移动。
结合第二方面，在第一种可能的实现方式中，在所述设备的屏幕上设置有坐标系；
所述获取单元具体用于：
获取所述触点的初始位置包括：获取所述触点在所述坐标系上的初始横坐标和初始纵坐标；
所述触点的移动方向包括沿横坐标轴方向或沿纵坐标轴方向。
结合第二方面的第一种可能的实现方式，在第二种可能的实现方式中，所述确定参数单元具体用于：
在所述坐标系的横坐标轴方向上，与所述初始横坐标相隔N个第一单位距离的点所在的网格上的界面元素对象，需延迟M个第一单位时间后沿所述移动方向移动；
在所述坐标系的纵坐标轴方向上，与所述初始纵坐标相隔A个第二单位距离的点所在的网格上的界面元素对象，需延迟B个第二单位时间后沿所述移动方向移动；
在预设范围内的网格与所述触点同时移动，所述触点在所述预设范围内。
结合第二方面的第二种可能的实现方式，在第三种可能的实现方式中，所述预设范围内的网格包括：
在所述触点所在网格所在的列上，且在所述触点所在网格的沿移动方向一侧的网格；和/或
被以触点初始位置为圆心，半径为c像素的圆覆盖的网格，其中覆盖包括部分覆盖和全部覆盖，c为非负数。
结合第二方面的第二种可能的实现方式，在第四种可能的实现方式中，所述与所述初始横坐标相隔N个第一单位距离的点所在的网格为与所述横初始坐标相隔N×a个像素的点所在的网格；
所述与所述初始纵坐标相隔A个第二单位距离的点所在的网格为与所述初始纵坐标相隔A×b个像素的点所在的网格。
本发明的实施例提供一种界面内容的显示方法和用户设备，首先获取触点的初始位置和移动方向，再根据所述初始位置、所述移动方向确定屏幕中各个网格的界面元素对象的运动参数，其中所述屏幕被预先划分为多个网格，每个网格包括预设个数的像素，然后将所述各个网格的界面元素对象根据所述各个网格的界面元素对象的运动参数分别移动，最后完成页面内容显示。这样能够有效地改善用户对触摸屏滑动操作时的交互体验，提升应用的交互愉悦度。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明的实施例提供的一种界面内容的显示方法的流程示意图一；
图2为本发明的实施例提供的一种界面内容的显示方法的流程示意图二；
图3为本发明的实施例提供的一种界面内容的显示方法的效果示意图一；
图4为本发明的实施例提供的一种界面内容的显示方法的效果示意图二；
图5为本发明实施例提供的一种用户设备的结构示意图一；
图6为本发明实施例提供的一种用户设备的结构示意图二。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
本发明实施例提供一种界面内容的显示方法，如图1所示，该方法包括：
101、用户设备获取触点的初始位置和移动方向。
102、用户设备根据初始位置、移动方向确定屏幕中各个网格的界面元素对象的运动参数；其中屏幕被预先划分为多个网格，每个网格包括预设个数的像素。
103、用户设备将各个网格的界面元素对象根据各个网格的界面元素对象的运动参数分别移动。
本发明的实施例提供一种界面内容的显示方法，首先获取触点的初始位置和移动方向，再根据初始位置、移动方向确定屏幕中各个网格的界面元素对象的运动参数，其中屏幕被预先划分为多个网格，每个网格包括预设个数的像素，然后将各个网格的界面元素对象根据各个网格的界面元素对象的运动参数分别移动，最后完成页面内容显示。这样能够有效地改善用户对触摸屏滑动操作时的交互体验，提升应用的交互愉悦度。
为了使本领域技术人员能够更清楚地理解本发明实施例提供的技术方案，下面通过具体的实施例，对本发明实施例提供的另一种界面内容的显示方法进行详细说明，如图2所示，该方法包括：
201、用户设备获取触点的初始位置和移动方向。
具体的，在屏幕上设置有坐标系，获取触点在该坐标系上的初始横坐标和初始纵坐标；
触点的移动方向包括沿横坐标轴方向或沿纵坐标轴方向。
示例性的，确定触点的移动方向的方法可以为：
获取触点在该坐标系上的初始坐标，以及移动结束后的终止坐标，根据初始坐标和终止坐标就能够确定移动方向。
另外，若用户在操作时并非是沿着屏幕横向或纵向滑动而是斜向滑动时，即触点不是沿着沿横坐标轴方向或沿纵坐标轴方向移动时，则根据移动方向认为触点是沿横坐标轴方向或沿纵坐标轴方向移动。具体的可以包括：先可以根据初始坐标和终止坐标确定一条直线，该直线就是移动方向所在的直线，而后获取该直线到横坐标轴或纵坐标轴的夹角，若该直线到横坐标轴的夹角小于该直线到纵坐标轴的夹角，则可以认为触点是沿横坐标轴方向移动，即认为用户是横向滑动，反之，可以认为触点是沿纵坐标轴方向移动。
202、用户设备确定屏幕中各个网格与触点的位置关系。
示例性的，可以预先将屏幕划分为若干个网格，每个网格包括预设个数的像素，具体的，网格的划分粒度决定了每个网格中的像素个数，具体的划分可以根据实际情况而定。
203、用户设备根据各个网格与触点的位置关系，以及该触点的移动方向确定各个网格的运动参数。
示例性的，在预设范围内的网格与触点同时移动，触点也包括在该预设范围内。
上述预设范围内的网格可以包括：
在触点所在网格所在的列上，且在触点所在网格的沿移动方向一侧的网格；
还可以包括被一个以触点初始位置为圆心，半径为c像素的圆覆盖的网格，其中覆盖包括部分覆盖和全部覆盖，c为非负数。
同时，除了预设范围内的网格之外的其他网格的运动参数可以为时延，具体的通过以下方式确定：
在该坐标系的横坐标轴方向上，与触点初始横坐标相隔N个第一单位距离的点所在的网格上的界面元素对象，需延迟M个第一单位时间后沿移动方向移动，即运动参数为M×第一单位时间；
在该坐标系的纵坐标轴方向上，与触点初始纵坐标相隔A个第二单位距离的点所在的网格上的界面元素对象，需延迟B个第二单位时间后沿移动方向移动，即运动参数为B×第二单位时间。其中，M和N相同或不同，A和B相同或不同，M、N、A、B为正数。
其中，上述的网格的边长小于上述的第一单位距离以及第二单位距离，这样就能够确保与触点初始横坐标相隔N个第一单位距离，以及与触点初始纵坐标相隔A个第二单位距离的点在网格中只有一个。
特别的，根据不同的需要可能采取不同的网格划分策略，对于划分的网格之间没有间隙的情况下，触点落在某一网格的边界上的特殊情况做以下说明：
当触点落在某一网格的边上，若触点的移动方向是沿纵坐标轴方向，且向上（即纵坐标轴正方向）滑动，且该触点在网格的纵坐标轴方向的边上，由于网格之间没有间隙，所以触点所在的边为相邻两个网格（网格处于相邻的两列，故两个网格是在横坐标方向上相邻）的公共边，所以可以认为触点所在的网格为这两个网格，则可以认定这两个网格以及这两个网格所在的两列中的在这两个网格上方的网格都是预设范围内的网格，这些网格都随着触点一起移动。
或者，触点的移动方向还是沿纵坐标轴方向，但是该触点在网格的横坐标轴方向的边上，根据相同的原理，可以认为触点所在的网格也为相邻的两个网格（两个网格处于同一列，故两个网格是在纵坐标方向上相邻），所以可以认定这两个网格，以及这两个所在列中的在这两个网格上方的网格都是预设范围内的网格，这些网格都随着触点一起移动。
若触点的移动方向是沿横坐标轴方向，且向右（即横坐标轴正方向）滑动，且该触点在网格的横坐标轴方向边上，则根据相同的原理，触点所在的网格为也为相邻两个网格（网格处于相邻的两行，故两个网格是在纵坐标方向上相邻），所以可以认定这两个网格以及这两个网格所在的两行中的且在这两个网格右侧的网格都是预设范围内的网格，这些网格都随着触点一起移动。
或者，触点的移动方向还是沿横坐标轴方向，但是该触点在网格的纵坐标轴方向边上，根据相同的原理，触点所在的网格为也为相邻两个网格（网格处于同一行，故两个网格是在横坐标方向上相邻），所以可以认定这两个网格以及这两个网格所在行中的且在这两个网格右侧的网格都是预设范围内的网格，这些网格都随着触点一起移动。
另外，上述网格上的界面元素对象即显示在屏幕上在该网格范围内的内容，该内容可以是图像或者文字。
可选的，第一单位距离可以为a个像素，第二单位距离可以为b个像素，a和b为预设的像素个数，a与b相同或不同，第一单位时间可以为x毫秒，第二单位时间可以为y毫秒，x，y为正数，x与y相同或不同。
示例性的，假设M=N=2，A=B=1，网格C上的一点与触点在横坐标轴方向上的距离为2a像素，与触点在纵坐标轴方向上的距离为b像素，则在触点移动后，网格C上的界面元素对象在横坐标轴方向上要延迟2x毫秒，在纵坐标轴方向上要延迟y毫秒，即在触点移动后，网格C上的界面元素对象需要延迟（2x+y）毫秒后，才能按照触点的移动方向移动。
204、用户设备将各个网格的界面元素对象根据各个网格的界面元素对象的运动参数分别移动。
为了使技术人员能够更加清楚的理解本发明，下面示意性的举例详细说明，如图3所示，假设用户设备的屏幕划分有图中所示的网格，触点初始位置在网格L3-3内。
手指按住触点开始向屏幕上方滑动，此时延迟效果开始出现，从纵列和横行两个维度分别定义屏幕内各个网格运动延迟如下：
首先是竖列的延迟规则。假设手指触点在网格L3-3内，L1-3和L2-3在L3-3的正上方，L1-3，L2-3，L3-3与触点同时同方向移动不延迟，离手指触点最近的列是触点所在网格所在的第3列，相隔的是第2列，定义第2列延迟X毫秒开始移动，离触点更远的是第1列，则定义第1列比第2列延迟X毫秒开始移动，即第1列相对触点所在第3列延迟2X毫秒。其次是横行的延迟规则。手指触点在网格L3-3所在的第3行，定义第4行比第3行延迟Y毫秒开始移动，第5行比第4行延迟Y毫秒开始移动，即第5行比第3行延迟2Y毫秒。
屏幕网格移动延迟如图4所示，取网格L3-2，L4-1，L5-1举例说明延迟规则，L3-2比L3-3晚Y毫秒后开始移动，L4-1比L3-3晚（Y+2X）毫秒后开始移动，L5-1比L3-3晚（2Y+2X）毫秒后开始移动。另外，在图3和图4中所示的网格划分仅仅为示意性的，各个网格之间也可以没有间隔，具体的划分方式可以根据实际情况设置，在此不做限定。
本发明的实施例提供一种界面内容的显示方法，首先获取触点的初始位置和移动方向，再根据初始位置、移动方向确定屏幕中各个网格的界面元素对象的运动参数，其中屏幕被预先划分为多个网格，每个网格包括预设个数的像素，然后将各个网格的界面元素对象根据各个网格的界面元素对象的运动参数分别移动，最后完成页面内容显示。这样能够有效地改善用户对触摸屏滑动操作时的交互体验，提升应用的交互愉悦度。
本发明的实施例提供一种用户设备00，如图5所示，该用户设备包括：
获取单元10，用于获取触点的初始位置和移动方向。
确定参数单元20，用于根据初始位置、移动方向确定屏幕中各个网格的界面元素对象的运动参数；其中屏幕被预先划分为多个网格，每个网格包括预设个数的像素。
移动单元30，用于将各个网格的界面元素对象根据各个网格的界面元素对象的运动参数分别移动。
可选的，在用户设备的屏幕上设置有坐标系，获取单元10可以具体用于：
获取触点的初始位置包括：获取触点在坐标系上的初始横坐标和初始纵坐标；
触点的移动方向包括沿横坐标轴方向或沿纵坐标轴方向。
可选的，确定参数单元20可以具体用于：
在坐标系的横坐标轴方向上，与初始横坐标相隔N个第一单位距离的点所在的网格上的界面元素对象，需延迟M个第一单位时间后沿移动方向移动；在坐标系的纵坐标轴方向上，与初始纵坐标相隔A个第二单位距离的点所在的网格上的界面元素对象，需延迟B个第二单位时间后沿移动方向移动。
其中，M和N相同或不同，A和B相同或不同，M、N、A、B为正数。
可选的，第一单位距离可以为a个像素，第二单位距离可以为b个像素。
在预设范围内的网格与触点同时移动，触点在预设范围内；
可选的，预设范围内的网格具体可以是：
在触点所在网格所在的列上，且在触点所在网格的沿移动方向一侧的网格；
被以触点初始位置为圆心，半径为c像素的圆覆盖的网格，其中覆盖包括部分覆盖和全部覆盖，c为非负数。
本发明的实施例提供一种用户设备，首先获取触点的初始位置和移动方向，再根据初始位置、移动方向确定屏幕中各个网格的界面元素对象的运动参数，其中屏幕被预先划分为多个网格，每个网格包括预设个数的像素，然后将各个网格的界面元素对象根据各个网格的界面元素对象的运动参数分别移动，最后完成页面内容显示。这样能够有效地改善用户对触摸屏滑动操作时的交互体验，提升应用的交互愉悦度。
本发明的实施例还提供一种用户设备90，如图6所示，该设备90包括：总线94；以及连接到总线94的处理器91、存储器92和接口93，其中该接口93用于和网元通信，该网元可以是其他用户设备，也可以是网络管理设备，比如基站；该存储器92用于存储指令，处理器91用于执行该指令用于：
获取触点的初始位置和移动方向；
根据初始位置、移动方向确定屏幕中各个网格的界面元素对象的运动参数；其中屏幕被预先划分为多个网格，每个网格包括预设个数的像素；
将各个网格的界面元素对象根据各个网格的界面元素对象的运动参数分别移动。
可选的，处理器91执行该指令可以具体用于：
在屏幕上设置有坐标系；
获取触点在坐标系上的初始横坐标和初始纵坐标；
触点的移动方向包括沿横坐标轴方向或沿纵坐标轴方向。
可选的，处理器91执行该指令可以具体用于：
在坐标系的横坐标轴方向上，与初始横坐标相隔N个第一单位距离的点所在的网格上的界面元素对象，需延迟M个第一单位时间后沿移动方向移动；
在坐标系的纵坐标轴方向上，与初始纵坐标相隔A个第二单位距离的点所在的网格上的界面元素对象，需延迟B个第二单位时间后沿移动方向移动；
在预设范围内的网格与触点同时移动，触点在预设范围内；
其中M和N相同或不同，A和B相同或不同，M、N、A、B为正数。
可选的，上述预设范围内的网格可以包括：
在触点所在网格所在的列上，且在触点所在网格的沿移动方向一侧的网格；
被以触点初始位置为圆心，半径为c像素的圆覆盖的网格，其中覆盖包括部分覆盖和全部覆盖，c为非负数。
可选的，上述与初始横坐标相隔N个第一单位距离的点所在的网格上的界面元素对象可以为与初始横坐标相隔N×a个像素的点所在的网格；
上述与初始纵坐标相隔A个第二单位距离的点所在的网格可以为与初始纵坐标相隔A×b个像素的点所在的网格；
其中，a和b为预设的像素个数数值，a与b相同或不同。
本发明的实施例提供一种用户设备，首先获取触点的初始位置和移动方向，再根据初始位置、移动方向确定屏幕中各个网格的界面元素对象的运动参数，其中屏幕被预先划分为多个网格，每个网格包括预设个数的像素，然后将各个网格的界面元素对象根据各个网格的界面元素对象的运动参数分别移动，最后完成页面内容显示。这样能够有效地改善用户对触摸屏滑动操作时的交互体验，提升应用的交互愉悦度。
本发明中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。
在本申请所提供的几个实施例中，应该理解到，所揭露的方法和设备，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理包括，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。
上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）执行本发明各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器（Read-Only Memory，简称ROM）、随机存取存储器（Random Access Memory，简称RAM）、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。

Claims (8)

1.一种界面内容的显示方法，其特征在于，包括：
获取触点的初始位置和移动方向；
根据所述初始位置和所述移动方向确定屏幕中各个网格的界面元素对象的运动参数；其中所述屏幕被预先划分为多个网格，每个网格包括预设个数的像素；
将所述各个网格的界面元素对象根据所述各个网格的界面元素对象的运动参数分别移动；
在所述屏幕上设置有坐标系；
所述获取触点的初始位置包括获取所述触点在所述坐标系上的初始横坐标和初始纵坐标；
所述触点的移动方向包括沿横坐标轴方向或沿纵坐标轴方向；
所述根据所述初始位置和所述移动方向确定屏幕中各个网格的界面元素对象的运动参数包括：
在所述坐标系的横坐标轴方向上，与所述初始横坐标相隔N个第一单位距离的点所在的网格上的界面元素对象，需延迟M个第一单位时间后沿所述移动方向移动；
在所述坐标系的纵坐标轴方向上，与所述初始纵坐标相隔A个第二单位距离的点所在的网格上的界面元素对象，需延迟B个第二单位时间后沿所述移动方向移动；
在预设范围内的网格与所述触点同时移动，所述触点在所述预设范围内。
2.根据权利要求1所述的方法，其特征在于，所述预设范围内的网格包括：
在所述触点所在网格所在的列上，且在所述触点所在网格的沿移动方向一侧的网格；和/或
被以触点初始位置为圆心，半径为c像素的圆覆盖的网格，其中覆盖包括部分覆盖和全部覆盖，c为非负数。
3.根据权利要求1所述的方法，其特征在于，
所述与所述初始横坐标相隔N个第一单位距离的点所在的网格为与所述初始横坐标相隔N×a个像素的点所在的网格；
所述与所述初始纵坐标相隔A个第二单位距离的点所在的网格为与所述初始纵坐标相隔A×b个像素的点所在的网格；所述a和b为预设的像素个数。
4.根据权利要求1-3任一所述的方法，其特征在于，所述界面元素对象是图像或文字。
5.一种用户设备，其特征在于，包括：
获取单元，用于获取触点的初始位置和移动方向；
确定参数单元，用于根据所述初始位置和所述移动方向确定屏幕中各个网格的界面元素对象的运动参数；其中所述屏幕被预先划分为多个网格，每个网格包括预设个数的像素；
移动单元，用于将所述各个网格的界面元素对象根据所述各个网格的界面元素对象的运动参数分别移动；
所述设备的屏幕上设置有坐标系；
所述获取单元具体用于：获取所述触点的初始位置包括：获取所述触点在所述坐标系上的初始横坐标和初始纵坐标；所述触点的移动方向包括沿横坐标轴方向或沿纵坐标轴方向；
所述确定参数单元具体用于：
在所述坐标系的横坐标轴方向上，与所述初始横坐标相隔N个第一单位距离的点所在的网格上的界面元素对象，需延迟M个第一单位时间后沿所述移动方向移动；
在所述坐标系的纵坐标轴方向上，与所述初始纵坐标相隔A个第二单位距离的点所在的网格上的界面元素对象，需延迟B个第二单位时间后沿所述移动方向移动；
在预设范围内的网格与所述触点同时移动，所述触点在所述预设范围内。
6.根据权利要求5所述的设备，其特征在于，所述预设范围内的网格包括：
在所述触点所在网格所在的列上，且在所述触点所在网格的沿移动方向一侧的网格；和/或
被以触点初始位置为圆心，半径为c像素的圆覆盖的网格，其中覆盖包括部分覆盖和全部覆盖，c为非负数。
7.根据权利要求5所述的设备，其特征在于，
所述与所述初始横坐标相隔N个第一单位距离的点所在的网格为与所述初始横坐标相隔N×a个像素的点所在的网格；
所述与所述初始纵坐标相隔A个第二单位距离的点所在的网格为与所述初始纵坐标相隔A×b个像素的点所在的网格；a和b为预设的像素个数。
8.根据权利要求5-7任一所述的设备，其特征在于，所述界面元素对象是图像或文字。
CN201310451599.6A 2013-09-27 2013-09-27 一种界面内容的显示方法和用户设备 Active CN103530052B (zh)

Priority Applications (13)

Application Number Priority Date Filing Date Title
CN201310451599.6A CN103530052B (zh) 2013-09-27 2013-09-27 一种界面内容的显示方法和用户设备
JP2016517457A JP6274682B2 (ja) 2013-09-27 2014-03-10 インタフェースコンテンツを表示するための方法およびユーザ装置
BR122018006785-3A BR122018006785B1 (pt) 2013-09-27 2014-03-10 Método para exibir conteúdo de interface e equipamento de usuário
KR1020167007632A KR101773488B1 (ko) 2013-09-27 2014-03-10 인터페이스 콘텐츠 표시 방법 및 사용자 기기
PCT/CN2014/073097 WO2015043138A1 (zh) 2013-09-27 2014-03-10 一种界面内容的显示方法和用户设备
BR112016006683A BR112016006683B1 (pt) 2013-09-27 2014-03-10 método para exibir conteúdo de interface e equipamento de usuário
AU2014328340A AU2014328340B2 (en) 2013-09-27 2014-03-10 Method for displaying interface content and user equipment
EP14848031.2A EP3035170B1 (en) 2013-09-27 2014-03-10 Method for displaying interface content and user equipment
SG11201602365SA SG11201602365SA (en) 2013-09-27 2014-03-10 Method for displaying interface content and user equipment
RU2016116006/08A RU2602343C1 (ru) 2013-09-27 2014-03-10 Способ для отображения содержимого интерфейса и пользовательское оборудование
CA2925390A CA2925390C (en) 2013-09-27 2014-03-10 Methods and terminal devices for displaying interface content using multiple grids
US15/068,012 US9678658B2 (en) 2013-09-27 2016-03-11 Method for displaying interface content and user equipment
US15/620,329 US10430068B2 (en) 2013-09-27 2017-06-12 Method for displaying interface content and user equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310451599.6A CN103530052B (zh) 2013-09-27 2013-09-27 一种界面内容的显示方法和用户设备

Publications (2)

Publication Number Publication Date
CN103530052A CN103530052A (zh) 2014-01-22
CN103530052B true CN103530052B (zh) 2017-09-29

Family

ID=49932107

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201310451599.6A Active CN103530052B (zh) 2013-09-27 2013-09-27 一种界面内容的显示方法和用户设备

Country Status (11)

Country Link
US (2) US9678658B2 (zh)
EP (1) EP3035170B1 (zh)
JP (1) JP6274682B2 (zh)
KR (1) KR101773488B1 (zh)
CN (1) CN103530052B (zh)
AU (1) AU2014328340B2 (zh)
BR (2) BR122018006785B1 (zh)
CA (1) CA2925390C (zh)
RU (1) RU2602343C1 (zh)
SG (1) SG11201602365SA (zh)
WO (1) WO2015043138A1 (zh)

Families Citing this family (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103530052B (zh) * 2013-09-27 2017-09-29 华为技术有限公司 一种界面内容的显示方法和用户设备
CN104915108B (zh) * 2014-03-14 2018-07-03 联想(北京)有限公司 一种信息处理方法及电子设备
CN105094653B (zh) * 2014-05-07 2019-04-02 腾讯科技（深圳）有限公司 一种页面内容的定位方法及装置
EP3180675B1 (en) 2014-08-16 2021-05-26 Google LLC Identifying gestures using motion data
CN104536652B (zh) * 2014-12-10 2018-01-23 广东欧珀移动通信有限公司 一种列表显示方法及终端
CN104407779B (zh) * 2014-12-15 2019-01-08 北京国双科技有限公司 图形界面的排列显示方法及装置
CN104461547B (zh) * 2014-12-15 2018-08-07 北京国双科技有限公司 图形界面的排列显示方法及装置
CN104461249B (zh) * 2014-12-15 2018-09-18 北京国双科技有限公司 图形界面的排列显示方法及装置
CN104484093B (zh) * 2014-12-15 2018-08-07 北京国双科技有限公司 图形界面的排列显示方法及装置
US9804679B2 (en) * 2015-07-03 2017-10-31 Google Inc. Touchless user interface navigation using gestures
CN107133241B (zh) * 2016-02-29 2021-10-29 创新先进技术有限公司 一种数据显示方法及装置
CN105957126A (zh) * 2016-04-22 2016-09-21 武汉斗鱼网络科技有限公司 一种可以自由切换主题的动画显示方法及装置
CN106325714B (zh) * 2016-08-19 2020-12-11 Tcl科技集团股份有限公司 网格视图控件的移动控制方法及系统
CN108885536B (zh) * 2017-03-07 2021-05-18 华为技术有限公司 一种跟手性补偿方法、装置及终端设备
CN114205457B (zh) * 2020-08-29 2023-05-16 华为技术有限公司 一种移动用户界面元素的方法、电子设备及存储介质
CN112130724B (zh) * 2020-09-22 2022-02-11 掌阅科技股份有限公司 下拉操作触发的动效绘制方法、计算设备及存储介质
CN113821152B (zh) * 2020-11-06 2024-06-18 北京沃东天骏信息技术有限公司 界面元素的位置确定方法及装置、介质和设备
CN115964106B (zh) * 2021-04-20 2024-02-13 华为技术有限公司 图形界面显示方法、电子设备、介质以及程序产品

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102609210A (zh) * 2012-02-16 2012-07-25 上海华勤通讯技术有限公司 移动终端的功能图标的配置方法和移动终端
CN102915187A (zh) * 2011-08-03 2013-02-06 Lg电子株式会社 移动终端及其控制方法
CN103034450A (zh) * 2012-12-18 2013-04-10 广东欧珀移动通信有限公司 一种新的滑屏切换图标的方法和装置

Family Cites Families (26)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5463725A (en) * 1992-12-31 1995-10-31 International Business Machines Corp. Data processing system graphical user interface which emulates printed material
RU2109337C1 (ru) * 1996-05-06 1998-04-20 Нурахмед Нурисламович Латыпов Способ погружения пользователя в виртуальную реальность и устройство для его реализации
US7437005B2 (en) 2004-02-17 2008-10-14 Microsoft Corporation Rapid visual sorting of digital files and data
US20070109279A1 (en) * 2005-11-15 2007-05-17 Tyco Electronics Raychem Gmbh Method and apparatus for identifying locations of ambiguous multiple touch events
JP4775179B2 (ja) 2006-08-28 2011-09-21 ソニー株式会社 表示のスクロール方法、表示装置および表示プログラム
KR100891099B1 (ko) 2007-01-25 2009-03-31 삼성전자주식회사 사용성을 향상시키는 터치 스크린 및 터치 스크린에서 사용성 향상을 위한 방법
US8217964B2 (en) 2008-02-14 2012-07-10 Nokia Corporation Information presentation based on display screen orientation
US9176620B2 (en) * 2008-07-22 2015-11-03 Lg Electronics Inc. Mobile terminal and method for displaying information list thereof
JP5231928B2 (ja) * 2008-10-07 2013-07-10 株式会社ソニー・コンピュータエンタテインメント 情報処理装置および情報処理方法
KR20100128958A (ko) * 2009-05-29 2010-12-08 엘지전자 주식회사 영상표시장치 및 그 제어방법
JP5564848B2 (ja) * 2009-07-23 2014-08-06 富士通株式会社 表示装置、表示制御方法および表示制御プログラム
JP5458842B2 (ja) * 2009-12-02 2014-04-02 ソニー株式会社 遠隔操作装置、遠隔操作システム、遠隔操作方法およびプログラム
US20110157027A1 (en) * 2009-12-30 2011-06-30 Nokia Corporation Method and Apparatus for Performing an Operation on a User Interface Object
US9417787B2 (en) * 2010-02-12 2016-08-16 Microsoft Technology Licensing, Llc Distortion effects to indicate location in a movable data collection
US20110199318A1 (en) 2010-02-12 2011-08-18 Microsoft Corporation Multi-layer user interface with flexible parallel movement
US20110271182A1 (en) 2010-04-29 2011-11-03 Acer Incorporated Eletronic apparatus and control method thereof
JP5304763B2 (ja) * 2010-10-22 2013-10-02 アイシン・エィ・ダブリュ株式会社 画像表示装置、画像表示方法及びプログラム
JP5619595B2 (ja) * 2010-12-24 2014-11-05 京セラ株式会社 携帯端末装置
US8982130B2 (en) * 2011-07-15 2015-03-17 Green Charge Networks Cluster mapping to highlight areas of electrical congestion
JP5939756B2 (ja) * 2011-09-07 2016-06-22 キヤノン株式会社 画像形成装置とその制御方法
JP5866957B2 (ja) * 2011-10-17 2016-02-24 ソニー株式会社 情報処理装置、表示制御方法及びプログラム
KR20130081502A (ko) 2012-01-09 2013-07-17 삼성전자주식회사 아이템의 스크롤 표시 방법 및 장치
WO2013115499A1 (en) * 2012-01-31 2013-08-08 Samsung Electronics Co., Ltd. Method and apparatus for displaying page in terminal
US8963962B2 (en) * 2012-03-06 2015-02-24 Apple Inc. Display of multiple images
WO2013148605A1 (en) * 2012-03-25 2013-10-03 Masimo Corporation Physiological monitor touchscreen interface
CN103530052B (zh) * 2013-09-27 2017-09-29 华为技术有限公司 一种界面内容的显示方法和用户设备

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102915187A (zh) * 2011-08-03 2013-02-06 Lg电子株式会社 移动终端及其控制方法
CN102609210A (zh) * 2012-02-16 2012-07-25 上海华勤通讯技术有限公司 移动终端的功能图标的配置方法和移动终端
CN103034450A (zh) * 2012-12-18 2013-04-10 广东欧珀移动通信有限公司 一种新的滑屏切换图标的方法和装置

Also Published As

Publication number Publication date
US20160196033A1 (en) 2016-07-07
EP3035170A4 (en) 2016-08-31
US10430068B2 (en) 2019-10-01
KR20160042136A (ko) 2016-04-18
JP6274682B2 (ja) 2018-02-07
US9678658B2 (en) 2017-06-13
EP3035170B1 (en) 2019-07-17
BR112016006683B1 (pt) 2019-09-10
BR122018006785B1 (pt) 2020-10-06
JP2016532172A (ja) 2016-10-13
BR112016006683A2 (pt) 2017-08-01
AU2014328340B2 (en) 2017-05-25
EP3035170A1 (en) 2016-06-22
CN103530052A (zh) 2014-01-22
SG11201602365SA (en) 2016-05-30
CA2925390A1 (en) 2015-04-02
WO2015043138A1 (zh) 2015-04-02
US20170277388A1 (en) 2017-09-28
KR101773488B1 (ko) 2017-08-31
RU2602343C1 (ru) 2016-11-20
CA2925390C (en) 2019-05-28
AU2014328340A1 (en) 2016-03-31

Similar Documents

Publication Publication Date Title
CN103530052B (zh) 一种界面内容的显示方法和用户设备
CN109783181A (zh) 屏幕适配显示方法、电子设备及计算机存储介质
CN114090149B (zh) 界面调整方法、装置、计算机设备及计算机可读存储介质
CN102799358A (zh) 光标显示位置的确定方法及装置
CN102609210A (zh) 移动终端的功能图标的配置方法和移动终端
CN104238887B (zh) 常用应用程序的图标查找方法和装置
CN110727496A (zh) 图形用户界面的布局方法、装置、电子设备及存储介质
CN108519902A (zh) 交互智能设备的界面位置调整方法及装置
CN106354366A (zh) 桌面图标排列处理方法及装置
CN106293427A (zh) 用户界面调整方法及电子装置
CN106658139A (zh) 一种焦点控制方法及装置
CN106354404A (zh) 页面操作方法及装置
CN104679395B (zh) 一种文档呈现方法及用户终端
CN105912209A (zh) 图像显示方法及装置
CN104346046B (zh) 三维仿真翻页方法及系统
CN107168630A (zh) 一种终端设备、页面控制装置及页面控制方法
CN109740337A (zh) 一种实现滑块验证码识别的方法及装置
CN107403087B (zh) 触摸反馈方法、装置及终端
CN110647263B (zh) 一种移动终端桌面图标移动方法、装置、介质和设备
CN103246426A (zh) 一种实现对多个图标进行处理的方法及装置
CN106527848A (zh) 应用图标移动方法及装置
CN103838476B (zh) 数据的处理方法及触摸屏终端
CN114546195B (zh) 一种滚动视图嵌套交互效果的方法
CN106325714A (zh) 网格视图控件的移动控制方法及系统
CN105208183B (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
GR01 Patent grant
GR01 Patent grant