一种子视图的显示方法、装置及存储介质制造方法及图纸

技术编号:32906110 阅读:18 留言:0更新日期:2022-04-07 11:56
本发明专利技术公开了一种子视图的显示方法、装置及存储介质,属于计算机软件技术领域,方法包括:检测父视图的宽度;根据所述父视图的宽度从全部子视图中确定待显示的一个或多个子视图;对待显示的一个或多个子视图进行布局,并在父视图上显示所述待显示的一个或多个子视图。本发明专利技术能够在待显示的子视图数量不确定,宽度不一致的情况下,选择布局显示第一下标值和第二下标值区间的含有重要信息的子视图,隐藏其他含有不重要信息的子视图,解决了原来含有重要信息的子视图在电子屏幕上显示不全的问题。问题。问题。

【技术实现步骤摘要】
一种子视图的显示方法、装置及存储介质


[0001]本专利技术涉及计算机软件
,特别涉及一种子视图的显示方法、装置及存储介质。

技术介绍

[0002]当在子视图数量不确定,宽度不一致的情况下,需要根据电子屏幕宽度或者父视图的最大宽度尽可能多的在电子屏幕上显示子视图的信息。
[0003]现有的方案主要有以下两种:
[0004](1)需要在业务后台编写大量的代码,计算父视图的宽度和每个子视图的宽度。这种方案编写代码重复性高,同时不便于维护。
[0005](2)需要在子视图渲染后,再重新动态计算父视图的宽度和每个子视图的宽度,操作性能较低。

技术实现思路

