页面显示方法及装置、电子设备制造方法及图纸

本公开是关于页面显示方法及装置、电子设备，该方法包括：获取应用于当前显示页面的页面元素显示属性，所述页面元素显示属性与所述当前显示页面内的显示对象的视觉显示特征相关联；根据所述页面元素显示属性，对所述显示对象在所述当前显示页面内的关联显示区域进行渲染。通过本公开的技术方案，可以使当前显示页面的显示属性与其中的显示对象的视觉显示特征保持一致，有助于提升用户体验。

【技术实现步骤摘要】
【专利摘要】本公开是关于页面显示方法及装置、电子设备，该方法包括：获取应用于当前显示页面的页面元素显示属性，所述页面元素显示属性与所述当前显示页面内的显示对象的视觉显示特征相关联；根据所述页面元素显示属性，对所述显示对象在所述当前显示页面内的关联显示区域进行渲染。通过本公开的技术方案，可以使当前显示页面的显示属性与其中的显示对象的视觉显示特征保持一致，有助于提升用户体验。【专利说明】页面显示方法及装置、电子设备
本公开涉及终端
，尤其涉及页面显示方法及装置、电子设备。
技术介绍
网站可以通过网页或APP(Application，应用程序）的页面中，向用户展示各种各 样的显示对象，则用户可以分别查看每个显示对象的信息。
技术实现思路
本公开提供页面显示方法及装置、电子设备，以解决相关技术中的不足。 根据本公开实施例的第一方面，提供一种页面显示方法，包括： 获取应用于当前显示页面的页面元素显示属性，所述页面元素显示属性与所述当 前显示页面内的显示对象的视觉显示特征相关联； 根据所述页面元素显示属性，对所述显示对象在所述当前显示页面内的关联显示 区域进行渲染。 可选的，当所述当前显示页面内包含多个显示对象时，所述关联显示区域为相应 显示对象的简要信息展示区域； 当所述当前显示页面内包含单个显示对象时，所述关联显示区域为所述当前显示 页面内的详情信息展示区域。 可选的，所述视觉显示特征包括以下至少之一：颜色、形状、体积；以及 所述页面元素显示属性包括以下至少之一：背景颜色、背景图案、文字颜色或字 号、功能按键的颜色或图案。 可选的，当所述显示对象的同一视觉显示特征包含多种属性时，所述页面元素显 示属性为所述多种属性的整合属性。 可选的，还包括： 当所述显示对象的同一视觉显示特征包含多种属性时，在所述当前显示页面上生 成与所述多种属性一一对应的多个选项； 检测用户选择操作并根据被选中的选项对应的属性，更新对所述关联显示区域的 渲染。 根据本公开实施例的第二方面，提供一种页面显示装置，包括： 获取单元，用于获取应用于当前显示页面的页面元素显示属性，所述页面元素显 示属性与所述当前显示页面内的显示对象的视觉显示特征相关联； 渲染单元，用于根据所述页面元素显示属性，对所述显示对象在所述当前显示页 面内的关联显示区域进行渲染。 可选的，当所述当前显示页面内包含多个显示对象时，所述关联显示区域为相应 显示对象的简要信息展示区域； 当所述当前显示页面内包含单个显示对象时，所述关联显示区域为所述当前显示 页面内的详情信息展示区域。 可选的，所述视觉显示特征包括以下至少之一：颜色、形状、体积；以及 所述页面元素显示属性包括以下至少之一：背景颜色、背景图案、文字颜色或字 号、功能按键的颜色或图案。 可选的，当所述显示对象的同一视觉显示特征包含多种属性时，所述页面元素显 示属性为所述多种属性的整合属性。 可选的，还包括： 生成单元，用于当所述显示对象的同一视觉显示特征包含多种属性时，在所述当 前显示页面上生成与所述多种属性一一对应的多个选项； 更新单元，用于检测用户选择操作并根据被选中的选项对应的属性，更新对所述 关联显示区域的渲染。 根据本公开实施例的第三方面，提供一种电子设备，包括： 处理器； 用于存储处理器可执行指令的存储器； 其中，所述处理器被配置为： 获取应用于当前显示页面的页面元素显示属性，所述页面元素显示属性与所述当 前显示页面内的显示对象的视觉显示特征相关联； 根据所述页面元素显示属性，对所述显示对象在所述当前显示页面内的关联显示 区域进行渲染。 本公开的实施例提供的技术方案可以包括以下有益效果： 本公开通过使页面元素显示属性与显示对象的视觉显示特征相关联，使得当前显 示页面在视觉效果上与显示对象的视觉显示特征保持一致，便于用户获得更为直观、一致 的感受，有助于提升用户体验。 应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不 能限制本公开。 【专利附图】【附图说明】 此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施 例，并与说明书一起用于解释本公开的原理。 图1是根据一示例性实施例示出的一种页面显示方法的流程图。 图2-7是根据一示例性实施例示出的页面示意图。 图8-9是根据一示例性实施例示出的一种页面显示装置的框图。 图10是根据一示例性实施例示出的一种用于页面显示的装置的框图。 【具体实施方式】 这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及 附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例 中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附 权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。 图1是根据一示例性实施例示出的一种页面显示方法的流程图，如图1所示，该方 法用于终端中，可以包括以下步骤。 在步骤102中，获取应用于当前显示页面的页面元素显示属性，所述页面元素显 示属性与所述当前显示页面内的显示对象的视觉显示特征相关联。 在本实施例中，显示对象的视觉显示特征可以包括以下至少之一：颜色、形状、体 积；以及，页面元素显示属性可以包括以下至少之一：背景颜色、背景图案、文字颜色或字 号、功能按键的颜色或图案。 在本实施例中，当显示对象的同一视觉显示特征包含多种属性时，页面元素显示 属性为多种属性的整合属性。比如当显示对象存在多种"颜色"时，"背景颜色"可以由这多 种"颜色"整合得到，从而同时表现出所有特征。 在步骤104中，根据所述页面元素显示属性，对所述显示对象在所述当前显示页 面内的关联显示区域进行渲染。 在本实施例中，当当前显示页面内包含多个显示对象时，关联显示区域为相应显 示对象的简要信息展示区域；或者，当当前显示页面内包含单个显示对象时，关联显示区域 为当前显示页面内的详情信息展示区域。 由上述实施例可知，本公开通过获取显示对象的视觉显示特征，并据此渲染该显 示对象的关联显示区域，使得当前显示页面在视觉效果上与该显示对象的视觉显示特征保 持一致，便于用户获得更为直观、一致的感受，有助于提升用户体验。 下面以手机端的"设备商店"为例，对本公开的技术方案进行详细描述；当然，本 领域技术人员应该理解的是，本公开的技术方案可以应用于各类电子设备上的各类显示页 面，本公开并不对其进行限制。 1、关联显不区域 作为一示例性实施例，如图2(a)所示，当前显示页面可以为"设备商店"的首页。 在图2(a)中，示出了 5个显示对象，分别为：最上方的"小蚁智能摄像头"、中间的"小米手 环"和"小米路由器mini"、下方的"小米电视"和"小米路由器"（图中仅示出了对应的缩略 图，当页面向上翻动时即可展示对应的文字）。 其中，每个显示对象对应的关联显示区域已通过粗线条在图2(a)中框出。可见， 由于"设备商店"首页中包含多个显示对象本文档来自技高网...

【技术保护点】
一种页面显示方法，其特征在于，包括：获取应用于当前显示页面的页面元素显示属性，所述页面元素显示属性与所述当前显示页面内的显示对象的视觉显示特征相关联；根据所述页面元素显示属性，对所述显示对象在所述当前显示页面内的关联显示区域进行渲染。

【技术特征摘要】

【专利技术属性】
技术研发人员：王阳，陈昌兵，傅强，侯恩星，
申请(专利权)人：小米科技有限责任公司，
类型：发明
国别省市：北京;11