CN103098001A - 一种用户界面的处理方法和电子设备 - Google Patents

一种用户界面的处理方法和电子设备 Download PDF

Info

Publication number
CN103098001A
CN103098001A CN2012800016526A CN201280001652A CN103098001A CN 103098001 A CN103098001 A CN 103098001A CN 2012800016526 A CN2012800016526 A CN 2012800016526A CN 201280001652 A CN201280001652 A CN 201280001652A CN 103098001 A CN103098001 A CN 103098001A
Authority
CN
China
Prior art keywords
interest
region
node
user interface
electronic equipment
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
CN2012800016526A
Other languages
English (en)
Other versions
CN103098001B (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
Publication of CN103098001A publication Critical patent/CN103098001A/zh
Application granted granted Critical
Publication of CN103098001B publication Critical patent/CN103098001B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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

Abstract

本发明实施例公开了一种用户界面的处理方法和电子设备,能够有效避免用户界面中非关注区域对用户造成的视觉干扰和误操作。该方法包括:所述电子设备根据用户在所述用户界面选择的区域,确定非关注区域,其中,关注区域为所述用户界面中除非关注区域以外的区域;所述电子设备根据所述非关注区域创建第一控件,所述第一控件用于将所述非关注区域显示在所述显示器上;所述电子设备隐藏所述非关注区域,并将所述关注区域和所述第一控件显示在所述显示器上。本发明适用于信息技术领域。

Description

一种用户界面的处理方法和电子设备
技术领域
本发明涉及信息技术领域,尤其涉及一种用户界面的处理方法和电子设备。
背景技术
随着社会的进步和技术的发展,人们越来越多地使用智能移动终端应用程序和接入因特网来娱乐、获取信息。在智能移动终端应用方面,伴随移动应用逐渐成为面向手机媒体发布的主要方式,智能手机应用中内置广告成为了当前移动广告市场关键驱动力量。但智能移动终端本身屏幕尺寸有限,这些广告区域的存在影响了用户真正关注的内容,同时容易造成用户的误操作。
针对以上问题,相关领域技术人员提出了一种移动终端以阅读模式浏览网页方法。该方案中,当获得的网页数据可以以阅读模式处理时,浏览服务器对获取的网页数据中的图片、Flash信息等设定的无效信息进行数据过滤,并进行排版;当获得的网页数据不可以以阅读模式处理时,浏览服务器只对获得的网页数据进行常规排版。
上述方法在很大程度上减少了移动终端上网页的无效信息,但仍有不足之处:只有当网页数据可以以阅读模式处理时,浏览服务器才能根据设定的无效信息进行数据过滤,不能保证对所有用户界面都适用;只适用于去除可以以阅读模式处理的网页的无效信息,不能解决用户界面中的非关注区域问题。从而,不能有效避免非关注区域对用户造成的视觉干扰和误操作。
发明内容
本发明的实施例提供一种用户界面的处理方法和电子设备,能够按照用户的需求隐藏非关注内容,从而能够有效避免非关注内容对用户造成的视觉干扰和误操作。
为达到上述目的,本发明的实施例采用如下技术方案:
第一方面,提供了一种用户界面的处理方法,所述方法应用于电子设备,所述电子设备在显示器上显示所述用户界面,该方法包括:
所述电子设备根据用户在所述用户界面选择的区域,确定非关注区域,其中,关注区域为所述用户界面中除非关注区域以外的区域;
所述电子设备根据所述非关注区域创建第一控件,所述第一控件用于将所述非关注区域显示在所述显示器上;
所述电子设备在用户界面上隐藏所述非关注区域,并将所述关注区域和所述第一控件显示在所述显示器上。
在第一种可能的实现方式中,根据第一方面,所述电子设备根据用户在所述用户界面选择的区域,确定非关注区域具体包括:
所述电子设备根据所述非关注区域确定对应的页面文件包括的节点。
在第二种可能的实现方式中,结合第一种可能的实现方式,所述用户界面对应的页面文件为树形结构;所述树形结构包括一个根节点和至少一个子节点,所述子节点包括所述子节点对应的内容和所述子节点对应的内容在所述用户界面的位置信息;
所述电子设备根据所述非关注区域确定对应的页面文件包括的节点具体包括:
所述电子设备确定用户在所述用户界面选择的非关注区域的起始位置和结束位置,根据所述起始位置和结束位置分别确定所述起始位置和结束位置对应的节点;
所述电子设备将所述起始位置对应的节点和结束位置对应的节点之间的节点确定为所述非关注区域对应的页面文件包括的节点。
在第三种可能的实现方式中,结合第一种可能的实现方式,所述用户界面对应的页面文件为树形结构;所述树形结构包括一个根节点和至少一个子节点,所述子节点包括所述子节点对应的内容和所述子节点对应的内容在所述用户界面的位置信息;
所述电子设备确定所述非关注区域对应的页面文件包括的节点具体包括:
所述电子设备确定所述非关注区域在所述用户界面的位置信息;
所述电子设备根据所述非关注区域在所述用户界面的位置信息,判断所述用户界面对应的页面文件中的每一子节点的位置是否在所述非关注区域中;
将位置在所述非关注区域的子节点确定为所述非关注区域对应的页面文件包括的节点。
在第四种可能的实现方式中,结合第一种至第三种可能的实现方式,所述电子设备隐藏所述非关注区域具体为:
将所述非关注区域对应的页面文件包括的节点进行删除。
在第五种可能的实现方式中,结合第一种至第三种可能的实现方式,所述电子设备隐藏所述非关注区域具体为:
将所述非关注区域对应的页面文件对应的节点的显示属性设置为不可见。
在第六种可能的实现方式中,结合第四种或第五种可能的实现方式,所述电子设备隐藏所述非关注区域之后,该方法还包括:
若所述电子设备接收到用户对所述第一控件的操作后,所述电子设备将所述用户界面的关注区域和第一控件对应的非关注区域显示在所述显示器上。
第二方面,提供了一种电子设备,所述电子设备包括:处理器和显示器;
所述处理器,用于根据用户在所述用户界面选择的区域,确定非关注区域,其中,关注区域为所述用户界面中除非关注区域以外的区域;
所述处理器,还用于根据所述非关注区域创建第一控件,所述第一控件用于将所述非关注区域显示在所述显示器上;
所述处理器,还用于在用户界面上隐藏所述非关注区域,并指示所述显示器显示所述关注区域和所述第一控件显示在所述显示器上;
所述显示器,用于接收所述处理器的指示信息,显示所述关注区域和所述第一控件。
在第一种可能的实现方式中,结合第二方面,所述处理器根据用户在所述用户界面选择的区域,确定非关注区域具体为:所述电子设备根据所述非关注区域确定对应页面文件包括的节点。
在第二种可能的实现方式中,根据第一种可能的实现方式,所述用户界面对应的页面文件为树形结构;所述树形结构包括一个根节点和至少一个子节点,所述子节点包括所述子节点对应的内容和所述子节点对应的内容在所述用户界面的位置信息;
所述处理器根据所述非关注区域确定对应页面文件包括的节点具体包括:
确定用户在所述用户界面选择的非关注区域的起始位置和结束位置,根据所述起始位置和结束位置分别确定所述起始位置和结束位置对应的节点;
将所述起始位置对应的节点和结束位置对应的节点之间的节点确定为所述非关注区域对应的页面文件包括的节点。
在第三种可能的实现方式中,根据第一种可能的实现方式,所述用户界面对应的页面文件为树形结构;所述树形结构包括一个根节点和至少一个子节点,所述子节点包括所述子节点对应的内容和所述子节点对应的内容在所述用户界面的位置信息;
所述处理器根据所述非关注区域确定对应页面文件包括的节点具体包括:
确定所述非关注区域在所述用户界面的位置信息;
根据所述非关注区域在所述用户界面的位置信息,判断所述用户界面对应的页面文件中的每一子节点的位置是否在所述非关注区域中;
将位置在所述非关注区域的子节点确定为所述非关注区域对应的页面文件包括的节点。
在第四种可能的实现方式中,根据第一种可能的实现方式至第三种可能的实现方式,所述处理器隐藏所述非关注区域具体为:
将所述非关注区域对应的页面文件包括的节点进行删除。
在第五种可能的实现方式中,根据第一种可能的实现方式至第三种可能的实现方式,所述处理器隐藏所述非关注区域具体为:
将所述非关注区域对应的页面文件包括的节点的显示属性设置为不可见。
在第六种可能的实现方式中,根据第四种或第五种可能的实现方式,所述处理器,还用于接收用户对所述第一控件的操作;
所述处理器,还用于接收到用户对所述第一控件的操作后,指示显示器显示所述用户界面的关注区域和第一控件对应的非关注区域;
所述显示器,还用于接收所述处理器的指示信息,显示所述用户界面的关注区域和第一控件对应的非关注区域。
本发明实施例提供了一种用户界面的处理方法和电子设备,该电子设备根据用户在所述用户界面选择的区域,确定非关注区域,其中,关注区域为所述用户界面中除非关注区域以外的区域;所述电子设备根据所述非关注区域创建第一控件,所述第一控件用于将所述非关注区域显示在所述显示器上;所述电子设备隐藏所述非关注区域,并将所述关注区域和所述第一控件显示在所述显示器上。这样由于电子设备在显示界面上将非关注区域隐藏起来,仅显示了用户关注的区域和非关注区域对应的第一控件,从而能够有效避免非关注内容对用户造成视觉干扰和误操作。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的一种用户界面的处理方法流程示意图;
图2为本发明实施例提供的另一种用户界面的处理方法流程示意图;
图3为本发明实施例提供的确定非关注区域对应的页面文件包括的节点方法流程示意图;
图4为本发明实施例提供的另一确定非关注区域对应的页面文件包括的节点方法流程示意图;
图5为本发明实施例提供的一种电子设备结构示意图;
图6为本发明实施例提供的另一种电子设备结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
实施例一、
本发明实施例提供一种用户界面的处理方法,该方法应用于电子设备,所述电子设备在显示器上显示所述用户界面,具体的如图1所示,该方法包括:
101、所述电子设备根据用户在所述用户界面选择的区域,确定非关注区域。
所述非关注区域为用户在所述用户界面选择的用户不关注的区域。
其中,关注区域为所述用户界面中除非关注区域以外的区域。
具体的,用户可以通过鼠标在用户界面拖拽选择用户不想关注的内容对应的非关注区域。对于具有触摸功能的电子设备,用户可以在触摸区域画框选择不想关注的内容对应的非关注区域。
具体的,所述电子设备根据非关注区域可以确定页面文件中与所述非关注区域对应的节点,相应地,页面文件中的其他节点为关注区域对应的节点。
102、所述电子设备根据所述非关注区域创建第一控件,所述第一控件用于将所述非关注区域显示在所述显示器上。
其中,所述电子设备根据所述非关注区域对应的页面文件创建第一控件,以使得在用户对该第一控件进行操作时,所述电子设备可以将所述非关注区域显示在所述显示器上。
具体的,该第一控件可以为虚拟化按钮形式,当然也可以是其它形式,本发明实施例在此不作具体限定。
103、所述电子设备在用户界面上隐藏所述非关注区域,并将所述关注区域和所述第一控件显示在所述显示器上。
所述电子设备隐藏所述非关注区域,具体可以将所述非关注区域对应的页面文件包括的节点删除,也可以将所述非关注区域对应的页面文件包括的节点的显示属性设置为不可见,例如,在浏览器中可以将所述节点类型的显示属性设为none,在安卓系统中可以将所述节点的可视性的属性设为不可见。
然后,所述电子设备将所述关注区域和所述第一控件显示在所述显示上。
其中,上述的用户界面具体可以是网页页面,也可以是具体应用的页面,如游戏的页面等。
其中,所述电子设备具体可以电脑、Pad(Personal Access Device,个人接入设备)、智能手机等可以显示用户界面的电子设备。
本发明实施例提供了一种用户界面的处理方法和电子设备,该电子设备根据用户在所述用户界面选择的区域,确定非关注区域,其中,关注区域为所述用户界面中除非关注区域以外的区域;所述电子设备根据所述非关注区域创建第一控件,所述第一控件用于将所述非关注区域显示在所述显示器上;所述电子设备隐藏所述非关注区域,并将所述关注区域和所述第一控件显示在所述显示器上。这样由于电子设备在显示界面上将非关注区域隐藏起来,仅显示了用户关注的区域和非关注区域对应的第一控件,从而能够有效避免非关注内容对用户造成视觉干扰和误操作。
实施例二、
本发明实施例提供了一种用户界面的处理方法,该方法应用于电子设备,所述电子设备在显示器上显示所述用户界面,具体的以所述用户界面对应的页面文件为树形结构为例进行说明,所述树形结构包括一个根节点和至少一个子节点,所述子节点包括所述子节点对应的内容和所述子节点对应的内容在所述用户界面的位置信息,其中所述子节点对应的内容可以是文本内容,也可以是图片内容,对此本发明实施例不作具体限定。
具体如图2所示,该方法包括:
201、所述电子设备确定用户在所述用户界面选择的非关注区域的起始位置和结束位置,根据所述起始位置和结束位置分别确定所述起始位置对应的节点和结束位置对应的节点。
具体的,若用户通过鼠标选择非关注区域后,所述电子设备记录所述鼠标的起始位置和结束位置,并根据所述用户界面的页面布局信息,可以确定所述起始位置和结束位置对应的节点,即Startnode和Endnode。
例如,对于具有webkit内核浏览器的电子设备,当鼠标点击用户界面时,该电子设备可以计算出点击位置所在节点。若该节点是文本节点,所述电子设备计算的是该点击位置相对于该文本节点的起点的偏移量。若该节点是非文本节点,所述电子设备直接计算出该节点。
202、所述电子设备将所述起始位置和结束位置对应的节点之间的节点确定为所述非关注区域对应的页面文件包括的节点。
203、所述电子设备根据所述非关注区域创建第一控件,所述第一控件用于将所述非关注区域显示在所述显示器上。
其中,所述电子设备根据所述非关注区域对应的页面文件创建第一控件,以使得在用户对该第一控件进行操作时,所述电子设备可以将所述非关注区域显示在所述显示器上。
具体的,该第一控件可以为虚拟化按钮形式,当然也可以是其它形式,本发明实施例在此不作具体限定。
具体的,所述电子设备创建第一控件时,首先从所述非关注区域对应的页面文件包括的节点中取出第一个节点,然后获取该第一个节点的父节点,并创建该第一控件的节点,将该第一控件的节点插入到所述第一个节点的前一兄弟节点后,若该第一节点不存在前一兄弟节点,则直接将该第一控件的节点作为第一节点的父节点下的第一个子节点。
204、所述电子设备在用户界面上隐藏所述非关注区域,并将所述关注区域和所述第一控件显示在所述显示器上。
其中,所述电子设备隐藏所述非关注区域,具体可以将所述非关注区域对应的页面文件包括的节点删除,也可以将所述非关注区域对应的页面文件包括的节点的显示属性设置为不可见,例如,在浏览器中可以将所述节点类型的显示属性设为none,在安卓系统中可以将所述节点的可视性的属性设为不可见。
具体的,将所述起始位置和结束位置对应的节点之间的节点确定为所述非关注区域对应的页面文件包括的节点的过程如图3所示包括:
301、所述电子设备创建存储所述起始位置和结束位置对应的节点之间的节点的列表,并生成该列表的唯一标识ID号。
302、确定所述起始位置和所述结束位置分别对应的节点Startnode和Endnode。
303、判断所述Startnode是否为叶节点。
若是,则执行步骤304;若否则执行步骤308。
304、判断所述Startnode是否为文本节点。
若是,则执行步骤305;若否则执行步骤312。
305、若所述Startnode为文本节点,判断所述Startnode是否等于所述Endnode。
若是则执行步骤306;若否则执行步骤307。
306、判断所述Startnode的偏移量是否为零,且Endnode的偏移量为所述文本节点的长度。
若是则执行步骤A,若否则执行步骤B。
307、判断所述Startnode的偏移量是否等于零。
若是,则执行步骤A,并转入执行步骤308;若否,则执行步骤B,并转入执行步骤308。
308、判断所述Endnode是否是叶节点。
若是,则执行步骤309;若否则执行步骤D。
309、判断所述Endnode是否为文本节点。
若是则执行步骤310,若否则执行步骤311。
310、判断所述Endnode的偏移量是否为所述Endnode文本节点的长度。
若是则执行步骤311,若否则执行步骤C和D。
311、将Endnode放入列表中,并执行步骤D。
312、判断所述Startnode是否等于所述Endnode。
若是,则执行步骤A,若否,则执行步骤309。
其中,步骤A、B、C和D分别为:
A、将该Startnode存储在所述列表中。
B、将该Startnode所在的文本节点删除,分别为大于等于和小于所述Startnode的偏移量的文本节点对应的内容创建新节点,并将创建的大于等于所述Startnode的偏移量的文本节点对应的内容的新节点存储到所述列表中。
C、将该Endnode所在的文本节点删除,分别为大于等于和小于所述Startnode的偏移量的文本节点对应的内容创建新节点;将创建的大于等于所述Endnode的偏移量的文本节点对应的内容的新节点存储到所述列表中。
D、将Startnode和Endnode之间的叶子节点放入列表中。
由于放入所述列表中的节点可能同属于一个父节点,为了减小所述列表的存储量,所述电子设备在确定了所述非关注区域对应的页面文件包括的节点后,所述电子设备还可以进一步的递归查询所述列表中的节点的父节点,如果一个节点的父节点包括的所有子节点都在所述列表中,则将该父节点直接放入所述列表中,同时将该父节点的子节点从所述列表中移除。具体过程如图4所示,包括:
401、递归查询所述列表中的节点。
402、所述节点的父节点包括所有子节点是否都包含在所述列表中。
若是,则执行步骤403;若否,则执行步骤404。
403、将该父节点存储在所述列表中,将该父节点包括的所有子节点从所述列表中移除。
404、是否是所述列表中的最后一个节点。
若是,则执行步骤405;若否,则返回执行步骤402。
405、递归查询结束。
可选的,所述电子设备确定所述非关注区域对应的页面文件包括的节点具体还可以通过以下方法实现:
所述电子设备确定所述非关注区域在所述用户界面的位置信息。
所述电子设备根据所述非关注区域在所述用户界面的位置信息,判断所述用户界面对应的页面文件中的每一子节点的位置是否在所述非关注区域中。
然后将位置在所述非关注区域的子节点确定为所述非关注区域对应的页面文件包括的节点。
进一步的,在所述电子设备隐藏所述非关注区域之后,若用户对该第一控件进行操作时,所述电子设备接收到用户对所述第一控件的操作后,所述电子设备可以将所述用户界面的关注区域和第一控件对应的非关注区域显示在所述显示器上。
具体,所述电子设备接收到用户对所述第一控件的操作后,所述电子设备重新布局页面,将所述用户界面重新显示在所述显示器上。
具体,对所述第一控件的操作具体可以单击或双击操作,本发明实施例对此不作具体限定。
其中,上述的用户界面具体可以是网页页面,也可以是具体应用的页面,如游戏的页面等。
其中,所述电子设备具体可以电脑、Pad、智能手机等可以显示用户界面的电子设备。
本发明实施例提供了一种用户界面的处理方法,电子设备根据用户在所述用户界面选择的区域,确定非关注区域,其中,关注区域为所述用户界面中除非关注区域以外的区域;所述电子设备根据所述非关注区域创建第一控件,所述第一控件用于将所述非关注区域显示在所述显示器上;所述电子设备隐藏所述非关注区域,并将所述关注区域和所述第一控件显示在所述显示器上。这样由于电子设备将用户的非关注区域进行了隐藏,从而能够有效避免非关注内容对用户造成的视觉干扰和误操作。
实施例三、
本发明实施例提供了一种电子设备,如图5所示,该电子设备包括处理器51和显示器52。
所述处理器51,用于根据用户在所述用户界面选择的区域,确定非关注区域,其中,关注区域为所述用户界面中除非关注区域以外的区域。
所述非关注区域为用户在所述用户界面选择的用户不关注的区域。
其中,关注区域为所述用户界面中除非关注区域以外的区域。
具体的,用户可以通过鼠标在用户界面拖拽选择用户不想关注的内容对应的非关注区域。对于具有触摸功能的电子设备,用户可以在触摸区域画框选择不想关注的内容对应的非关注区域。
具体的,所述处理器51可以根据非关注区域确定页面文件中与所述非关注区域对应的节点,相应地,页面文件中的其他节点为关注区域对应的节点。
所述处理器51,还用于根据所述非关注区域创建第一控件,所述第一控件用于将所述非关注区域显示在所述显示器上。
其中,所述处理器51根据所述非关注区域对应的页面文件创建第一控件,以使得在用户对该第一控件进行操作时,所述显示器52可以将所述非关注区域显示在所述显示器52上。
具体的,该第一控件可以为虚拟化按钮形式,当然也可以是其它形式,本发明实施例在此不作具体限定。
具体的,所述处理器51创建第一控件时,首先从所述非关注区域对应的页面文件包括的节点中取出第一个节点,然后获取该第一个节点的父节点,并创建该第一控件的节点,将该第一控件的节点插入到所述第一个节点的前一兄弟节点后,若该第一节点不存在前一兄弟节点,则直接将该第一控件的节点作为第一节点的父节点下的第一个子节点。
所述处理器51,还用于在用户界面上隐藏所述非关注区域,并指示所述显示器显示所述关注区域和所述第一控件显示在所述显示器上。
然后,所述处理器51指示显示器显示所述关注区域和所述第一控件。
所述显示器52,用于接收所述处理器的指示信息,显示所述关注区域和所述第一控件。
可选的,所述处理器51根据用户在所述用户界面选择的区域,确定非关注区域具体为:根据所述非关注区域确定对应页面文件包括的节点。
可选的,若所述用户界面对应的页面文件为树形结构;所述树形结构包括一个根节点和至少一个子节点,所述子节点包括所述子节点对应的内容和所述子节点对应的内容在所述用户界面的位置信息。
所述处理器51根据所述非关注区域确定对应页面文件包括的节点具体可以为:
确定用户在所述用户界面选择的非关注区域的起始位置和结束位置,根据所述起始位置和结束位置分别确定所述起始位置和结束位置对应的节点;
将所述起始位置对应的节点和结束位置对应的节点之间的节点确定为所述非关注区域对应的页面文件包括的节点。
其中,具体的,所述子节点对应的内容可以是文本内容,也可以是图片内容,本发明实施例对此不作限定。
具体的,若用户通过鼠标选择非关注区域后,所述处理器51记录所述鼠标的起始位置和结束位置,并根据所述用户界面的页面布局信息,可以确定所述起始位置和结束位置对应的节点,即Startnode和Endnode。
例如,对于具有webkit内核浏览器的电子设备,当鼠标点击用户界面时,该电子设备的处理器51可以计算出点击位置所在节点。若该节点是文本节点,所述处理器51计算的是该点击位置相对于该文本节点的起点的偏移量。若该节点是非文本节点,所述处理器51直接计算出该节点。
具体的,所述处理器51将所述起始位置和结束位置对应的节点之间的节点确定为所述非关注区域对应的页面文件包括的节点的过程如图3和图4所示,具体描述详见实施例2,在此不再赘述。
可选的,若所述用户界面对应的页面文件为树形结构;所述树形结构包括一个根节点和至少一个子节点,所述子节点包括所述子节点对应的内容和所述子节点对应的内容在所述用户界面的位置信息;
所述处理器51根据所述非关注区域确定对应页面文件包括的节点具体包括:
确定所述非关注区域在所述用户界面的位置信息;
根据所述非关注区域在所述用户界面的位置信息,判断所述用户界面对应的页面文件中的每一子节点的位置是否在所述非关注区域中;
将位置在所述非关注区域的子节点确定为所述非关注区域对应的页面文件包括的节点。
可选的,所述处理器51隐藏所述非关注区域具体为:
将所述非关注区域对应的页面文件包括的节点进行删除。
可选的,所述处理器51隐藏所述非关注区域具体为:
将所述非关注区域对应的页面文件包括的节点的显示属性设置为不可见。
例如,所述处理器51在浏览器中可以将所述节点类型的显示属性设为none,在安卓系统中所述处理器51可以将所述节点的可视性的属性设为不可见。
进一步的,如图6所示,所述电子设备还可以包括输入接口53,用于接收用户对所述第一控件的操作,并将所述操作信息发送给所述处理器51。
所述处理器51,还用于接收所述输入接口53发送的所述对第一控件的操作信息,指示显示器52显示所述用户界面的关注区域和第一控件对应的非关注区域。
所述显示器52,还用于接收所述处理器51的指示信息,显示所述用户界面的关注区域和第一控件对应的非关注区域。
其中,上述的用户界面具体可以是网页页面,也可以是具体应用的页面,如游戏的页面等。
其中,所述电子设备具体可以电脑、Pad、智能手机等可以显示用户界面的电子设备。
本发明实施例还提供了一种电子设备,该电子设备的处理器根据用户在所述用户界面选择的区域,确定非关注区域,其中,关注区域为所述用户界面中除非关注区域以外的区域,然后根据所述非关注区域创建第一控件,所述第一控件用于将所述非关注区域显示在所述显示器上,进而在用户界面上隐藏所述非关注区域,并指示所述显示器显示所述关注区域和所述第一控件显示在所述显示器上。这样由于处理器在显示界面上将非关注内容隐藏起来,显示器上仅显示了用户关注的内容和非关注内容对应的第一控件,从而能够有效避免非关注内容对用户造成视觉干扰和误操作。
本领域普通技术人员可以理解:实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成,前述的程序可以存储于一计算机可读取存储介质中,该程序在执行时,执行包括上述方法实施例的步骤;而前述的存储介质包括:ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。

Claims (14)

1.一种用户界面的处理方法,其特征在于,所述方法应用于电子设备,所述电子设备在显示器上显示所述用户界面,该方法包括:
所述电子设备根据用户在所述用户界面选择的区域,确定非关注区域,其中,关注区域为所述用户界面中除非关注区域以外的区域;
所述电子设备根据所述非关注区域创建第一控件,所述第一控件用于将所述非关注区域显示在所述显示器上;
所述电子设备在用户界面上隐藏所述非关注区域,并将所述关注区域和所述第一控件显示在所述显示器上。
2.根据权利要求1所述的方法,其特征在于,所述电子设备根据用户在所述用户界面选择的区域,确定非关注区域具体为:
所述电子设备根据所述非关注区域确定对应页面文件包括的节点。
3.根据权利要求2所述的方法,其特征在于,所述用户界面对应的页面文件为树形结构;所述树形结构包括一个根节点和至少一个子节点,所述子节点包括所述子节点对应的内容和所述子节点对应的内容在所述用户界面的位置信息;
所述电子设备根据所述非关注区域确定对应页面文件包括的节点具体包括:
所述电子设备确定用户在所述用户界面选择的非关注区域的起始位置和结束位置,根据所述起始位置和结束位置分别确定所述起始位置和结束位置对应的节点;
所述电子设备将所述起始位置对应的节点和结束位置对应的节点之间的节点确定为所述非关注区域对应的页面文件包括的节点。
4.根据权利要求2所述的方法,其特征在于,所述用户界面对应的页面文件为树形结构;所述树形结构包括一个根节点和至少一个子节点,所述子节点包括所述子节点对应的内容和所述子节点对应的内容在所述用户界面的位置信息;
所述电子设备确定所述非关注区域对应的页面文件包括的节点具体包括:
所述电子设备确定所述非关注区域在所述用户界面的位置信息;
所述电子设备根据所述非关注区域在所述用户界面的位置信息,判断所述用户界面对应的页面文件中的每一子节点的位置是否在所述非关注区域中;
将位置在所述非关注区域的子节点确定为所述非关注区域对应的页面文件包括的节点。
5.根据权利要求2-4任一项所述的方法,其特征在于,所述电子设备隐藏所述非关注区域具体为:
将所述非关注区域对应的页面文件包括的节点进行删除。
6.根据权利要求2-4任一项所述的方法,其特征在于,所述电子设备隐藏所述非关注区域具体为:
将所述非关注区域对应的页面文件包括的节点的显示属性设置为不可见。
7.根据权利要求5或6所述的方法,其特征在于,所述电子设备隐藏所述非关注区域之后,该方法还包括:
若所述电子设备接收到用户对所述第一控件的操作后,所述电子设备将所述用户界面的关注区域和第一控件对应的非关注区域显示在所述显示器上。
8.一种电子设备,其特征在于,所述电子设备包括:处理器和显示器;
所述处理器,用于根据用户在所述用户界面选择的区域,确定非关注区域,其中,关注区域为所述用户界面中除非关注区域以外的区域;
所述处理器,还用于根据所述非关注区域创建第一控件,所述第一控件用于将所述非关注区域显示在所述显示器上;
所述处理器,还用于在用户界面上隐藏所述非关注区域,并指示所述显示器显示所述关注区域和所述第一控件显示在所述显示器上;
所述显示器,用于接收所述处理器的指示信息,显示所述关注区域和所述第一控件。
9.根据权利要求8所述的设备,其特征在于,所述处理器根据用户在所述用户界面选择的区域,确定非关注区域具体为:所述电子设备根据所述非关注区域确定对应页面文件包括的节点。
10.根据权利要求9所述的设备,其特征在于,所述用户界面对应的页面文件为树形结构;所述树形结构包括一个根节点和至少一个子节点,所述子节点包括所述子节点对应的内容和所述子节点对应的内容在所述用户界面的位置信息;
所述处理器根据所述非关注区域确定对应页面文件包括的节点具体包括:
确定用户在所述用户界面选择的非关注区域的起始位置和结束位置,根据所述起始位置和结束位置分别确定所述起始位置和结束位置对应的节点;
将所述起始位置对应的节点和结束位置对应的节点之间的节点确定为所述非关注区域对应的页面文件包括的节点。
11.根据权利要求9所述的设备,其特征在于,所述用户界面对应的页面文件为树形结构;所述树形结构包括一个根节点和至少一个子节点,所述子节点包括所述子节点对应的内容和所述子节点对应的内容在所述用户界面的位置信息;
所述处理器根据所述非关注区域确定对应页面文件包括的节点具体包括:
确定所述非关注区域在所述用户界面的位置信息;
根据所述非关注区域在所述用户界面的位置信息,判断所述用户界面对应的页面文件中的每一子节点的位置是否在所述非关注区域中;
将位置在所述非关注区域的子节点确定为所述非关注区域对应的页面文件包括的节点。
12.根据权利要求9-11任一项所述的设备,其特征在于,所述处理器隐藏所述非关注区域具体为:
将所述非关注区域对应的页面文件包括的节点进行删除。
13.根据权利要求9-11任一项所述的设备,其特征在于,所述处理器隐藏所述非关注区域具体为:
将所述非关注区域对应的页面文件包括的节点的显示属性设置为不可见。
14.根据权利要求12或13所述的设备,其特征在于,所述电子设备,还包括输入接口;
所述输入接口,用于接收用户对所述第一控件的操作,并将所述操作信息发送给所述处理器;
所述处理器,还用于接收所述输入接口发送的所述对第一控件的操作信息后,指示显示器显示所述用户界面的关注区域和第一控件对应的非关注区域;
所述显示器,还用于接收所述处理器的指示信息,显示所述用户界面的关注区域和第一控件对应的非关注区域。
CN201280001652.6A 2012-10-19 2012-10-19 一种用户界面的处理方法和电子设备 Active CN103098001B (zh)

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/CN2012/083247 WO2014059677A1 (zh) 2012-10-19 2012-10-19 一种用户界面的处理方法和电子设备

Publications (2)

Publication Number Publication Date
CN103098001A true CN103098001A (zh) 2013-05-08
CN103098001B CN103098001B (zh) 2015-09-30

Family

ID=48208631

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201280001652.6A Active CN103098001B (zh) 2012-10-19 2012-10-19 一种用户界面的处理方法和电子设备

Country Status (2)

Country Link
CN (1) CN103098001B (zh)
WO (1) WO2014059677A1 (zh)

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103823611A (zh) * 2014-02-12 2014-05-28 联想(北京)有限公司 一种信息处理方法及电子设备
CN103870120A (zh) * 2014-02-24 2014-06-18 联想(北京)有限公司 一种信息处理方法及电子设备
CN104142779A (zh) * 2013-11-25 2014-11-12 腾讯科技(深圳)有限公司 用户界面控制方法、装置和终端
CN105893624A (zh) * 2016-04-29 2016-08-24 珠海市魅族科技有限公司 一种数据显示方法以及系统
US9658734B2 (en) 2014-02-17 2017-05-23 Beijing Lenovo Software Ltd. Information processing method and electronic device
WO2018121487A1 (zh) * 2016-12-26 2018-07-05 惠州Tcl移动通信有限公司 界面过滤的方法及系统
CN105516782B (zh) * 2015-12-10 2018-08-14 四川长虹电器股份有限公司 Android系统智能电视悬浮界面互斥功能的实现方法及系统
CN110134307A (zh) * 2019-05-13 2019-08-16 重庆八戒传媒有限公司 实现室内导航楼层锁定的方法、系统、介质和电子设备
CN111026308A (zh) * 2019-12-11 2020-04-17 深圳集智数字科技有限公司 一种显示方法及装置
CN113805775A (zh) * 2021-09-15 2021-12-17 深圳市道通智能航空技术股份有限公司 一种无人机交互界面的显示方法、装置、设备及存储介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120072847A1 (en) * 2010-09-17 2012-03-22 Lg Electronics Inc. Method for displaying internet page and mobile terminal using the same
CN102567366A (zh) * 2010-12-27 2012-07-11 盛乐信息技术(上海)有限公司 实现对网页重新排版的方法
CN102567319A (zh) * 2010-12-10 2012-07-11 腾讯科技(深圳)有限公司 网页图片过滤方法及系统

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101741985B (zh) * 2009-12-24 2012-11-28 深圳市同洲电子股份有限公司 基于通话处理移动终端屏幕的方法及移动终端
CN102043581A (zh) * 2010-12-02 2011-05-04 广东宝莱特医用科技股份有限公司 医疗设备触摸屏界面上控件按钮的处理方法
CN102508610A (zh) * 2011-11-17 2012-06-20 合一网络技术(北京)有限公司 一种媒体设备及媒体设备与用户的交互方法

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120072847A1 (en) * 2010-09-17 2012-03-22 Lg Electronics Inc. Method for displaying internet page and mobile terminal using the same
CN102567319A (zh) * 2010-12-10 2012-07-11 腾讯科技(深圳)有限公司 网页图片过滤方法及系统
CN102567366A (zh) * 2010-12-27 2012-07-11 盛乐信息技术(上海)有限公司 实现对网页重新排版的方法

Cited By (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104142779A (zh) * 2013-11-25 2014-11-12 腾讯科技(深圳)有限公司 用户界面控制方法、装置和终端
CN104142779B (zh) * 2013-11-25 2015-09-09 腾讯科技(深圳)有限公司 用户界面控制方法、装置和终端
CN103823611A (zh) * 2014-02-12 2014-05-28 联想(北京)有限公司 一种信息处理方法及电子设备
US9658734B2 (en) 2014-02-17 2017-05-23 Beijing Lenovo Software Ltd. Information processing method and electronic device
CN103870120B (zh) * 2014-02-24 2017-12-26 联想(北京)有限公司 一种信息处理方法及电子设备
CN103870120A (zh) * 2014-02-24 2014-06-18 联想(北京)有限公司 一种信息处理方法及电子设备
CN105516782B (zh) * 2015-12-10 2018-08-14 四川长虹电器股份有限公司 Android系统智能电视悬浮界面互斥功能的实现方法及系统
CN105893624A (zh) * 2016-04-29 2016-08-24 珠海市魅族科技有限公司 一种数据显示方法以及系统
CN105893624B (zh) * 2016-04-29 2020-01-17 珠海市魅族科技有限公司 一种数据显示方法以及系统
WO2018121487A1 (zh) * 2016-12-26 2018-07-05 惠州Tcl移动通信有限公司 界面过滤的方法及系统
CN110134307A (zh) * 2019-05-13 2019-08-16 重庆八戒传媒有限公司 实现室内导航楼层锁定的方法、系统、介质和电子设备
CN111026308A (zh) * 2019-12-11 2020-04-17 深圳集智数字科技有限公司 一种显示方法及装置
CN111026308B (zh) * 2019-12-11 2021-02-12 深圳介子云图空间科技有限公司 一种显示方法及装置
CN113805775A (zh) * 2021-09-15 2021-12-17 深圳市道通智能航空技术股份有限公司 一种无人机交互界面的显示方法、装置、设备及存储介质

Also Published As

Publication number Publication date
WO2014059677A1 (zh) 2014-04-24
CN103098001B (zh) 2015-09-30

Similar Documents

Publication Publication Date Title
CN103098001A (zh) 一种用户界面的处理方法和电子设备
KR102384130B1 (ko) 렌더링된 콘텐츠와의 호버 기반 상호작용
US20190073120A1 (en) Native overlay for rapid editing of web content
US9886188B2 (en) Manipulating multiple objects in a graphic user interface
CN103425390B (zh) 信息交互方法和装置
US9715482B1 (en) Representing consumption of digital content
CN103930885B (zh) 测量网页渲染时间
CN107341018A (zh) 一种在页面切换后继续显示视图的方法和装置
US10466875B2 (en) Information processing device, information processing method, information processing program, and recording medium in which information processing program is recorded
US10878175B2 (en) Portlet display on portable computing devices
US20140279025A1 (en) Methods and apparatus for display of mobile advertising content
US10705710B2 (en) Web page content insertion based on scroll operation
US20120206497A1 (en) Method and Apparatus for Displaying Content
CN102473066A (zh) 在多功能手持设备上显示、导航和选择电子方式存储内容的系统和方法
CN102915176A (zh) 一种分屏显示的方法和装置
CN107209756B (zh) 在标记语言文档中支持数字墨水
CN103399703A (zh) 用户设备的系统栏的控制方法和用户设备
CN109375865A (zh) 跳转、复选标记和删除手势
CN104317474A (zh) 窗口切换方法及装置
CN103713847A (zh) 用户设备的系统栏的控制方法和用户设备
CN103019557B (zh) 页面切换方法和装置
CN104281677A (zh) 页面的展现方法及装置
CN105630366A (zh) 用于在屏幕显示设备上展示客体信息的方法及装置
CN103140825B (zh) 阅览装置、阅览方法
JP5974809B2 (ja) 表示装置、表示制御方法及び表示制御プログラム

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant