【技术实现步骤摘要】
一种在终端上横向布局列表部件的方法及装置
本专利技术涉及终端应用显示
,特别是涉及一种在终端上横向布局列表部件的方法及装置。
技术介绍
目前,无论在浏览器侧还是手机端的相关的列表部件(list)几乎都是纵向布局,即每个列表的子项都是一行一行纵向罗列在一起,这样虽然符合人们的操作习惯,但是有些千篇一律,容易造成视觉疲劳,而且在开发的过程中,纵向布局的开发过程较为复杂。目前,终端的显示屏幕大多都是长方形,存在横向显示和纵向显示的功能。横向显示时,相关的列表部件(list)仍然是纵向布局,即每个列表的子项都是一行一行纵向排列在一起,列表子项的滚动方向依然是上下方向,因此,显示的内容较少。例如,手机上的列表布局(如电话本)均为纵向模式,只适用于纵屏(竖屏)显示状态,如今的智能手机大都支持横屏/竖屏模式,但是如果把手机旋转90°,变为竖屏模式,设想一下,如果List还是以纵向布局出现,显示的信息量明显减少。因此,一种既符合人们的操作习惯,又可以丰富当前的列表布局,而且易于操作的列表部件,成为了当前的一种设计需求。
技术实现思路
本专利技术要解决的技术问题是 ...
【技术保护点】
一种在终端上横向布局列表部件的方法,其特征在于,包括:在加载列表部件之后,配置横向滚动的打底层;在所述打底层中配置横向排布列表项的列表层;在每个所述列表项的列表子项中加载对应的样式和数据;显示得到的横向布局列表部件。
【技术特征摘要】
1.一种在终端上横向布局列表部件的方法,其特征在于,包括: 在加载列表部件之后,配置横向滚动的打底层;在所述打底层中配置横向排布列表项的列表层;在每个所述列表项的列表子项中加载对应的样式和数据; 显示得到的横向布局列表部件。2.如权利要求1所述的在终端上横向布局列表部件的方法,其特征在于,在显示得到的横向布局列表部件之前,还包括: 将每个列表子项需要实现的功能、事件效果、动画效果与对应的列表子项进行绑定。3.如权利要求2所述的在终端上横向布局列表部件的方法,其特征在于,当所述列表子项被点击后,延伸该列表子项,覆盖所述终端的整个屏幕。4.如权利要求1所述的在终端上横向布局列表部件的方法,其特征在于,在加载列表部件之后,还包括: 判断用户是否上传了个性化样式参数,如果是,则配置所述个性化样式参数,得到列表部件的加载样式;如果否,则以默认的参数进行配置,得到列表部件的加载样式。5.如权利要求1?4任一项所述的在终端上横向布局列表部件的方法,其特征在于,在加载列表部件之前,还包括: 判断所述终端显示是否进行横屏显示;如果是,则加载列表部件,如果否,则通过纵屏模式进行加载显示,流程结束。6.—种在终端上横向布局列表部件的装置,其特征在于,包括: ...
【专利技术属性】
技术研发人员:滕飞,
申请(专利权)人:中兴通讯股份有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。