用户界面浏览方法及装置制造方法及图纸

技术编号:15220261 阅读:89 留言:0更新日期:2017-04-26 20:20
本申请提出用户界面浏览方法及装置。方法包括:获取UI显示设备的屏幕尺寸信息;判断UI显示设备的屏幕尺寸信息是否满足预先定义的操作节点克隆启动条件,若满足,根据预设的操作节点克隆筛选条件,在所述设备当前UI上的所有操作节点中,选择需要进行克隆的操作节点;对于需要进行克隆的每个操作节点,分别创建一个与该操作节点的属性相同的克隆操作节点,并将该克隆操作节点的大小放大到满足预设克隆操作节点大小要求,根据原操作节点的位置,将放大后的克隆操作节点渲染到UI上;当检测到克隆操作节点被操作时,确定该克隆操作节点对应的原操作节点被操作。本申请提高了对UI界面上的操作节点的操作进行响应的精准度。

Method and device for browsing user interface

Method and device for browsing user interface. The method comprises: obtaining UI display screen size information of equipment; judge UI shows whether the screen size of information equipment to meet the predefined clone operation node start condition, if satisfied, screening according to the preset operation node cloning conditions, in the current UI equipment on all nodes, nodes need to clone selection operation; for each operation node needs to be cloned, which creates an attribute with the same node clone operation node, and the node clone operation to an enlarged size to meet the requirements of preset clone operation node size, according to the original operating node position will clone operation node rendering amplified to UI; when to detect the clone operation node is operated, determining the original operation node corresponding to the node clone operation is the operation. This application improves the accuracy of the response to the operation of the node on the UI interface.

【技术实现步骤摘要】

