CN104679485A - 页面元素的控制方法及装置 - Google Patents

页面元素的控制方法及装置 Download PDF

Info

Publication number
CN104679485A
CN104679485A CN201310624842.XA CN201310624842A CN104679485A CN 104679485 A CN104679485 A CN 104679485A CN 201310624842 A CN201310624842 A CN 201310624842A CN 104679485 A CN104679485 A CN 104679485A
Authority
CN
China
Prior art keywords
page
movable objects
movement
situation
page element
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.)
Pending
Application number
CN201310624842.XA
Other languages
English (en)
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.)
Alibaba Group Holding 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 CN201310624842.XA priority Critical patent/CN104679485A/zh
Priority to TW103110107A priority patent/TW201520878A/zh
Priority to US14/546,771 priority patent/US20150149889A1/en
Priority to PCT/US2014/066376 priority patent/WO2015080919A1/en
Priority to EP14819141.4A priority patent/EP3074852A1/en
Priority to JP2016527363A priority patent/JP2017501479A/ja
Publication of CN104679485A publication Critical patent/CN104679485A/zh
Priority to HK15107287.0A priority patent/HK1206834A1/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/14—Tree-structured documents
    • G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
    • 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/0485—Scrolling or panning
    • 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
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04804—Transparency, e.g. transparent or translucent windows

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)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本申请提供一种页面元素的控制方法及装置。本申请实施例通过在目标页面上显示可移动对象，所述目标页面包括隐藏的第一页面元素和显示的第二页面元素，进而检测所述可移动对象的移动情况，使得能够根据移动情况与第一页面元素的对应关系，确定与所述移动情况对应的第一页面元素，以实现显示与所述移动情况对应的第一页面元素的目的，能够避免现有技术中由于用于显示隐藏的页面元素的功能按钮设置在页面的指定位置而导致的在用户需要浏览隐藏的页面元素时操作繁琐且不灵活的问题。从而提高了页面元素控制的效率和灵活性。

Description