[0006]为了克服上述技术缺陷,本专利技术目的在于提供一种子视图的显示方法、装置及存储介质,本专利技术能够在待显示的子视图数量不确定,宽度不一致的情况下,选择布局显示第一下标值和第二下标值区间的含有重要信息的子视图,隐藏其他含有不重要信息的子视图,解决了原来含有重要信息的子视图在电子屏幕上显示不全的问题。
[0007]本专利技术实施例提供的具体技术方案如下:
[0008]第一方面,提供了一种子视图的显示方法,所述方法包括:
[0009]检测父视图的宽度,所述父视图用于显示元素属性信息;
[0010]根据所述父视图的宽度从全部子视图中确定待显示的一个或多个子视图,全部子视图中的每个子视图分别用于显示全部元素属性信息中的其中一个属性信息,所述每个子视图各自具有下标值,所述子视图按照下标值的大小从小到大顺序排列;
[0011]对待显示的一个或多个子视图进行布局,并在父视图上显示所述待显示的一个或多个子视图。
[0012]在一个实施例中,所述根据所述父视图的宽度从全部子视图中确定待显示的一个或多个子视图,包括:
[0013]根据所述父视图的宽度确定第一下标值;
[0014]根据所述父视图的宽度确定第二下标值;
[0015]根据所述第一下标值、第二下标值以及每个子视图各自具有的下标值,确定待显示的一个或多个子视图。
[0016]在一个实施例中,所述子视图按照下标值的大小从小到大顺序排列,包括:
[0017]将所述子视图的元素属性信息的重要性顺序按照从中间向两边递减排列;
[0018]对排列好的子视图按照下标值从小到大依次赋予下标值。
[0019]在一个实施例中,所述根据所述父视图的宽度确定第一下标值,包括:
[0020]倒序遍历每个子视图,并累加所述每个子视图的宽度和外边框的宽度;
[0021]当累加的所述每个子视图的宽度和外边框的宽度的总数值小于或者等于所述父视图的宽度值时,得到参与累加的多个子视图,将参与累加的多个子视图中下标值最小的子视图的下标值作为第一下标值。
[0022]在一个实施例中,所述根据所述父视图的宽度确定第二下标值,包括:
[0023]顺序遍历每个子视图,并累加所述每个子视图的宽度和外边框的宽度;
[0024]当累加的所述每个子视图的宽度和外边框的宽度的总数值小于或者等于所述父视图的宽度值,得到参与累加的多个子视图,将参与累加的多个子视图中下标值最大的子视图的下标值作为第二下标值。
[0025]在一个实施例中,所述根据所述第一下标值、第二下标值以及每个子视图各自具有的下标值,确定待显示的一个或多个子视图,包括:
[0026]顺序遍历每个子视图;
[0027]判断所述子视图的下标值是否在第一下标值和第二下标值区间内;
[0028]若是,则将所述子视图确定为待显示的子视图;
[0029]若否,则隐藏所述子视图。
[0030]第二方面,提供了一种子视图的显示装置,所述装置包括:
[0031]检测单元,用于检测父视图的宽度,所述父视图用于显示元素属性信息;
[0032]处理单元,用于根据所述父视图的宽度从全部子视图中确定待显示的一个或多个子视图,全部子视图中的每个子视图分别用于显示全部元素属性信息中的其中一个属性信息,所述每个子视图各自具有下标值,所述子视图按照下标值的大小从小到大顺序排列;
[0033]显示单元,用于对待显示的一个或多个子视图进行布局,并在父视图上显示所述待显示的一个或多个子视图。
[0034]在一个实施例中,所述处理单元还用于:
[0035]将所述子视图的元素属性信息的重要性顺序按照从中间向两边递减排列;
[0036]对排列好的子视图按照下标值从小到大依次赋予下标值;
[0037]倒序遍历每个子视图,并累加所述每个子视图的宽度和外边框的宽度;
[0038]当累加的所述每个子视图的宽度和外边框的宽度的总数值小于或者等于所述父视图的宽度值时,得到参与累加的多个子视图,将参与累加的多个子视图中下标值最小的子视图的下标值作为第一下标值;
[0039]顺序遍历每个子视图,并累加所述每个子视图的宽度和外边框的宽度;
[0040]当累加的所述每个子视图的宽度和外边框的宽度的总数值小于或者等于所述父视图的宽度值,得到参与累加的多个子视图,将参与累加的多个子视图中下标值最大的子视图的下标值作为第二下标值;
[0041]顺序遍历每个子视图;
[0042]判断所述子视图的下标值是否在第一下标值和第二下标值区间内;
[0043]若是,则将所述子视图确定为待显示子视图;
[0044]若否,则隐藏所述子视图。
[0045]第三方面,还提供了一种子视图的显示装置,包括:
[0046]一个或多个处理器;
[0047]存储装置,用于存储一个或多个程序;
[0048]当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如第一方面任一所述的子视图的显示方法。
[0049]第四方面,还提供了一种存储介质,其存储有计算机程序,该程序被存储器执行时实现如第一方面任一所述的子视图的显示方法。
[0050]本专利技术实施例提供的技术方案带来的有益效果是:
[0051]1、本专利技术能够在待显示的子视图数量不确定,宽度不一致的情况下,选择布局显示第一下标值和第二下标值区间的含有重要信息的子视图,隐藏其他含有不重要信息的子视图,解决了原来含有重要信息的子视图在电子屏幕上显示不全的问题;
[0052]2、本专利技术在子视图渲染之前,提前动态计算父视图的宽度和每个子视图的宽度,确定所述子视图的第一下标值和第二下标值,自动隐藏含有不重要信息的子视图,避免在子视图渲染后,再重新动态计算父视图的宽度和每个子视图的宽度,费时又费力;
[0053]3、本专利技术子视图的布局技术方案通用性强,不需要耦合业务代码,侵入性低,操作简单。
附图说明
[0054]为了更清楚地说明本专利技术实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的一些实施例,对于本领域普通技术人员来讲,本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种子视图的显示方法,其特征在于,所述方法包括:检测父视图的宽度,所述父视图用于显示元素属性信息;根据所述父视图的宽度从全部子视图中确定待显示的一个或多个子视图,全部子视图中的每个子视图分别用于显示全部元素属性信息中的其中一个属性信息,所述每个子视图各自具有下标值,所述子视图按照下标值的大小从小到大顺序排列;对待显示的一个或多个子视图进行布局,并在父视图上显示所述待显示的一个或多个子视图。2.根据权利要求1所述的子视图的显示方法,其特征在于,所述根据所述父视图的宽度从全部子视图中确定待显示的一个或多个子视图,包括:根据所述父视图的宽度确定第一下标值;根据所述父视图的宽度确定第二下标值;根据所述第一下标值、第二下标值以及每个子视图各自具有的下标值,确定待显示的一个或多个子视图。3.根据权利要求1所述的子视图的显示方法,其特征在于,所述子视图按照下标值的大小从小到大顺序排列,包括:将所述子视图的元素属性信息的重要性顺序按照从中间向两边递减排列;对排列好的子视图按照下标值从小到大依次赋予下标值。4.根据权利要求2所述的子视图的显示方法,其特征在于,所述根据所述父视图的宽度确定第一下标值,包括:倒序遍历每个子视图,并累加所述每个子视图的宽度和外边框的宽度;当累加的所述每个子视图的宽度和外边框的宽度的总数值小于或者等于所述父视图的宽度值时,得到参与累加的多个子视图,将参与累加的多个子视图中下标值最小的子视图的下标值作为第一下标值。5.根据权利要求2所述的子视图的显示方法,其特征在于,所述根据所述父视图的宽度确定第二下标值,包括:顺序遍历每个子视图,并累加所述每个子视图的宽度和外边框的宽度;当累加的所述每个子视图的宽度和外边框的宽度的总数值小于或者等于所述父视图的宽度值,得到参与累加的多个子视图,将参与累加的多个子视图中下标值最大的子视图的下标值作为第二下标值。6.根据权利要求2所述的子视图的显示方法,其特征在于,所述根据所述第一下标值、第二下标值以及每个子视图各自具有的下标值,确定待显示的一个或多个子视图,包括:顺序遍历每个子视图;判断所述子视图的...

【专利技术属性】
技术研发人员:陈鸿飞
申请(专利权)人:广州品唯软件有限公司
类型:发明
国别省市:

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

1