一种列表的显示方法及装置制造方法
【专利摘要】本发明适用于移动终端【技术领域】，提供了一种列表的显示方法及装置，包括：生成第一连接组件和第二连接组件，所述第一连接组件和所述第二连接组件分别为一个完整连接装置的上半部与下半部；在列表中加载由上至下排列的N个单元，所述N为大于或等于0的整数；在每个所述单元的上半部所在位置叠加所述第二连接组件，在每个所述单元的下半部所在位置叠加所述第一连接组件。在本发明实施例中，将原先作为一个整体的连接装置拆分为两个连接组件，且两个连接组件相互独立，分别叠加显示，由此避免了当列表中的单元在进行单元复用时，因为单元与单元之间的上下层关系改变从而导致连接装置被遮挡的情况出现。
【专利说明】一种列表的显示方法及装置
【技术领域】
[0001]本发明属于移动终端【技术领域】，尤其涉及一种列表的显示方法及装置。
【背景技术】
[0002]在移动终端应用中，列表(Table View)是经常被用到的用户界面(UserInterface, UI)控件,通过在列表中加载多个单元(Cell),将这些单元作为元数据的UI容器，可以呈现大量的有规律的数据项，且单元与单元之间可以通过图片等连接装置来进行连接。
[0003]由于移动终端的内存容量有限，不可能为列表中的每条元数据都生成一个单元，因此，单元的复用机制被提出，当通过拖拽操作滑动列表的时候，一旦某个单元被滑出列表可视区域(例如，如图1所示，当将列表向上拖拽时，位于顶部的单元I被滑出移动终端界面顶部)，则该单元中的元数据就可以被清空，该单元被放入复用队列等待复用(如图1所示的单元I’)。然而，由于目前单元与单元之间的连接装置都是作为一个整体来添加并显示的，而如图1所示，复用过程中单元与单元之间的上下层关系可能被改变，导致连接装置被遮挡，显示不全。
【发明内容】
[0004]本发明实施例的目的在于提供一种列表的显示方法及装置，旨在解决现有技术在对列表中的单元进行复用时可能导致单元与单元之间的连接装置显示不全的问题。
[0005]本发明实施例是这样实现的，一种列表的显示方法，包括:
[0006]生成第一连接组件和第二连接组件，所述第一连接组件和所述第二连接组件分别为一个完整连接装置的上半部与下半部；
[0007]在列表中加载由上至下排列的N个单元，所述N为大于或等于O的整数；
[0008]在每个所述单元的上半部所在位置叠加所述第二连接组件，在每个所述单元的下半部所在位置叠加所述第一连接组件。
[0009]本发明实施例的另一目的在于提供一种列表的显示装置，包括:
[0010]生成单元，用于生成第一连接组件和第二连接组件，所述第一连接组件和所述第二连接组件分别为一个完整连接装置的上半部与下半部；
[0011 ] 加载单元，用于在列表中加载由上至下排列的N个单元，所述N为大于或等于O的整数；
[0012]叠加单元，用于在每个所述单元的上半部所在位置叠加所述第二连接组件，在每个所述单元的下半部所在位置叠加所述第一连接组件。
[0013]在本发明实施例中，将原先作为一个整体的连接装置拆分为两个连接组件，且两个连接组件相互独立，分别叠加显示，由此避免了当列表中的单元在进行单元复用时，因为单元与单元之间的上下层关系改变从而导致连接装置被遮挡的情况出现。
【专利附图】
【附图说明】
[0014]图1是现有技术提供的列表中单元复用机制的原理示意图；
[0015]图2是本发明实施例提供的列表的显示方法的实现流程图；
[0016]图3是本发明实施例提供的列表的显示方法连接装置的示意图；
[0017]图4是本发明另一实施例提供的列表的显示方法的实现流程图；
[0018]图5是本发明实施例提供的列表的显示方法第三连接组件的示意图；
[0019]图6是本发明另一实施例提供的列表的显示方法第三连接组件的示意图；
[0020]图7是本发明实施例提供的列表的显示装置的结构框图；
[0021]图8是与本发明实施例提供的终端相关的手机的部分结构的框图。
【具体实施方式】
[0022]为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
[0023]在本发明实施例中，将原先作为一个整体的连接装置拆分为两个连接组件，且两个连接组件相互独立，分别叠加显示，由此避免了当列表中的单元在进行单元复用时，因为单元与单元之间的上下层关系改变从而导致连接装置被遮挡的情况出现。
[0024]本发明实施例提供的列表的显示方法能够适用于基于智能操作系统运行的、包含有触摸显示屏或者触控板的终端，其中，智能操作系统包括但不限于Android、1S等等，终端包括但不限于智能手机、平板电脑、电子书阅读器、膝上型便携计算机和台式计算机等坐寸ο
[0025]图2示出了本发明实施例提供的列表的显示方法的实现流程，详述如下:
[0026]在S201中，生成第一连接组件和第二连接组件，所述第一连接组件和所述第二连接组件分别为一个完整连接装置的上半部与下半部。
[0027]在本实施例中，将原先用于连接两个相邻单元的完整的连接装置进行拆分，如图3所示，将原先完整的、一端连接上方单元、一端连接下方单元的连接装置拆分为上半部和下半部，且上半部作为第一连接组件，下半部作为第二连接组件，即，在本实施例中，生成的第一连接组件和第二连接组件依序首尾连接，即组成了完整的、连接两个相邻单元的连接装置。
[0028]在本实施例中，生成的第一连接组件和第二连接组件的形状不限于图3所示的形状，且第一连接组件和第二连接组件可以以图片的格式生成。
[0029]在S202中，在列表中加载由上至下排列的N个单元，所述N为大于或等于O的整数。
[0030]在本实施例中，当需要显示列表内容时，首先载入列表控件，此后，在列表控件中加载N个单元，这N个单元由上至下依次排列，分别用于显示不同的元数据，且每两个相邻单元之间的间隙大小可以根据实际的列表显示需求进行调整，例如，单元与单元之间可以无缝连接，或者单元与单元之间预留一定像素大小的间隙。
[0031]在本实施例中，N个单元包括了在列表可视区域中显示的单元，还包括了已滑动出列表可视区域，等待复用的单元。需要说明的是，在本实施例中，当一个单元被滑动出了列表可视区域，其并不一定会马上被加入到复用队列，其可能会在滑动出列表可视区域一定范围之后才会被加入到复用队列，以避免快速滑动的时候临时生成携带元数据的单元从而导致单元闪烁的问题。
[0032]在S203中，在每个所述单元的上半部所在位置叠加所述第二连接组件，在每个所述单元的下半部所在位置叠加所述第一连接组件。
[0033]当N个单元加载完毕之后，将S201中生成的第二连接组件叠加至每个单元的上半部所在位置，将S201中生成的第一连接组件叠加至每个单元的下半部所在位置，由此，在N个单元中，叠加在第i (i大于等于I且小于N)个单元的第一连接组件和叠加在第i+Ι个单元的第二连接组件即对接成了一个完整的连接装置。
[0034]由此，无论列表是向上滑动还是向下滑动，由于连接装置并不是完整地进行叠加显示的，而是分为上半部和下半部分别独立叠加显示的，因此，即使在单元的复用过程中单元与单元之间的上下层关系改变，也不会导致连接装置被遮挡。
[0035]作为本发明的一个实施例，在S203中，可以直接将第一连接组件和第二连接组件叠加在单元上，即，在载入某个单元之后，将第一连接组件和/或第二连接组件叠加在该单元的所在层之上，由此，连接组件与该单元产生了关联，随着列表的滑动，即使该单元滑动出了列表可视区域，等待复用，且与其他单元的上下层关系发生了变化，但由于连接组件与该单元产生了关联，也会随着该单元的移动而移动，不需要另外变更连接组件的叠加位置。
[0036]作为本发明的另一实施例，在S203中，可以将第一连接组件和第二连接组件叠加在列表的可视区域上，即，将第一连接组件和第二连接组件叠加在列表可视区域的所在层之上，由此，连接组件与列表控件产生了关联。然而，在本实施例中，若单元滑动出了列表可视区域，进行了复用，则连接装置需要重新叠加在新进入列表可视区域的单元所在位置之上，相对于前述实施例，较为复杂。
[0037]在前述实施例中，提及了相邻单元之间的间隙大小可以根据实际的列表显示需求进行调整，在本发明实施例中，由于一个完整的连接装置被分为了两部分独立叠加显示，则进一步地，可以根据实际需求，在两个相邻单元的间隙中任意地添加各类组件。如图4所示，所述方法还包括:
[0038]S204，在相邻的所述单元的所述第二连接组件和所述第一连接组件之间添加第三连接组件。
[0039]作为本发明的一个实施例，第三连接组件可以包括图片，如图5所示，结合列表的实际显示需求，在第i个单元的第二连接组件和第i+Ι个单元的第一连接组件之间添加图片，以优化列表的显示效果。在本实施例中，相邻单元之间的间隙大小要根据添加的图片大小进行调整。
[0040]作为本发明的另一实施例，第三连接组件可以为触摸控件，如图6所示，该触摸控件在检测到触摸指令之后，可以在相邻单元之间展开相应的操作菜单，用于对其中一个单元中的元数据进行进一步的操作。在本实施例中，相邻单元之间的间隙大小是可变的，在触摸控件被触摸之前，相邻单元之间的间隙大小为第一像素高度，在触摸控件被触摸之后，相邻单元之间的间隙大小为第二像素调度，且在相邻单元的间隙位置被叠加上了相应的操作菜单。
[0041]在本发明实施例中，将原先作为一个整体的连接装置拆分为两个连接组件，且两个连接组件相互独立，分别叠加显示，由此避免了当列表中的单元在进行单元复用时，因为单元与单元之间的上下层关系改变从而导致连接装置被遮挡的情况出现。
[0042]图7示出了本发明实施例提供的列表的显示装置的结构框图，该装置可以位于前述终端设备中，用于运行本发明图2至图6实施例所述的列表的显示方法。为了便于说明，仅不出了与本实施例相关的部分。
[0043]参照图7，该装置包括:
[0044]生成单元71，生成第一连接组件和第二连接组件，所述第一连接组件和所述第二连接组件分别为一个完整连接装置的上半部与下半部。
[0045]加载单元72，在列表中加载由上至下排列的N个单元，所述N为大于或等于O的整数。
[0046]叠加单元73，在每个所述单元的上半部所在位置叠加所述第二连接组件，在每个所述单元的下半部所在位置叠加所述第一连接组件。
[0047]可选地，所述叠加单元73还用于:
[0048]将所述第一连接组件和所述第二连接组件叠加在单元上。
[0049]可选地，所述叠加单元73还用于:
[0050]将所述第一连接组件和所述第二连接组件叠加在列表上。
[0051]可选地，所述装置还包括:
[0052]添加单元，用于在相邻的所述单元的所述第二连接组件和所述第一连接组件之间添加第三连接组件。
[0053]可选地，所述第三连接组件包括图片。
[0054]可选地，所述第三连接组件包括触摸控件。
[0055]图8示出的是与本发明实施例提供的终端相关的手机的部分结构的框图。参考图8，手机包括:射频(Rad1 Frequency，RF)电路810、存储器820、输入单元830、显示单元840、传感器850、音频电路860、无线模块870、处理器880、以及电源890等部件。本领域技术人员可以理解，图8中示出的手机结构并不构成对手机的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。
[0056]下面结合图8对手机的各个构成部件进行具体的介绍:
[0057]RF电路810可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，给处理器880处理；另外，将设计上行的数据发送给基站。通常，RF电路包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器(LowNoise Amplifier，LNA)、双工器等。此外，RF电路810还可以通过无线通信与网络和其他设备通信。上述无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统(Global System of Mobile communicat1n, GSM)、通用分组无线服务(GeneralPacket Rad1 Service, GPRS)、码分多址(Code Divis1n Multiple Access, CDMA)、宽带码分多址(Wideband Code Divis1n Multiple Access, WCDMA)、长期演进(Long TermEvolut1n, LTE))、电子邮件、短消息服务(Short Messaging Service, SMS)等。
[0058]存储器820可用于存储软件程序以及模块，处理器880通过运行存储在存储器820的软件程序以及模块，从而执行手机的各种功能应用以及数据处理。存储器820可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器820可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
[0059]输入单元830可用于接收输入的数字或字符信息，以及产生与手机800的用户设置以及功能控制有关的键信号输入。具体地，输入单元830可包括触控面板831以及其他输入设备832。触控面板831，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板831上或在触控面板831附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触控面板831可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标,再送给处理器880，并能接收处理器880发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板831。除了触控面板831，输入单元830还可以包括其他输入设备832。具体地，其他输入设备832可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
[0060]显示单元840可用于显示由用户输入的信息或提供给用户的信息以及手机的各种菜单。显示单元840可包括显示面板841,可选的,可以采用液晶显示器(Liquid CrystalDisplay, IXD)、有机发光二极管(Organic Light-Emitting D1de, 0LED)等形式来配置显示面板841。进一步的，触控面板831可覆盖显示面板841，当触控面板831检测到在其上或附近的触摸操作后，传送给处理器880以确定触摸事件的类型，随后处理器880根据触摸事件的类型在显示面板841上提供相应的视觉输出。虽然在图8中，触控面板831与显示面板841是作为两个独立的部件来实现手机的输入和输入功能，但是在某些实施例中，可以将触控面板831与显示面板841集成而实现手机的输入和输出功能。
[0061]手机800还可包括至少一种传感器850，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板841的亮度，接近传感器可在手机移动到耳边时，关闭显示面板841和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于手机还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。
[0062]音频电路860、扬声器861，传声器862可提供用户与手机之间的音频接口。音频电路860可将接收到的音频数据转换后的电信号,传输到扬声器861,由扬声器861转换为声音信号输出；另一方面，传声器862将收集的声音信号转换为电信号，由音频电路860接收后转换为音频数据，再将音频数据输出处理器880处理后，经RF电路810以发送给比如另一手机，或者将音频数据输出至存储器820以便进一步处理。
[0063]无线模块基于短距离无线传输技术，手机通过无线模块870可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图8示出了无线模块870，但是可以理解的是，其并不属于手机800的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。
[0064]处理器880是手机的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器820内的软件程序和/或模块，以及调用存储在存储器820内的数据，执行手机的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器880可包括一个或多个处理单元；优选的，处理器880可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器880中。
[0065]手机800还包括给各个部件供电的电源890 (比如电池)，优选的，电源可以通过电源管理系统与处理器880逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。
[0066]尽管未示出，手机800还可以包括摄像头、蓝牙模块等，在此不再赘述。
[0067]在本发明实施例中，该终端所包括的处理器880还具有以下功能:列表的显示方法，包括:
[0068]生成第一连接组件和第二连接组件，所述第一连接组件和所述第二连接组件分别为一个完整连接装置的上半部与下半部；
[0069]在列表中加载由上至下排列的N个单元，所述N为大于或等于O的整数；
[0070]在每个所述单元的上半部所在位置叠加所述第二连接组件，在每个所述单元的下半部所在位置叠加所述第一连接组件。
[0071]进一步地，所述在每个所述单元的上半部所在位置叠加所述第二连接组件，在每个所述单元的下半部所在位置叠加所述第一连接组件还包括:
[0072]将所述第一连接组件和所述第二连接组件叠加在单元上。
[0073]进一步地，所述在每个所述单元的上半部所在位置叠加所述第二连接组件，在每个所述单元的下半部所在位置叠加所述第一连接组件还包括:
[0074]将所述第一连接组件和所述第二连接组件叠加在列表的可视区域上。
[0075]进一步地,所述方法还包括:
[0076]在相邻的所述单元的所述第二连接组件和所述第一连接组件之间添加第三连接组件。
[0077]进一步地，所述第三连接组件包括图片。
[0078]进一步地，所述第三连接组件包括触摸控件。
[0079]在本发明实施例中，将原先作为一个整体的连接装置拆分为两个连接组件，且两个连接组件相互独立，分别叠加显示，由此避免了当列表中的单元在进行单元复用时，因为单元与单元之间的上下层关系改变从而导致连接装置被遮挡的情况出现。
[0080]以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。
【权利要求】
1.一种列表的显不方法，其特征在于，包括: 生成第一连接组件和第二连接组件，所述第一连接组件和所述第二连接组件分别为一个完整连接装置的上半部与下半部； 在列表中加载由上至下排列的N个单元，所述N为大于或等于O的整数； 在每个所述单元的上半部所在位置叠加所述第二连接组件，在每个所述单元的下半部所在位置叠加所述第一连接组件。
2.如权利要求1所述的方法，其特征在于，所述在每个所述单元的上半部所在位置叠加所述第二连接组件，在每个所述单元的下半部所在位置叠加所述第一连接组件还包括: 将所述第一连接组件和所述第二连接组件叠加在单元上。
3.如权利要求1所述的方法，其特征在于，所述在每个所述单元的上半部所在位置叠加所述第二连接组件，在每个所述单元的下半部所在位置叠加所述第一连接组件还包括: 将所述第一连接组件和所述第二连接组件叠加在列表的可视区域上。
4.如权利要求1所的方法，其特征在于，所述方法还包括: 在相邻的所述单元的所述第二连接组件和所述第一连接组件之间添加第三连接组件。
5.如权利要求4所述的方法，其特征在于，所述第三连接组件包括图片。
6.如权利要求4所述的方法，其特征在于，所述第三连接组件包括触摸控件。
7.一种列表的显示装置，其特征在于，包括: 生成单元，用于生成第一连接组件和第二连接组件，所述第一连接组件和所述第二连接组件分别为一个完整连接装置的上半部与下半部； 加载单元，用于在列表中加载由上至下排列的N个单元，所述N为大于或等于O的整数； 叠加单元，用于在每个所述单元的上半部所在位置叠加所述第二连接组件，在每个所述单元的下半部所在位置叠加所述第一连接组件。
8.如权利要求7所述的装置，其特征在于，所述叠加单元还用于: 将所述第一连接组件和所述第二连接组件叠加在单元上。
9.如权利要求7所述的装置，其特征在于，所述叠加单元还用于: 将所述第一连接组件和所述第二连接组件叠加在列表的可视区域上。
10.如权利要求7所的装置，其特征在于，所述装置还包括: 添加单元，用于在相邻的所述单元的所述第二连接组件和所述第一连接组件之间添加第三连接组件。
11.如权利要求10所述的装置，其特征在于，所述第三连接组件包括图片。
12.如权利要求10所述的装置，其特征在于，所述第三连接组件包括触摸控件。
【文档编号】G06F3/0482GK104423808SQ201310378940
【公开日】2015年3月18日 申请日期:2013年8月27日 优先权日:2013年8月27日
【发明者】王玉龙, 宋丹 申请人:腾讯科技（深圳）有限公司