页面元素的控制方法及装置
【技术领域】
本申请涉及万维网（World Wide Web，Web）页面处理技术，尤其涉及一种页面元素的控制方法及装置。
【背景技术】
随着通信技术的发展，终端集成了越来越多的功能，从而使得终端的系统功能列表中包含了越来越多相应的应用程序，例如，电脑中安装的应用程序、第三方智能手机中安装的应用程序（Application，APP）等。有些应用程序中会涉及一些万维网（World Wide Web，Web）页面，Web页面可以包括由一个或者多个超文本标记语言（HyperText Markup Language，HTML）标签组成的一个显示区块，称为页面元素，例如，文字、标签、超链接、按钮、输入框、下拉框等。在一些情况下，需要隐藏即不显示页面中的某些页面元素。例如，终端的屏幕尺寸有限，等。现有技术中，客户端可以在页面的指定位置提供一个用于显示隐藏的页面元素的功能按钮，当用户利用输入设备点击这个功能按钮时，客户端则显示对应的隐藏的页面元素。
然而，由于用于显示隐藏的页面元素的功能按钮设置在页面的指定位置，因此，在用户需要浏览隐藏的页面元素时，只能在页面上寻找指定位置处的功能按钮并点击，客户端才能显示隐藏的页面元素，操作繁琐，且不灵活，从而导致了页面元素控制的效率和灵活性的降低。
【发明内容】
本申请的多个方面提供一种页面元素的控制方法及装置，用以提高页面元素控制的效率和灵活性。
本申请的一方面，提供一种页面元素的控制方法，包括：
在目标页面上显示可移动对象，所述目标页面包括隐藏的第一页面元素和显示的第二页面元素；
检测所述可移动对象的移动情况；
根据移动情况与第一页面元素的对应关系，确定与所述移动情况对应的第一页面元素；
显示与所述移动情况对应的第一页面元素。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述可移动对象的透明度大于或等于0且小于1。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述检测所述可移动对象的移动情况之前，还包括：
在目标页面上显示至少一个位置对象。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述检测所述可移动对象的移动情况，包括：
检测所述可移动对象是否移动到所述至少一个位置对象中的一个位置对象。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述至少一个位置对象的透明度大于或等于0且小于1。
本申请的另一方面，提供一种页面元素的控制装置，包括：
显示单元，用于在目标页面上显示可移动对象，所述目标页面包括隐藏的第一页面元素和显示的第二页面元素；
检测单元，用于检测所述可移动对象的移动情况；
确定单元，用于根据移动情况与第一页面元素的对应关系，确定与所述移动情况对应的第一页面元素；
所述显示单元，还用于显示与所述移动情况对应的第一页面元素。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述可移动对象的透明度大于或等于0且小于1。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述显示单元，还用于
在目标页面上显示至少一个位置对象。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述检测单元，具体用于
检测所述可移动对象是否移动到所述至少一个位置对象中的一个位置对象。
如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述至少一个位置对象的透明度大于或等于0且小于1。
由上述技术方案可知，本申请实施例通过在目标页面上显示可移动对象，所述目标页面包括隐藏的第一页面元素和显示的第二页面元素，进而检测所述可移动对象的移动情况，使得能够根据移动情况与第一页面元素的对应关系，确定与所述移动情况对应的第一页面元素，以实现显示与所述移动情况对应的第一页面元素的目的，能够避免现有技术中由于用于显示隐藏的页面元素的功能按钮设置在页面的指定位置而导致的在用户需要浏览隐藏的页面元素时操作繁琐且不灵活的问题。从而提高了页面元素控制的效率和灵活性。
【附图说明】
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本申请一实施例提供的页面元素的控制方法的流程示意图；
图2A为图3对应的实施例中目标页面的一显示示意图；
图2B为图3对应的实施例中目标页面的另一显示示意图；
图2C为图3对应的实施例中目标页面的另一显示示意图；
图2D为图3对应的实施例中目标页面的另一显示示意图；
图3为本申请另一实施例提供的页面元素的控制方法的流程示意图；
图4为本申请另一实施例提供的页面元素的控制装置的结构示意图。
【具体实施方式】
为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的全部其他实施例，都属于本申请保护的范围。
需要说明的是，本申请所涉及的页面，可以是基于超文本标记语言（HyperText Markup Language，HTML）编写的网页（Web Page），也可以称为Web页面。页面可以包括由一个或者多个超文本标记语言（HyperTextMarkup Language，HTML）标签组成的一个显示区块，称为页面元素，例如，文字、标签、超链接、按钮、输入框、下拉框等，本申请实施例对此不进行限定。
需要说明的是，本申请实施例中所涉及的终端可以包括但不限于手机、个人数字助理（Personal Digital Assistant，PDA）、无线手持装置、无线上网本、个人电脑、便携电脑、个人电脑（Personal Computer，PC）、MP3播放器、MP4播放器等。
另外，本文中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。
图1为本申请一实施例提供的页面元素的控制方法的流程示意图，如图1所示。
101、在目标页面上显示可移动对象，所述目标页面包括隐藏的第一页面元素和显示的第二页面元素。
其中，所述目标页面可以为应用程序的全部页面，或者还可以为应用程序中的部分页面，本申请实施例对此不进行特别限定。
具体地，所述第一页面元素或第二页面元素可以包括但不限于下列中的至少一项：文字、标签、超链接、按钮、输入框和下拉框，本申请实施例对此不进行限定。
可选地，在本申请实施例的一个可能的实现方式中，所述可移动对象可以包括创建在所述第二页面元素之上的浮动页面元素。浮动页面元素的创建方法可以参见现有技术中的相关描述，此处不再赘述。
具体地，所述可移动对象的形状可以为圆形、方形或多边形等形状。
具体地，所述可移动对象的位置可以为目标页面上的任何位置。优选地，可以为目标页面的底部中心位置，这样，对于触摸屏手机等触摸屏移动终端的用户来说，不受屏幕大小的限制，操作非常方便，而且单手即可以较为方便地拖动该可移动对象，从而能够进一步提高页面元素控制的效率和灵活性。同时还可以进一步增强大尺寸屏幕的浏览体验。
具体地，所述可移动对象的透明度可以大于或等于0且小于1。透明度的取值越大表示越透明，0表示完全不透明。
102、检测所述可移动对象的移动情况。
可选地，在本申请实施例的一个可能的实现方式中，在102之前，还可以进一步在目标页面上显示至少一个位置对象。
可选地，在本申请实施例的一个可能的实现方式中，所述至少一个位置对象可以包括创建在所述第二页面元素之上的固定页面元素。固定页面元素的创建方法可以参见现有技术中的相关描述，此处不再赘述。
具体地，所述至少一个位置对象的形状可以为与可移动对象的形状相适应的形状，可以为圆形、方形或多边形等形状。
具体地，所述至少一个位置对象的位置可以为目标页面上的任何位置。优选地，所述至少一个位置对象的位置可以为与可移动对象的位置相适应的位置，例如，可以为可移动对象周围的至少一个位置。这样，对于触摸屏手机等触摸屏移动终端的用户来说，操作非常方便，而且单手即可以较为方便地拖动该可移动对象，以将可移动对象移动到所述至少一个位置对象中的一个位置对象，从而能够进一步提高页面元素控制的效率和灵活性。同时还可以进一步增强大尺寸屏幕的浏览体验。
具体地，所述至少一个位置对象的透明度可以大于或等于0且小于1。透明度的取值越大表示越透明，0表示完全不透明。
相应地，在102中，具体可以检测所述可移动对象是否移动到所述至少一个位置对象中的一个位置对象。如果所述可移动对象移动到所述至少一个位置对象中的一个位置对象，则可以继续执行103和104；如果所述可移动对象未移动到所述至少一个位置对象中的一个位置对象，则可以不再执行103和104，直到检测到所述可移动对象移动到所述至少一个位置对象中的一个位置对象，才继续执行103和104。
可以理解的是，所述可移动对象移动到所述至少一个位置对象中的一个位置对象，可以包括但不限于如下几种情况中的一种情况：
至少一个位置对象中的一个位置对象被可移动对象完全覆盖；或者
至少一个位置对象中的一个位置对象被可移动对象部分覆盖，所述部分大于或等于预先设置的覆盖阈值。
103、根据移动情况与第一页面元素的对应关系，确定与所述移动情况对应的第一页面元素。
可选地，在本申请实施例的一个可能的实现方式中，以触摸屏手机等触摸屏移动终端举例来说，具体可以通过记录用户的手指在触摸屏上开始触碰可移动对象的坐标与结束触碰可移动对象的坐标的偏移值，监听可移动对象的移动情况。如果偏移值满足预先设置的触发条件，即存在与所述偏移值对应的第一页面元素，则可以确定与所述移动情况对应的第一页面元素。
可选地，在本申请实施例的一个可能的实现方式中，以触摸屏手机等触摸屏移动终端举例来说，具体可以通过记录用户的手指在触摸屏上结束触碰可移动对象的坐标，并与至少一个位置对象中的一个位置对象的坐标进行比较，监听可移动对象的移动情况。如果二者满足预先设置的触发条件，即二者能够重合，则可以确定与所述移动情况对应的第一页面元素。
104、显示与所述移动情况对应的第一页面元素。
可选地，在本申请实施例的一个可能的实现方式中，在104中，还可以进一步继续显示所述第二页面元素中的部分内容，或者还可以不再显示所述第二页面元素，或者还可以继续显示所述第二页面元素中的全部内容。
具体地，具体如何显示所述第二页面元素可以取决于终端的屏幕的尺寸、以及与所述移动情况对应的第一页面元素的尺寸的差值。
例如，若终端的屏幕除了显示与所述移动情况对应的第一页面元素之外可显示区域的尺寸，足够显示所述第二页面元素，则可以显示所述第二页面元素中的全部内容。
或者，再例如，若终端的屏幕除了显示与所述移动情况对应的第一页面元素之外可显示区域的尺寸，不能够显示所述第二页面元素中的全部内容，则可以显示所述第二页面元素中的部分内容。
或者，再例如，若终端的屏幕除了显示与所述移动情况对应的第一页面元素之外，没有任何可显示区域，则可以不再显示所述第二页面元素。
或者，具体地，具体如何显示所述第二页面元素还可以取决于预先的配置信息。
例如，配置信息可以用于指示只要显示隐藏的第一页面元素，就不显示所述第二页面元素。
本申请实施例对如何显示所述第二页面元素，不进行特别限定。
需要说明的是，101～104的执行主体可以是控制装置，例如，Web页面编辑器等，可以位于本地的客户端中，以进行离线控制，或者还可以位于网络侧的服务器中，以进行在线控制，本申请实施例对此不进行限定。
可以理解的是，所述客户端可以是安装在终端上的应用程序，或者还可以是浏览器的一个网页，只要能够实现页面元素控制，以实现隐藏的页面元素的显示的客观存在形式都可以，本申请实施例对此不进行限定。
这样，通过在目标页面上显示可移动对象，所述目标页面包括隐藏的第一页面元素和显示的第二页面元素，进而检测所述可移动对象的移动情况，使得能够根据移动情况与第一页面元素的对应关系，确定与所述移动情况对应的第一页面元素，以实现显示与所述移动情况对应的第一页面元素的目的，能够避免现有技术中由于用于显示隐藏的页面元素的功能按钮设置在页面的指定位置而导致的在用户需要浏览隐藏的页面元素时操作繁琐且不灵活的问题。从而提高了页面元素控制的效率和灵活性。
为使得本申请实施例提供的方法更加清楚，下面将以图2A所示的目标页面作为举例。所述图2A所示的目标页面可以包括图2A中所显示的页面元素A0和图2A中未显示即隐藏的页面元素A1、隐藏的页面元素A2和隐藏的页面元素A3。图3为本申请另一实施例提供的页面元素的控制方法的流程示意图，如图3所示。
301、在目标页面上，显示可移动对象B1、位置对象B2和位置对象B3。
302、检测可移动对象B1的移动情况。
例如，检测可移动对象B1是否移动到位置对象B2。
或者，再例如，检测可移动对象B1是否移动到位置对象B3.
或者，再例如，检测可移动对象B1向上移动指定距离。
303、根据移动情况与隐藏的页面元素的对应关系，确定与所述移动情况对应的隐藏的页面元素。
例如，若可移动对象B1移动到位置对象B2，则根据移动情况与隐藏的页面元素的对应关系，可以确定对应于隐藏的页面元素A1。
可以理解的是，在用户操作可移动对象B1向位置对象B2移动的过程中，用户可以取消操作，例如，手指拖动可移动对象B1向位置对象B2移动的过程中，松开手指，等，可移动对象B则回复到初始位置。也就是说，可移动对象B1的初始位置与位置对象B2的位置之间的距离，可以认为是一个可取消的移动距离，只要可移动对象B1没有移动到位置对象B2，都可以随时取消操作。
或者，再例如，若可移动对象B1移动到位置对象B3，则根据移动情况与隐藏的页面元素的对应关系，可以确定对应于隐藏的页面元素A2。
可以理解的是，在用户操作可移动对象B1向位置对象B3移动的过程中，用户可以取消操作，例如，手指拖动可移动对象B1向位置对象B3移动的过程中，松开手指，等，可移动对象B则回复到初始位置。也就是说，可移动对象B1的初始位置与位置对象B3的位置之间的距离，可以认为是一个可取消的移动距离，只要可移动对象B1没有移动到位置对象B3，都可以随时取消操作。
或者，再例如，若可移动对象B1向上移动指定距离，例如，1厘米，则根据移动情况与隐藏的页面元素的对应关系，可以确定对应于隐藏的页面元素A3。
可以理解的是，在用户操作可移动对象B1向上移动的过程中，用户可以取消操作，例如，手指拖动可移动对象B1向上移动的过程中，松开手指，等，可移动对象B则回复到初始位置。也就是说，可移动对象B1向上移动的这个指定距离，可以认为是一个可取消的移动距离，只要可移动对象B1没有移动到上，都可以随时取消操作。
304、显示与所述移动情况对应的隐藏的页面元素。
例如，显示隐藏的页面元素A1，如图2B所示。由图2B中可以看出，由于屏幕除了显示与所述移动情况对应的隐藏的页面元素A1之外可显示区域的尺寸，足够显示原来所显示的页面元素A0，则可以显示页面元素A0中的全部内容。
或者，再例如，显示隐藏的页面元素A2，如图2C所示。由图2C中可以看出，终端的屏幕除了显示与所述移动情况对应的隐藏的页面元素A2之外可显示区域的尺寸，只能够显示原来所显示的页面元素A0中的部分内容，则可以显示页面元素A0中的部分内容。其中，阴影部分的内容为隐藏的内容。
或者，再例如，显示隐藏的页面元素A3，如图2D所示。其中，阴影部分的内容为隐藏的内容。
需要说明的是，在图2A～图2D所示出的页面上，只需要关注页面的布局即页面元素的位置，而不需要关注每个页面元素的内容，也就是说，页面元素的内容所包含的中文字符或英文字符只是示意性质的，并没有特别含义，可以忽略。
这样，通过在目标页面上显示可移动对象B1、以及该可移动对象B1两侧的位置对象B1和位置对象B2，所述目标页面包括隐藏的页面元素A1、A2和A3，以及显示的页面元素，进而检测可移动对象B1的移动情况，使得能够根据移动情况与隐藏的页面元素的对应关系，确定与所述移动情况对应的隐藏的页面元素，以显示与所述移动情况对应的隐藏的页面元素，能够避免现有技术中由于用于显示隐藏的页面元素的功能按钮设置在页面的指定位置而导致的在用户需要浏览隐藏的页面元素时操作繁琐且不灵活的问题。从而提高了页面元素控制的效率和灵活性。
本实施例中，通过在目标页面上显示可移动对象，所述目标页面包括隐藏的第一页面元素和显示的第二页面元素，进而检测所述可移动对象的移动情况，使得能够根据移动情况与第一页面元素的对应关系，确定与所述移动情况对应的第一页面元素，以实现显示与所述移动情况对应的第一页面元素的目的，能够避免现有技术中由于用于显示隐藏的页面元素的功能按钮设置在页面的指定位置而导致的在用户需要浏览隐藏的页面元素时操作繁琐且不灵活的问题。从而提高了页面元素控制的效率和灵活性。
另外，采用本申请提供的技术方案，由于可移动对象的不同移动情况可以对应不同的隐藏的页面元素即第一页面元素，因此，目标页面上无需分别设置多个按钮分别对应不同的隐藏的页面元素，使得目标页面上可以布局更多的内容，从而提高了页面的利用率。
需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本申请所必须的。
在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。
图4为本申请另一实施例提供的页面元素的控制装置的结构示意图，如图4所示。本申请实施例的页面元素的控制装置可以包括显示单元41、检测单元42和确定单元43。其中，显示单元41，用于在目标页面上显示可移动对象，所述目标页面包括隐藏的第一页面元素和显示的第二页面元素；检测单元42，用于检测所述可移动对象的移动情况；确定单元43，用于根据移动情况与第一页面元素的对应关系，确定与所述移动情况对应的第一页面元素；所述显示单元41，还用于显示与所述移动情况对应的第一页面元素。
其中，所述目标页面可以为应用程序的全部页面，或者还可以为应用程序中的部分页面，本申请实施例对此不进行特别限定。
具体地，所述第一页面元素或第二页面元素可以包括但不限于下列中的至少一项：文字、标签、超链接、按钮、输入框和下拉框，本申请实施例对此不进行限定。
可选地，在本申请实施例的一个可能的实现方式中，所述可移动对象可以包括创建在所述第二页面元素之上的浮动页面元素。浮动页面元素的创建方法可以参见现有技术中的相关描述，此处不再赘述。
具体地，所述可移动对象的形状可以为圆形、方形或多边形等形状。
具体地，所述可移动对象的位置可以为目标页面上的任何位置。优选地，可以为目标页面的底部中心位置，这样，对于触摸屏手机等触摸屏移动终端的用户来说，不受屏幕大小的限制，操作非常方便，而且单手即可以较为方便地拖动该可移动对象，从而能够进一步提高页面元素控制的效率和灵活性。同时还可以进一步增强大尺寸屏幕的浏览体验。
具体地，所述可移动对象的透明度可以大于或等于0且小于1。透明度的取值越大表示越透明，0表示完全不透明。
可选地，在本申请实施例的一个可能的实现方式中，所述显示单元41，还可以进一步用于在目标页面上显示至少一个位置对象。
可选地，在本申请实施例的一个可能的实现方式中，所述至少一个位置对象可以包括创建在所述第二页面元素之上的固定页面元素。固定页面元素的创建方法可以参见现有技术中的相关描述，此处不再赘述。
具体地，所述至少一个位置对象的形状可以为与可移动对象的形状相适应的形状，可以为圆形、方形或多边形等形状。
具体地，所述至少一个位置对象的位置可以为目标页面上的任何位置。优选地，所述至少一个位置对象的位置可以为与可移动对象的位置相适应的位置，例如，可以为可移动对象周围的至少一个位置。这样，对于触摸屏手机等触摸屏移动终端的用户来说，操作非常方便，而且单手即可以较为方便地拖动该可移动对象，以将可移动对象移动到所述至少一个位置对象中的一个位置对象，从而能够进一步提高页面元素控制的效率和灵活性。同时还可以进一步增强大尺寸屏幕的浏览体验。
具体地，所述至少一个位置对象的透明度可以大于或等于0且小于1。透明度的取值越大表示越透明，0表示完全不透明。
相应地，所述检测单元42，具体可以用于检测所述可移动对象是否移动到所述至少一个位置对象中的一个位置对象。如果所述可移动对象移动到所述至少一个位置对象中的一个位置对象，则确定单元43则可以执行对应的操作；如果所述可移动对象未移动到所述至少一个位置对象中的一个位置对象，则确定单元43则可以不再执行对应的操作，直到检测单元42检测到所述可移动对象移动到所述至少一个位置对象中的一个位置对象，才执行对应的操作。
可以理解的是，所述可移动对象移动到所述至少一个位置对象中的一个位置对象，可以包括但不限于如下几种情况中的一种情况：
至少一个位置对象中的一个位置对象被可移动对象完全覆盖；或者
至少一个位置对象中的一个位置对象被可移动对象部分覆盖，所述部分大于或等于预先设置的覆盖阈值。
可选地，在本申请实施例的一个可能的实现方式中，以触摸屏手机等触摸屏移动终端举例来说，所述检测单元42具体可以通过记录用户的手指在触摸屏上开始触碰可移动对象的坐标与结束触碰可移动对象的坐标的偏移值，监听可移动对象的移动情况。如果偏移值满足预先设置的触发条件，即存在与所述偏移值对应的第一页面元素，所述确定单元43则可以确定与所述移动情况对应的第一页面元素。
可选地，在本申请实施例的一个可能的实现方式中，以触摸屏手机等触摸屏移动终端举例来说，所述检测单元42具体可以通过记录用户的手指在触摸屏上结束触碰可移动对象的坐标，并与至少一个位置对象中的一个位置对象的坐标进行比较，监听可移动对象的移动情况。如果二者满足预先设置的触发条件，即二者能够重合，所述确定单元43则可以确定与所述移动情况对应的第一页面元素。
可选地，在本申请实施例的一个可能的实现方式中，所述显示单元41还可以进一步继续显示所述第二页面元素中的部分内容，或者还可以不再显示所述第二页面元素，或者还可以继续显示所述第二页面元素中的全部内容。
具体地，所述显示单元41具体如何显示所述第二页面元素可以取决于终端的屏幕的尺寸、以及与所述移动情况对应的第一页面元素的尺寸的差值。
例如，若终端的屏幕除了显示与所述移动情况对应的第一页面元素之外可显示区域的尺寸，足够显示所述第二页面元素，所述显示单元41则可以继续显示所述第二页面元素中的全部内容。
或者，再例如，若终端的屏幕除了显示与所述移动情况对应的第一页面元素之外可显示区域的尺寸，不能够显示所述第二页面元素中的全部内容，所述显示单元41则可以继续显示所述第二页面元素中的部分内容。
或者，再例如，若终端的屏幕除了显示与所述移动情况对应的第一页面元素之外，没有任何可显示区域，所述显示单元41则可以不再显示所述第二页面元素。
或者，具体地，所述显示单元41具体如何显示所述第二页面元素还可以取决于预先的配置信息。
例如，配置信息可以用于指示只要显示隐藏的第一页面元素，就不显示所述第二页面元素。
本申请实施例对所述显示单元41如何显示所述第二页面元素，不进行特别限定。
需要说明的是，本申请实施例提供的页面元素的控制装置可以是控制装置，例如，Web页面编辑器等，可以位于本地的客户端中，以进行离线控制，或者还可以位于网络侧的服务器中，以进行在线控制，本申请实施例对此不进行限定。
可以理解的是，所述客户端可以是安装在终端上的应用程序，或者还可以是浏览器的一个网页，只要能够实现页面元素控制，以实现隐藏的页面元素的显示的客观存在形式都可以，本申请实施例对此不进行限定。
为使得本申请实施例提供的方法更加清楚，下面将以图2A所示的目标页面作为举例。所述图2A所示的目标页面可以包括图2A中所显示的页面元素和图2A中未显示即隐藏的页面元素A1、隐藏的页面元素A2和隐藏的页面元素A3。本申请一个具体实施例中的页面元素的控制装置可以对应执行图3对应的实施例中301～304的操作，详细描述可以参见301～304的相关内容，此处不再赘述。
本实施例中，通过显示单元在目标页面上显示可移动对象，所述目标页面包括隐藏的第一页面元素和显示的第二页面元素，进而由检测单元检测所述可移动对象的移动情况，使得确定单元能够根据移动情况与第一页面元素的对应关系，确定与所述移动情况对应的第一页面元素，以实现所述显示单元显示与所述移动情况对应的第一页面元素的目的，能够避免现有技术中由于用于显示隐藏的页面元素的功能按钮设置在页面的指定位置而导致的在用户需要浏览隐藏的页面元素时操作繁琐且不灵活的问题。从而提高了页面元素控制的效率和灵活性。
另外，采用本申请提供的技术方案，由于可移动对象的不同移动情况可以对应不同的隐藏的页面元素即第一页面元素，因此，目标页面上无需分别设置多个按钮分别对应不同的隐藏的页面元素，使得目标页面上可以布局更多的内容，从而提高了页面的利用率。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本申请实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。
上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）或处理器（processor）执行本申请各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器（Read-Only Memory，ROM）、随机存取存储器（Random Access Memory，RAM）、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (10)

