[发明专利]一种在终端上横向布局列表部件的方法及装置

说明书

技术领域

本发明涉及终端应用显示技术领域，特别是涉及一种在终端上横向布局列表部件的方法及装置。

背景技术

目前，无论在浏览器侧还是手机端的相关的列表部件（list）几乎都是纵向布局，即每个列表的子项都是一行一行纵向罗列在一起，这样虽然符合人们的操作习惯，但是有些千篇一律，容易造成视觉疲劳，而且在开发的过程中，纵向布局的开发过程较为复杂。目前，终端的显示屏幕大多都是长方形，存在横向显示和纵向显示的功能。横向显示时，相关的列表部件（list）仍然是纵向布局，即每个列表的子项都是一行一行纵向排列在一起，列表子项的滚动方向依然是上下方向，因此，显示的内容较少。

例如，手机上的列表布局（如电话本）均为纵向模式，只适用于纵屏（竖屏）显示状态，如今的智能手机大都支持横屏/竖屏模式，但是如果把手机旋转90°，变为竖屏模式，设想一下，如果List还是以纵向布局出现，显示的信息量明显减少。

因此，一种既符合人们的操作习惯，又可以丰富当前的列表布局，而且易于操作的列表部件，成为了当前的一种设计需求。

发明内容

本发明要解决的技术问题是提供一种在终端上横向布局列表部件的方法及装置，用以解决现有技术需求一种新的列表部件的问题。

为解决上述技术问题，一方面，本发明提供一种在终端上横向布局列表部件的方法，包括：

在加载列表部件之后，配置横向滚动的打底层；在所述打底层中配置横向排布列表项的列表层；在每个所述列表项的列表子项中加载对应的样式和数据；

显示得到的横向布局列表部件。

进一步，在显示得到的横向布局列表部件之前，还包括：

将每个列表子项需要实现的功能、事件效果、动画效果与对应的列表子项进行绑定。

进一步，当所述列表子项被点击后，延伸该列表子项，覆盖所述终端的整个屏幕。

进一步，在加载列表部件之后，还包括：

判断用户是否上传了个性化样式参数，如果是，则配置所述个性化样式参数，得到列表部件的加载样式；如果否，则以默认的参数进行配置，得到列表部件的加载样式。

进一步，在加载列表部件之前，还包括：

判断所述终端显示是否进行横屏显示；如果是，则加载列表部件，如果否，则通过纵屏模式进行加载显示，流程结束。

另一方面，本发明还提供一种在终端上横向布局列表部件的装置，包括：

处理模块，用于在加载列表部件之后，配置横向滚动的打底层；在所述打底层中配置横向排布列表项的列表层；在每个所述列表项的列表子项中加载对应的样式和数据；

显示模块，用于显示得到的横向布局列表部件。

进一步，所述装置还包括：

绑定模块，用于在显示得到的横向布局列表部件之前，将每个列表子项需要实现的功能、事件效果、动画效果与对应的列表子项进行绑定。

进一步，所述装置还包括：

列表子项处理模块，用于当所述列表子项被点击后，延伸该列表子项，覆盖所述终端的整个屏幕。

进一步，所述装置还包括：

配置模块，用于在加载列表部件之后，判断用户是否上传了个性化样式参数，如果是，则配置所述个性化样式参数，得到列表部件的加载样式；如果否，则以默认的参数进行配置，得到列表部件的加载样式。

进一步，所述装置还包括：

判断模块，用于在加载列表部件之前，判断所述终端显示是否进行横屏显示；如果是，则加载列表部件，如果否，则通过纵屏模式进行加载显示。

本发明有益效果如下：

本发明实施例在终端横向显示时，列表部件横向布局，可以充分发挥整个页面的空间，可以显示更多的内容；从代码编写角度来说，横向布局列表部件比纵向布局列表部件的代码实现方便；通过用户个性化设置，可以打造不同样式、风格的横向列表部件，例如古风古色的书简或卷轴等效果，外观新颖，可以显著区别于千篇一律的纵向列表；而且，横向布局的列表部件也符合人们的操作习惯。

附图说明

图1是本发明实施例中一种在终端上横向布局列表部件的方法的流程图；

图2是本发明实施例中一种在终端上横向布局列表部件的装置的结构示意图；

图3是本发明实施例中另一种在终端上横向布局列表部件的装置的结构示意图；

图4是终端采用横向布局列表与纵向布局列表的显示对比图。

具体实施方式