本专利技术涉及内容浏览
,尤其涉及用户界面(UI,UserInterface)浏览方法及装置。
技术介绍
随着网络用户数量逐年上升,互联网资源种类越来越复杂,大型门户网站的内容越来越多,网站的结构越来越复杂,给用户正常浏览网页内容造成困扰。用户在PC(个人电脑)、TV(电视)、平板电脑等各种设备上浏览网页的过程中经常遇到如下问题:在一些屏幕较小的设备特别是移动设备、可穿戴设备上进行网页操作时,由于操作目标,例如:DOM(DocumentObjectModel,文档对象模型)包括:按钮、图片、链接等的显示区域较小,会使得操作精准度较差。
技术实现思路
本专利技术提供UI浏览方法及装置,以提高对UI界面上的操作节点的操作进行响应的精准度。本专利技术的技术方案是这样实现的:一种用户界面UI浏览方法,该方法包括:获取UI显示设备的屏幕尺寸信息;判断UI显示设备的屏幕尺寸信息是否满足预先定义的操作节点克隆启动条件,若满足,根据预设的操作节点克隆筛选条件,在所述设备当前UI上的所有操作节点中,选择需要进行克隆的操作节点;对于需要进行克隆的每个操作节点,分别创建一个与该操作节点的属性相同的克隆操作节点,并将该克隆操作节点的大小放大到满足预设克隆操作节点大小要求,根据原操作节点的位置,将放大后的克隆操作节点渲染到UI上;当检测到克隆操作节点被操作时,确定该克隆操作节点对应的原操作节点被操作。所述屏幕尺寸信息为如下之一或者任意组合:屏幕的长度和宽度,屏幕的面积,屏幕的分辨率,屏幕的每英寸所打印点数DPI;所述预先定义的操作节点克隆启动条件为如下之一或者任意组合:屏幕的长度小于预设第一阈值且屏幕的宽度小于预设第二阈值,屏幕的面积小于预设第三阈值,屏幕的分辨率小于预设第四阈值,屏幕的DPI小于预设第五阈值,当前UI中的最小操作节点的大小小于预设第六阈值,当前UI中的最小操作节点的大小与屏幕大小的比值小于预设第七阈值。所述预设的操作节点克隆筛选条件为如下之一或者组合:操作节点的大小小于预设第六阈值,操作节点的大小与屏幕大小的比值小于预设第七阈值。所述预设克隆操作节点大小要求为如下之一或者组合:克隆操作节点的大小大于或等于预设第六阈值,克隆操作节点的大小与屏幕大小的比值大于或等于预设第七阈值。所述根据原操作节点的位置,将放大后的克隆操作节点渲染到UI上包括:将原操作节点的中心作为放大后的克隆操作节点的中心,将放大后的克隆操作节点渲染到UI上;或者,将原操作节点的中心作为放大后的克隆操作节点的中心,并对放大后的克隆操作节点进行透明化处理,将透明的放大后的克隆操作节点渲染到UI上。一种用户界面UI浏览装置,该装置包括:操作节点克隆筛选模块:用于获取UI显示设备的屏幕尺寸信息,判断UI显示设备的屏幕尺寸信息是否满足预先定义的操作节点克隆启动条件,若满足,根据预设的操作节点克隆筛选条件,在所述设备当前UI上的所有操作节点中,选择需要进行克隆的操作节点;克隆渲染模块:对于操作节点克隆筛选模块选择出的需要进行克隆的每个操作节点,分别创建一个与该操作节点的属性相同的克隆操作节点,并将该克隆操作节点的大小放大到满足预设克隆操作节点大小要求,根据原操作节点的位置,将放大后的克隆操作节点渲染到UI上;操作处理模块:当检测到克隆操作节点被操作时,确定该克隆操作节点对应的原操作节点被操作。所述操作节点克隆筛选模块获取的UI显示设备的屏幕尺寸信息为如下之一或者任意组合:屏幕的长度和宽度,屏幕的面积,屏幕的分辨率,屏幕的每英寸所打印点数DPI;所述操作节点克隆筛选模块判断UI显示设备的屏幕尺寸信息是否满足的预先定义的操作节点克隆启动条件为如下之一或者任意组合:屏幕的长度小于预设第一阈值且屏幕的宽度小于预设第二阈值,屏幕的面积小于预设第三阈值,屏幕的分辨率小于预设第四阈值,屏幕的DPI小于预设第五阈值,当前UI中的最小操作节点的大小小于预设第六阈值,当前UI中的最小操作节点的大小与屏幕大小的比值小于预设第七阈值。所述操作节点克隆筛选模块根据的预设的操作节点克隆筛选条件为如下之一或者组合:操作节点的大小小于预设第六阈值,操作节点的大小与屏幕大小的比值小于预设第七阈值。所述克隆渲染模块将该克隆操作节点的大小放大到的预设克隆操作节点大小要求为如下之一或者组合:克隆操作节点的大小大于或等于预设第六阈值,克隆操作节点的大小与屏幕大小的比值大于或等于预设第七阈值。所述克隆渲染模块根据原操作节点的位置,将放大后的克隆操作节点渲染到UI上包括:将原操作节点的中心作为放大后的克隆操作节点的中心,将放大后的克隆操作节点渲染到UI上;或者,将原操作节点的中心作为放大后的克隆操作节点的中心,并对放大后的克隆操作节点进行透明化处理,将透明的放大后的克隆操作节点渲染到UI上。本申请提高了对UI界面上的操作节点的操作进行响应的精准度。附图说明图1为本申请一实施例提供的UI浏览方法流程图;图2为本申请另一实施例提供的UI浏览方法流程图;图3为本申请实施例的应用示例图;图4为本申请实施例提供的UI浏览装置的组成示意图。具体实施方式下面结合附图及具体实施例对本专利技术再作进一步详细的说明。图1为本申请一实施例提供的UI浏览方法流程图,其具体步骤如下:步骤101:获取UI显示设备的屏幕尺寸信息。屏幕尺寸信息为如下之一或者任意组合:1)屏幕的长度和宽度;2)屏幕的面积;3)屏幕的分辨率;4)屏幕的DPI(DotsPerInch,每英寸所打印点数)。步骤102:判断UI显示设备的屏幕尺寸信息是否满足预先定义的操作节点克隆启动条件,若满足,根据预设的操作节点克隆筛选条件,在设备当前UI上的所有操作节点中,选择需要进行克隆的操作节点。预先定义的操作节点克隆启动条件为如下之一或者任意组合:1)屏幕的长度小于预设第一阈值且屏幕的宽度小于预设第二阈值;2)屏幕的面积小于预设第三阈值;3)屏幕的分辨率小于预设第四阈值;4)屏幕的DPI小于预设第五阈值;5)当前UI中的最小操作节点的大小小于预设第六阈值;6)当前UI中的最小操作节点的大小与屏幕大小的比值小于预设第七阈值。预设的操作节点克隆筛选条件为如下之一或者组合:1)操作节点的大小小于预设第六阈值;2)操作节点的大小与屏幕大小的比值小于预设第七阈值。步骤103:对于需要进行克隆的每个操作节点,分别创建一个与该操作节点的属性相同的克隆操作节点,并将该克隆操作节点的大小放大到满足预设克隆操作节点大小要求,根据原操作节点的位置,将放大后的克隆操作节点渲染到UI上。具体地,将原操作节点的中心作为放大后的克隆操作节点的中心,将放大后的克隆操作节点渲染到UI上;或者,将原操作节点的中心作为放大后的克隆操作节点的中心,并对放大后的克隆操作节点进行透明化处理,将透明的放大后的克隆操作节点渲染到UI上。步骤104:当检测到克隆操作节点被操作时,确定该克隆操作节点对应的原操作节点被操作。即,对克隆操作节点的任何操作都等同于对原操作节点的操作。进一步地,当原操作节点的属性发生更新时,对对应的克隆操作节点的对应属性进行相同的更新;当原操作节点被销毁时,销毁对应的克隆操作节点。图2为本申请另一实施例提供的UI浏览方法流程图,本实施例针对的是Web页面(即,UI为Web页面)浏览的场本文档来自技高网...

