一种列表的显示方法及装置制造方法及图纸

技术编号:11172718 阅读:83 留言:0更新日期:2015-03-20 01:27
本发明专利技术适用于移动终端技术领域,提供了一种列表的显示方法及装置,包括:生成第一连接组件和第二连接组件,所述第一连接组件和所述第二连接组件分别为一个完整连接装置的上半部与下半部;在列表中加载由上至下排列的N个单元,所述N为大于或等于0的整数;在每个所述单元的上半部所在位置叠加所述第二连接组件,在每个所述单元的下半部所在位置叠加所述第一连接组件。在本发明专利技术实施例中,将原先作为一个整体的连接装置拆分为两个连接组件,且两个连接组件相互独立,分别叠加显示,由此避免了当列表中的单元在进行单元复用时,因为单元与单元之间的上下层关系改变从而导致连接装置被遮挡的情况出现。

【技术实现步骤摘要】
一种列表的显示方法及装置
本专利技术属于移动终端
,尤其涉及一种列表的显示方法及装置。
技术介绍
在移动终端应用中,列表(Table View)是经常被用到的用户界面(UserInterface, UI)控件,通过在列表中加载多个单元(Cell),将这些单元作为元数据的UI容器,可以呈现大量的有规律的数据项,且单元与单元之间可以通过图片等连接装置来进行连接。 由于移动终端的内存容量有限,不可能为列表中的每条元数据都生成一个单元,因此,单元的复用机制被提出,当通过拖拽操作滑动列表的时候,一旦某个单元被滑出列表可视区域(例如,如图1所示,当将列表向上拖拽时,位于顶部的单元I被滑出移动终端界面顶部),则该单元中的元数据就可以被清空,该单元被放入复用队列等待复用(如图1所示的单元I’)。然而,由于目前单元与单元之间的连接装置都是作为一个整体来添加并显示的,而如图1所示,复用过程中单元与单元之间的上下层关系可能被改变,导致连接装置被遮挡,显示不全。
技术实现思路
本专利技术实施例的目的在于提供一种列表的显示方法及装置,旨在解决现有技术在对列表中的单元进行复用时可能导致单元与单元之间的连接装置显示不全的问题。 本专利技术实施例是这样实现的,一种列表的显示方法,包括: 生成第一连接组件和第二连接组件,所述第一连接组件和所述第二连接组件分别为一个完整连接装置的上半部与下半部; 在列表中加载由上至下排列的N个单元,所述N为大于或等于O的整数; 在每个所述单元的上半部所在位置叠加所述第二连接组件,在每个所述单元的下半部所在位置叠加所述第一连接组件。 本专利技术实施例的另一目的在于提供一种列表的显示装置,包括: 生成单元,用于生成第一连接组件和第二连接组件,所述第一连接组件和所述第二连接组件分别为一个完整连接装置的上半部与下半部; [0011 ] 加载单元,用于在列表中加载由上至下排列的N个单元,所述N为大于或等于O的整数; 叠加单元,用于在每个所述单元的上半部所在位置叠加所述第二连接组件,在每个所述单元的下半部所在位置叠加所述第一连接组件。 在本专利技术实施例中,将原先作为一个整体的连接装置拆分为两个连接组件,且两个连接组件相互独立,分别叠加显示,由此避免了当列表中的单元在进行单元复用时,因为单元与单元之间的上下层关系改变从而导致连接装置被遮挡的情况出现。 【附图说明】 图1是现有技术提供的列表中单元复用机制的原理示意图; 图2是本专利技术实施例提供的列表的显示方法的实现流程图; 图3是本专利技术实施例提供的列表的显示方法连接装置的示意图; 图4是本专利技术另一实施例提供的列表的显示方法的实现流程图; 图5是本专利技术实施例提供的列表的显示方法第三连接组件的示意图; 图6是本专利技术另一实施例提供的列表的显示方法第三连接组件的示意图; 图7是本专利技术实施例提供的列表的显示装置的结构框图; 图8是与本专利技术实施例提供的终端相关的手机的部分结构的框图。 【具体实施方式】 为了使本专利技术的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本专利技术进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本专利技术,并不用于限定本专利技术。 在本专利技术实施例中,将原先作为一个整体的连接装置拆分为两个连接组件,且两个连接组件相互独立,分别叠加显示,由此避免了当列表中的单元在进行单元复用时,因为单元与单元之间的上下层关系改变从而导致连接装置被遮挡的情况出现。 本专利技术实施例提供的列表的显示方法能够适用于基于智能操作系统运行的、包含有触摸显示屏或者触控板的终端,其中,智能操作系统包括但不限于Android、1S等等,终端包括但不限于智能手机、平板电脑、电子书阅读器、膝上型便携计算机和台式计算机等坐寸ο 图2示出了本专利技术实施例提供的列表的显示方法的实现流程,详述如下: 在S201中,生成第一连接组件和第二连接组件,所述第一连接组件和所述第二连接组件分别为一个完整连接装置的上半部与下半部。 在本实施例中,将原先用于连接两个相邻单元的完整的连接装置进行拆分,如图3所示,将原先完整的、一端连接上方单元、一端连接下方单元的连接装置拆分为上半部和下半部,且上半部作为第一连接组件,下半部作为第二连接组件,即,在本实施例中,生成的第一连接组件和第二连接组件依序首尾连接,即组成了完整的、连接两个相邻单元的连接装置。 在本实施例中,生成的第一连接组件和第二连接组件的形状不限于图3所示的形状,且第一连接组件和第二连接组件可以以图片的格式生成。 在S202中,在列表中加载由上至下排列的N个单元,所述N为大于或等于O的整数。 在本实施例中,当需要显示列表内容时,首先载入列表控件,此后,在列表控件中加载N个单元,这N个单元由上至下依次排列,分别用于显示不同的元数据,且每两个相邻单元之间的间隙大小可以根据实际的列表显示需求进行调整,例如,单元与单元之间可以无缝连接,或者单元与单元之间预留一定像素大小的间隙。 在本实施例中,N个单元包括了在列表可视区域中显示的单元,还包括了已滑动出列表可视区域,等待复用的单元。需要说明的是,在本实施例中,当一个单元被滑动出了列表可视区域,其并不一定会马上被加入到复用队列,其可能会在滑动出列表可视区域一定范围之后才会被加入到复用队列,以避免快速滑动的时候临时生成携带元数据的单元从而导致单元闪烁的问题。 在S203中,在每个所述单元的上半部所在位置叠加所述第二连接组件,在每个所述单元的下半部所在位置叠加所述第一连接组件。 当N个单元加载完毕之后,将S201中生成的第二连接组件叠加至每个单元的上半部所在位置,将S201中生成的第一连接组件叠加至每个单元的下半部所在位置,由此,在N个单元中,叠加在第i (i大于等于I且小于N)个单元的第一连接组件和叠加在第i+Ι个单元的第二连接组件即对接成了一个完整的连接装置。 由此,无论列表是向上滑动还是向下滑动,由于连接装置并不是完整地进行叠加显示的,而是分为上半部和下半部分别独立叠加显示的,因此,即使在单元的复用过程中单元与单元之间的上下层关系改变,也不会导致连接装置被遮挡。 作为本专利技术的一个实施例,在S203中,可以直接将第一连接组件和第二连接组件叠加在单元上,即,在载入某个单元之后,将第一连接组件和/或第二连接组件叠加在该单元的所在层之上,由此,连接组件与该单元产生了关联,随着列表的滑动,即使该单元滑动出了列表可视区域,等待复用,且与其他单元的上下层关系发生了变化,但由于连接组件与该单元产生了关联,也会随着该单元的移动而移动,不需要另外变更连接组件的叠加位置。 作为本专利技术的另一实施例,在S203中,可以将第一连接组件和第二连接组件叠加在列表的可视区域上,即,将第一连接组件和第二连接组件叠加在列表可视区域的所在层之上,由此,连接组件与列表控件产生了关联。然而,在本实施例中,若单元滑动出了列表可视区域,进行了复用,则连接装置需要重新叠加在新进入列表可视区域的单元所在位置之上,相对于前述实施例,较为复杂。 在前述实施例中,提及了相邻单元之间的间隙大小可以根据实际的列表显示需求进行调整,在本专利技术实施例中,由于一个完整的连接装本文档来自技高网...

