System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind()
【技术实现步骤摘要】
本申请属于计算机,具体涉及一种基于瀑布流组件的内容显示方法、装置、设备及介质。
技术介绍
1、瀑布流组件在前端中的应用非常广泛,可以用于展示图片墙、商品列表、社交媒体的动态流等各种需要动态加载和排列内容的场景。瀑布流组件的特点是将内容以多列的方式呈现,每一列的高度可以根据内容的实际高度动态调整,使得整个布局看起来像瀑布一样流动。
2、但是,现有的瀑布流组件的宽度固定,并且瀑布流组件中各列的宽度也是固定的,这导致若显示窗口宽度小于瀑布流组件宽度,将遮挡部分列的内容,若显示窗口宽度大于瀑布流组件宽度,显示内容不能水平铺满整个窗口,十分不美观。而且现有的瀑布流组件不能使未铺满的瀑布流组件继续加载,需要重新刷新页面或者重加载,效率十分低下。因此,如何自动调整瀑布流组件的列数与各列宽度,并使未铺满的瀑布流组件继续加载是本
人员亟需解决的问题。
技术实现思路
1、本申请实施例的目的是提供一种基于瀑布流组件的内容显示方法、装置、设备及介质,目的在于使显示对象单元水平铺满各种宽度的瀑布流组件,并使未铺满的瀑布流组件继续加载显示对象单元。
2、第一方面,本申请实施例提供了一种基于瀑布流组件的内容显示方法,所述方法包括:
3、若检测到显示窗口宽度变化,配置瀑布流组件的第一基础宽度,和配置显示对象单元的第二基础宽度;
4、根据所述第一基础宽度和所述第二基础宽度,确定显示对象单元的列数;
5、根据所述列数以及预先设置的内容显示规则,确定瀑布
6、根据所述第二实际宽度计算各显示对象单元的显示宽高,以确定各显示对象单元在所述瀑布流组件中的位置信息;
7、根据所述位置信息对所述显示对象单元进行加载,以完成瀑布流组件的内容显示。
8、第二方面,本申请实施例提供了一种基于瀑布流组件的内容显示装置,所述装置包括:
9、基础宽度配置模块,用于若检测到显示窗口宽度变化,配置瀑布流组件的第一基础宽度,和配置显示对象单元的第二基础宽度;
10、显示列数确定模块,用于根据所述第一基础宽度和所述第二基础宽度,确定显示对象单元的列数;
11、实际宽度确定模块,用于根据所述列数以及预先设置的内容显示规则,确定瀑布流组件的第一实际宽度和所述显示对象单元的第二实际宽度;
12、位置信息确定模块,用于根据所述第二实际宽度计算各显示对象单元的显示宽高,以确定各显示对象单元在所述瀑布流组件中的位置信息;
13、组件内容显示模块,用于根据所述位置信息对所述显示对象单元进行加载,以完成瀑布流组件的内容显示。
14、第三方面,本申请实施例提供了一种电子设备,该电子设备包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令,所述程序或指令被所述处理器执行时实现如第一方面所述的方法的步骤。
15、第四方面,本申请实施例提供了一种可读存储介质,所述可读存储介质上存储程序或指令,所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。
16、第五方面,本申请实施例提供了一种芯片,所述芯片包括处理器和通信接口,所述通信接口和所述处理器耦合,所述处理器用于运行程序或指令,实现如第一方面所述的方法。
17、在本申请实施例中,若检测到显示窗口宽度变化,配置瀑布流组件的第一基础宽度,和配置显示对象单元的第二基础宽度;根据所述第一基础宽度和所述第二基础宽度,确定显示对象单元的列数;根据所述列数以及预先设置的内容显示规则,确定瀑布流组件的第一实际宽度和所述显示对象单元的第二实际宽度;根据所述第二实际宽度计算各显示对象单元的显示宽高,以确定各显示对象单元在所述瀑布流组件中的位置信息;根据所述位置信息对所述显示对象单元进行加载,以完成瀑布流组件的内容显示。上述基于瀑布流组件的内容显示方法,通过根据瀑布流组件宽度与显示对象单元列数对显示对象单元宽度进行调整,可以使显示对象单元水平铺满各种宽度的瀑布流组件,通过确定瀑布流组件是否铺满,可以在瀑布流组件未铺满的情况下继续加载显示对象单元。
本文档来自技高网...【技术保护点】
1.一种基于瀑布流组件的内容显示方法,其特征在于,所述方法包括:
2.根据权利要求1所述的基于瀑布流组件的内容显示方法,其特征在于,在根据所述位置信息对所述显示对象单元进行加载之后,所述方法还包括:
3.根据权利要求2所述的基于瀑布流组件的内容显示方法,其特征在于,在识别所述瀑布流组件是否铺满之后,所述方法还包括:
4.根据权利要求3所述的基于瀑布流组件的内容显示方法,其特征在于,识别所述瀑布流组件是否铺满的过程,包括:
5.根据权利要求2所述的基于瀑布流组件的内容显示方法,其特征在于,在根据所述位置信息对所述显示对象单元进行加载之后,所述方法还包括:
6.根据权利要求1所述的基于瀑布流组件的内容显示方法,其特征在于,根据所述第二实际宽度计算各显示对象单元的实际显示宽高,以确定各显示对象单元在所述瀑布流组件中的位置信息,包括:
7.一种基于瀑布流组件的内容显示方法,其特征在于,所述方法包括:
8.根据权利要求7所述的基于瀑布流组件的内容显示装置,其特征在于,所述装置还包括:
9.一种电
10.一种可读存储介质,其特征在于,所述可读存储介质上存储程序或指令,所述程序或指令被处理器执行时实现如权利要求1-7中任一项所述的基于瀑布流组件的内容显示方法的步骤。
...【技术特征摘要】
1.一种基于瀑布流组件的内容显示方法,其特征在于,所述方法包括:
2.根据权利要求1所述的基于瀑布流组件的内容显示方法,其特征在于,在根据所述位置信息对所述显示对象单元进行加载之后,所述方法还包括:
3.根据权利要求2所述的基于瀑布流组件的内容显示方法,其特征在于,在识别所述瀑布流组件是否铺满之后,所述方法还包括:
4.根据权利要求3所述的基于瀑布流组件的内容显示方法,其特征在于,识别所述瀑布流组件是否铺满的过程,包括:
5.根据权利要求2所述的基于瀑布流组件的内容显示方法,其特征在于,在根据所述位置信息对所述显示对象单元进行加载之后,所述方法还包括:
6.根据权利要求1所述的基于瀑布流组件的内容显示方法,其特征在于,...
【专利技术属性】
技术研发人员:林依婷,王传鹏,
申请(专利权)人:广州三七极耀网络科技有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。