【技术保护点】
一种用户界面UI浏览方法,其特征在于,该方法包括:获取UI显示设备的屏幕尺寸信息;判断UI显示设备的屏幕尺寸信息是否满足预先定义的操作节点克隆启动条件,若满足,根据预设的操作节点克隆筛选条件,在所述设备当前UI上的所有操作节点中,选择需要进行克隆的操作节点;对于需要进行克隆的每个操作节点,分别创建一个与该操作节点的属性相同的克隆操作节点,并将该克隆操作节点的大小放大到满足预设克隆操作节点大小要求,根据原操作节点的位置,将放大后的克隆操作节点渲染到UI上;当检测到克隆操作节点被操作时,确定该克隆操作节点对应的原操作节点被操作。

【技术特征摘要】
1.一种用户界面UI浏览方法,其特征在于,该方法包括:获取UI显示设备的屏幕尺寸信息;判断UI显示设备的屏幕尺寸信息是否满足预先定义的操作节点克隆启动条件,若满足,根据预设的操作节点克隆筛选条件,在所述设备当前UI上的所有操作节点中,选择需要进行克隆的操作节点;对于需要进行克隆的每个操作节点,分别创建一个与该操作节点的属性相同的克隆操作节点,并将该克隆操作节点的大小放大到满足预设克隆操作节点大小要求,根据原操作节点的位置,将放大后的克隆操作节点渲染到UI上;当检测到克隆操作节点被操作时,确定该克隆操作节点对应的原操作节点被操作。2.根据权利要求1所述的方法,其特征在于,所述屏幕尺寸信息为如下之一或者任意组合:屏幕的长度和宽度,屏幕的面积,屏幕的分辨率,屏幕的每英寸所打印点数DPI;所述预先定义的操作节点克隆启动条件为如下之一或者任意组合:屏幕的长度小于预设第一阈值且屏幕的宽度小于预设第二阈值,屏幕的面积小于预设第三阈值,屏幕的分辨率小于预设第四阈值,屏幕的DPI小于预设第五阈值,当前UI中的最小操作节点的大小小于预设第六阈值,当前UI中的最小操作节点的大小与屏幕大小的比值小于预设第七阈值。3.根据权利要求1所述的方法,其特征在于,所述预设的操作节点克隆筛选条件为如下之一或者组合:操作节点的大小小于预设第六阈值,操作节点的大小与屏幕大小的比值小于预设第七阈值。4.根据权利要求1所述的方法,其特征在于,所述预设克隆操作节点大小要求为如下之一或者组合:克隆操作节点的大小大于或等于预设第六阈值,克隆操作节点的大小与屏幕大小的比值大于或等于预设第七阈值。5.根据权利要求1所述的方法,其特征在于,所述根据原操作节点的位置,将放大后的克隆操作节点渲染到UI上包括:将原操作节点的中心作为放大后的克隆操作节点的中心,将放大后的克隆操作节点渲染到UI上;或者,将原操作节点的中心作为放大后的克隆操作节点的中心,并对放大后的克隆操作节点进行透明化处理,将透明的放大后的克隆操作节点渲染到UI上。6.一种用户界面UI浏览装置,其特征在于,该装置包括:操作节点克隆筛选模块:用于获取UI显示设备的屏幕尺寸信息,判断UI显示设备的屏...

【专利技术属性】
技术研发人员:刘飞董凡彬苏维扬钱祥赵峰
申请(专利权)人:三星电子中国研发中心三星电子株式会社
类型:发明
国别省市:江苏;32

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1