1.一种页面元素的控制方法，其特征在于，包括：
在目标页面上显示可移动对象，所述目标页面包括隐藏的第一页面元素和显示的第二页面元素；
检测所述可移动对象的移动情况；
根据移动情况与第一页面元素的对应关系，确定与所述移动情况对应的第一页面元素；
显示与所述移动情况对应的第一页面元素。
2.根据权利要求1所述的方法，其特征在于，所述可移动对象的透明度大于或等于0且小于1。
3.根据权利要求1所述的方法，其特征在于，所述检测所述可移动对象的移动情况之前，还包括：
在目标页面上显示至少一个位置对象。
4.根据权利要求3所述的方法，其特征在于，所述检测所述可移动对象的移动情况，包括：
检测所述可移动对象是否移动到所述至少一个位置对象中的一个位置对象。
5.根据权利要求3或4所述的方法，其特征在于，所述至少一个位置对象的透明度大于或等于0且小于1。
6.一种页面元素的控制装置，其特征在于，包括：
显示单元，用于在目标页面上显示可移动对象，所述目标页面包括隐藏的第一页面元素和显示的第二页面元素；
检测单元，用于检测所述可移动对象的移动情况；
确定单元，用于根据移动情况与第一页面元素的对应关系，确定与所述移动情况对应的第一页面元素；
所述显示单元，还用于显示与所述移动情况对应的第一页面元素。
7.根据权利要求6所述的装置，其特征在于，所述可移动对象的透明度大于或等于0且小于1。
8.根据权利要求6所述的装置，其特征在于，所述显示单元，还用于
在目标页面上显示至少一个位置对象。
9.根据权利要求8所述的装置，其特征在于，所述检测单元，具体用于
检测所述可移动对象是否移动到所述至少一个位置对象中的一个位置对象。
10.根据权利要求8或9所述的装置，其特征在于，所述至少一个位置对象的透明度大于或等于0且小于1。
CN201310624842.XA 2013-11-28 2013-11-28 页面元素的控制方法及装置 Pending CN104679485A (zh)