【技术保护点】
一种列表的显示方法,其特征在于,包括:生成第一连接组件和第二连接组件,所述第一连接组件和所述第二连接组件分别为一个完整连接装置的上半部与下半部;在列表中加载由上至下排列的N个单元,所述N为大于或等于0的整数;在每个所述单元的上半部所在位置叠加所述第二连接组件,在每个所述单元的下半部所在位置叠加所述第一连接组件。

【技术特征摘要】
1.一种列表的显不方法,其特征在于,包括: 生成第一连接组件和第二连接组件,所述第一连接组件和所述第二连接组件分别为一个完整连接装置的上半部与下半部; 在列表中加载由上至下排列的N个单元,所述N为大于或等于O的整数; 在每个所述单元的上半部所在位置叠加所述第二连接组件,在每个所述单元的下半部所在位置叠加所述第一连接组件。2.如权利要求1所述的方法,其特征在于,所述在每个所述单元的上半部所在位置叠加所述第二连接组件,在每个所述单元的下半部所在位置叠加所述第一连接组件还包括: 将所述第一连接组件和所述第二连接组件叠加在单元上。3.如权利要求1所述的方法,其特征在于,所述在每个所述单元的上半部所在位置叠加所述第二连接组件,在每个所述单元的下半部所在位置叠加所述第一连接组件还包括: 将所述第一连接组件和所述第二连接组件叠加在列表的可视区域上。4.如权利要求1所的方法,其特征在于,所述方法还包括: 在相邻的所述单元的所述第二连接组件和所述第一连接组件之间添加第三连接组件。5.如权利要求4所述的方法,其特征在于,所述第三连接组件包括图片。6.如权...

【专利技术属性】
技术研发人员:王玉龙宋丹
申请(专利权)人:腾讯科技深圳有限公司
类型:发明
国别省市:广东;44

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

1