Priority Applications (7)

Application Number Priority Date Filing Date Title
CN201310624842.XA CN104679485A (zh) 2013-11-28 2013-11-28 页面元素的控制方法及装置
TW103110107A TW201520878A (zh) 2013-11-28 2014-03-18 頁面元素的控制方法及裝置
US14/546,771 US20150149889A1 (en) 2013-11-28 2014-11-18 Displaying page elements
PCT/US2014/066376 WO2015080919A1 (en) 2013-11-28 2014-11-19 Displaying page elements
EP14819141.4A EP3074852A1 (en) 2013-11-28 2014-11-19 Displaying page elements
JP2016527363A JP2017501479A (ja) 2013-11-28 2014-11-19 ページ要素の表示
HK15107287.0A HK1206834A1 (zh) 2013-11-28 2015-07-30 頁面元素的控制方法及裝置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310624842.XA CN104679485A (zh) 2013-11-28 2013-11-28 页面元素的控制方法及装置

Publications (1)

Publication Number Publication Date
CN104679485A true CN104679485A (zh) 2015-06-03

Family

ID=53183769

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201310624842.XA Pending CN104679485A (zh) 2013-11-28 2013-11-28 页面元素的控制方法及装置

Country Status (7)

Country Link
US (1) US20150149889A1 (zh)
EP (1) EP3074852A1 (zh)
JP (1) JP2017501479A (zh)
CN (1) CN104679485A (zh)
HK (1) HK1206834A1 (zh)
TW (1) TW201520878A (zh)
WO (1) WO2015080919A1 (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107168969A (zh) * 2016-03-07 2017-09-15 北京搜狗科技发展有限公司 一种页面元素控制方法、装置及电子设备
CN108984565A (zh) * 2017-06-02 2018-12-11 北京视联动力国际信息技术有限公司 一种导航组件展现方法、装置、电子设备及存储介质
CN109740100A (zh) * 2019-01-03 2019-05-10 北京字节跳动网络技术有限公司 一种网页节点嗅探方法、装置、设备和储存介质
CN111290691A (zh) * 2020-01-16 2020-06-16 北京京东振世信息技术有限公司 用于操作页面的方法、装置、计算机设备及可读存储介质

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2014188496A1 (ja) * 2013-05-20 2014-11-27 楽天株式会社 情報処理装置
CN106028172A (zh) * 2016-06-13 2016-10-12 百度在线网络技术（北京）有限公司 音/视频处理方法及装置
US10162500B2 (en) * 2016-08-24 2018-12-25 Microsoft Technology Licensing, Llc Dynamically render large dataset in client application
US10372299B2 (en) 2016-09-23 2019-08-06 Microsoft Technology Licensing, Llc Preserve input focus in virtualized dataset
CN108762628B (zh) * 2018-04-23 2020-10-02 广州视源电子科技股份有限公司 页面元素移动显示方法、装置、终端设备及存储介质
CN108762619B (zh) * 2018-06-08 2021-02-23 Oppo广东移动通信有限公司 浮标显示方法、装置、终端及存储介质
KR102057805B1 (ko) * 2019-08-02 2020-01-22 최현준 인터랙션 스크롤 제어 방법, 장치, 프로그램 및 컴퓨터 판독가능 기록매체
CN113536253A (zh) * 2021-07-23 2021-10-22 工银科技有限公司 用于控制页面元素的显示权限的方法、装置、设备及介质

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH11212726A (ja) * 1998-01-29 1999-08-06 Omron Corp 入力装置
US6037937A (en) * 1997-12-04 2000-03-14 Nortel Networks Corporation Navigation tool for graphical user interface
CN101398739A (zh) * 2007-09-25 2009-04-01 博思天地(北京)科技有限公司 一种基于触摸屏的页面浏览方法、装置及其移动通信终端
KR20110085189A (ko) * 2010-01-19 2011-07-27 박철 터치패널을 갖는 개인휴대단말기의 작동방법
CN202433883U (zh) * 2010-07-30 2012-09-12 索尼公司 信息处理设备
CN102681774A (zh) * 2012-04-06 2012-09-19 优视科技有限公司 通过手势控制应用界面的方法、装置和移动终端
JP2012230634A (ja) * 2011-04-27 2012-11-22 Nec Casio Mobile Communications Ltd 表示装置、表示制御方法およびプログラム
CN102830908A (zh) * 2009-06-04 2012-12-19 宏达国际电子股份有限公司 电子装置与其桌面浏览方法
CN103257823A (zh) * 2012-02-21 2013-08-21 Sap股份公司 便携式电子设备上的导航

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6778989B2 (en) * 2001-07-03 2004-08-17 International Business Machines Corporation System and method for constructing and viewing an electronic document
US6874126B1 (en) * 2001-11-30 2005-03-29 View Space Technologies Method and apparatus for controlling content display by the cursor motion
GB2418509A (en) * 2003-06-03 2006-03-29 Forbes Holton Norris Iii Flexible, dynamic menu-based web-page architecture
US8117553B2 (en) * 2004-05-17 2012-02-14 Sap Aktiengesellschaft Method and system to maintain a user interface context
US7543278B2 (en) * 2004-10-15 2009-06-02 Microsoft Corporation System and method for making a user interface element visible
US8091030B1 (en) * 2006-12-14 2012-01-03 Disney Enterprises, Inc. Method and apparatus of graphical object selection in a web browser
US20120139845A1 (en) * 2010-12-03 2012-06-07 Research In Motion Limited Soft key with main function and logically related sub-functions for touch screen device
US9081498B2 (en) * 2012-02-24 2015-07-14 Blackberry Limited Method and apparatus for adjusting a user interface to reduce obscuration
US9154845B1 (en) * 2013-07-29 2015-10-06 Wew Entertainment Corporation Enabling communication and content viewing

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6037937A (en) * 1997-12-04 2000-03-14 Nortel Networks Corporation Navigation tool for graphical user interface
JPH11212726A (ja) * 1998-01-29 1999-08-06 Omron Corp 入力装置
CN101398739A (zh) * 2007-09-25 2009-04-01 博思天地(北京)科技有限公司 一种基于触摸屏的页面浏览方法、装置及其移动通信终端
CN102830908A (zh) * 2009-06-04 2012-12-19 宏达国际电子股份有限公司 电子装置与其桌面浏览方法
KR20110085189A (ko) * 2010-01-19 2011-07-27 박철 터치패널을 갖는 개인휴대단말기의 작동방법
CN202433883U (zh) * 2010-07-30 2012-09-12 索尼公司 信息处理设备
JP2012230634A (ja) * 2011-04-27 2012-11-22 Nec Casio Mobile Communications Ltd 表示装置、表示制御方法およびプログラム
CN103257823A (zh) * 2012-02-21 2013-08-21 Sap股份公司 便携式电子设备上的导航
CN102681774A (zh) * 2012-04-06 2012-09-19 优视科技有限公司 通过手势控制应用界面的方法、装置和移动终端

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107168969A (zh) * 2016-03-07 2017-09-15 北京搜狗科技发展有限公司 一种页面元素控制方法、装置及电子设备
CN107168969B (zh) * 2016-03-07 2021-07-20 北京搜狗科技发展有限公司 一种页面元素控制方法、装置及电子设备
CN108984565A (zh) * 2017-06-02 2018-12-11 北京视联动力国际信息技术有限公司 一种导航组件展现方法、装置、电子设备及存储介质
CN108984565B (zh) * 2017-06-02 2020-04-24 视联动力信息技术股份有限公司 一种导航组件展现方法、装置、电子设备及存储介质
CN109740100A (zh) * 2019-01-03 2019-05-10 北京字节跳动网络技术有限公司 一种网页节点嗅探方法、装置、设备和储存介质
CN111290691A (zh) * 2020-01-16 2020-06-16 北京京东振世信息技术有限公司 用于操作页面的方法、装置、计算机设备及可读存储介质

Also Published As

Publication number Publication date
US20150149889A1 (en) 2015-05-28
TW201520878A (zh) 2015-06-01
JP2017501479A (ja) 2017-01-12
HK1206834A1 (zh) 2016-01-15
WO2015080919A1 (en) 2015-06-04
EP3074852A1 (en) 2016-10-05

Similar Documents

Publication Publication Date Title
CN104679485A (zh) 页面元素的控制方法及装置
CN101609388B (zh) 可解译多物件手势的触控板模块及其操作方法
CN104102441B (zh) 一种菜单项执行方法及装置
US10503255B2 (en) Haptic feedback assisted text manipulation
EP2469399A1 (en) Layer-based user interface
CN104571852A (zh) 图标的移动方法及装置
CN103530047B (zh) 一种触摸屏设备事件触发方法及装置
US20140089824A1 (en) Systems And Methods For Dynamically Altering A User Interface Based On User Interface Actions
EP3180687A1 (en) Hover-based interaction with rendered content
US9519369B2 (en) Touch screen selection
CN102385475B (zh) 电子设备及其交互方法
US8542207B1 (en) Pencil eraser gesture and gesture recognition method for touch-enabled user interfaces
US20140015785A1 (en) Electronic device
WO2014118602A1 (en) Emulating pressure sensitivity on multi-touch devices
KR20140112296A (ko) 다중 터치에 대응하는 기능을 처리하기 위한 방법 및 그 전자 장치
US20140123036A1 (en) Touch screen display process
CN106104450A (zh) 选择图形用户界面某一部分的方法
WO2014062872A1 (en) System and method for controlling display of virtual keyboard to avoid obscuring data entry fields
CN104424318A (zh) 页面元素的控制方法及装置
CN104765525A (zh) 操作界面的切换方法及装置
CN104267867A (zh) 内容输入方法及装置
CN105278751A (zh) 一种实现人机交互的方法、装置及保护壳
CN103279304B (zh) 一种显示选中图标的方法、装置及移动设备
CN103135911A (zh) 一种信息处理方法及电子终端
CN112631474B (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: 1206834

Country of ref document: HK

RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20150603

REG Reference to a national code

Ref country code: HK

Ref legal event code: WD

Ref document number: 1206834

Country of ref document: HK