界面显示方法及装置制造方法
【专利摘要】本发明涉及一种界面显示方法，包括：在显示界面的第一区域显示至少一个第一对象的图标；若存在与第一对象处于同一级且不同类别的第二对象则在显示界面的第二区域显示所述第二对象的图标；以及若所述至少一个第一对象其中之一被选取时则展开所述被取的第一对象，具体包括：?隐藏所述第一区域中未被选取的第一对象的图标；?在所述第二区域中显示被选取的第一对象的子对象的图标；在所述显示界面的第三区域中显示所述第一区域中未被选取的第一对象的图标；以及在显示界面的第四区域内显示第二对象的图标。上述的方法可在同一界面中展开不同层级的对象，从而不产生场景的跳跃，便于用户管理不同层级的对象。此外，本发明还提供一种界面显示装置。
【专利说明】界面显示方法及装置【技术领域】
[0001]本发明属于电子设备的信息显示领域，尤其涉及移动触屏设备的界面显示方法及装置。
【背景技术】
[0002]目前，电子设备均具备存储功能。在进行文档存储时，用户大都会建立多个文件夹以便于存储和管理。然而，在现有的技术方案中，每当由当前目录的页面进入下ー级目录的文件夹时都会跳转至该下一级的页面，上ー级的界面将被覆盖，然后在该新页面对文件夹内项目进行操作。显然，目前的显示方式会让用户在操作过程中有较大的场景跳转的感觉，而且也不利于管理目录下的文件夹等对象。
【发明内容】
[0003]本发明实施例提供了ー种界面显示方法及装置，g在解决现有方法在操作过程中场景跳跃较大，不利于管理树型结构中的对象的问题。
[0004]ー种界面显示方法，包括:在显示界面的第一区域显示至少ー个第一对象的图标；若存在与所述第一对象处于同一级且不同类别的第二对象则在所述显示界面的第二区域显示所述第二对象的图标；以及若所述至少ー个第一对象其中之一被选取时则展开所述被取的第一对象，具体包括:隐藏所述第一区域中未被选取的第一对象的图标；在所述第二区域中显示被选取的第一对象的子对象的图标；在所述显示界面的第三区域中显示所述第一区域中未被选取的第一对象的图标；以及在显示界面的第四区域内显示第二对象的图标。
[0005]ー种界面显示装置， 包括:显示模块，用以显示至少ー个第一对象的图标于显示界面的第一区域，若存在与所述第一对象处于同一级的第二对象，则显示所述第二对象的图标于所述显示界面的第二区域；展开模块，用以在所述至少ー个第一对象其中之一被选取时展开所述被选取的第一对象，具体包括:隐藏所述第一区域中未被选取的第一对象的图标，在所述第二区域中显示被选取的第一对象的子对象的图标，在所述显示界面的第三区域中显示所述第一区域中未被选取的第一对象的图标，以及在显示界面第四区域内显示所述第二对象的图标。
[0006]在上述的界面显示方法及装置中，对于树型的数据结构，可以同一界面中展开不同层级的对象，从而不产生场景的跳跃，使用户观看直观，而且也便于用户管理不同层级的对象。
【专利附图】
【附图说明】
[0007]图1为第一实施例提供的界面显示方法的流程示意图。
[0008]图2为第一实施例提供的界面显示方法所采用的书签的存储示意图。
[0009]图3为图2的书签经过图1的界面显示方法显示之后的示意图。[0010]图4为图1的界面显示方法部分步骤详细流程示意图。
[0011]图5为图1的界面显示方法显示的第一对象被展开后的示意图。
[0012]图6为图1的界面显示方法显示的多个第一对象被展开后的示意图。
[0013]图7是本发明第二实施例提供的ー种界面显示装置的结构框图。
【具体实施方式】
[0014]为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进ー步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
[0015]本发明实施例提供ー种界面显示方法，其可运行于各种具有运算功能的电子装置例如台式计算机、智能手机、平板电脑中。上述的电子装置会包括显示装置如液晶显示器进行输出。上述的界面显示方法尤其适用于以图形化的方式显示树型的数据结构。上述的树型数据结构例如可包括文件夹、书签。一般来说，这些树型结构具有两种对象(结点)，一种具有子对象，而另ー种不再具有子对象，为末端対象。对于文件夹来说，其可以具有子文件夹以及文件，而对于书签来说，用户可以建立文件夹进行分类管理。以上所举的文件夹以及书签在存储上也是在树型结构的方式进行的，然而上述的树型数据结构还可以覆盖至逻辑上的树型结构。逻辑上的树型结构例如是指在数据库或者一般文件中通过存储对象之间的关系而实现的树型结构。
[0016]图1为第一实施例提供的界面显示方法的流程示意图，其用于以图形化的方式显示用户在使用浏览器过程中保存的书签。如图1所示，该界面显示方法包括:
步骤SI，在显示界面的第一区域显示至少ー个第一对象的图标。
[0017]若存在与所述第一对象处于同一级且不同类别的第二对象，则执行步骤S2。
[0018]步骤S2，在显示界面的第二区域显示第二对象的第二图标。
[0019]本实施例中，上述的第一对象为文件夹，而第二对象为书签。參阅图2，浏览器用于保存书签的根目录下包括三个子文件夹:新闻、娱乐与科技，并且具有11个与此三个文件夹处于同一级(同为根目录bookmarks的子对象)的书签。上述的文件夹例如可用用户在使用的过程中创建，而书签可由用户在浏览网络时候保存形成。
[0020]再请參阅图3，其为图2所示的书签数据经过步骤S1、S2后的显示結果。如图3所示，屏幕10包括第一区域110以及第二区域120。其中，在第一区域110中，针对根目录下的子文件夹新闻、娱乐与科技，每个子文件夹显示一个相应的图标111，三个图标111排成一列。图标111中还可显示附加信息例如子文件夹的名称、其同子对象的数目等等。在第ニ区域120中，针对根目录下的13个书签，分别显示一个相应的图标121，且每个图标121中还可显示附加信息例如书签所指向的网址及该网址所指向的网页的标题等等。针对书签的图标，例如可为该网址所对应的收藏夹图标(favi con.1 Co )。
[0021]当所述至少ー个第一对象其中之一被选取时，将执行步骤S3，展开被选取的第一对象，參阅图4，步骤S3具体包括:
步骤S31，隐藏所述第一区域中未被选取的第一对象的图标；
步骤S32，在所述第二区域中显示被选取的第一对象的子对象的图标；
步骤S33，在所述显示界面的第三区域中显示所述第一区域中未被选取的第一对象的图标；
步骤S34，在显示界面的第四区域内显示第二对象的图标。
[0022]图5为被选取的第一对象被展开后的示意图。ー并參阅图3及图5，第一区域110内子文件夹娱乐与科技的图标被隐藏，第二区域120内根目录下的书签的图标被子文件夹新闻内的书签的图标所取代，与此同时，在第三区域130显示子文件夹娱乐与科技的图标，而在第四区域140显示根目录下的书签的图标。由图5可知，第一区域110、第二区域120、第三区域130及第四区域140从左至右依次并排设置。
[0023]可以理解，针对第三区域130中显示的子文件夹的图标，还可以重复进行上述的步骤SI至步骤S3，如此，如图6所示，则可在第三区域130中隐藏子文件夹娱乐的图标，而在第四区域140中显示子文件夹娱乐的子对象的图标。相应地，子文件夹科技的图标及根目录下的书签的图标被显示于第五区域150及第六区域160中。亦即，无论根目录内包括多少子文件夹，均可依次进行展开。
[0024]可以理解，当多个子文件夹被展开后，显示界面(包括上述的第一区域110、第二区域120、第三区域130、第四区域140、第五区域150及第六区域160)的宽度可能超过显示界面的宽度，如图6所示，此时可以通过左右的滑动手势平移显示界面，亦即，本实施例的方法还可包括步骤S4:若检测到输入的滑动手势则显示界面沿所述滑动手势的方向平移。
[0025]此外，本实施例的界面显示方法还可包括步骤S5:若所述被选取的第一对象再次被选取时则回复所述显示的界面至被选取之前的状态。具体地，在图5所示的状态中，如果子文件夹新闻被再次选取，则使界面回复至图3的状态，即在第一区域110中显示子文件夹娱乐与科技的图标，以及将第二区域120中的图标替换为根目录下的标签的图标。以上所述的实施例中，仅涉及ー层子文件夹的展开，然而，可以理解，上述的展开还可应用至多级子文件夹中，例如，当新闻子文件夹还具有子文件夹，且此子文件夹被选取时，可以使第三区域130及第四区域140向右平移，而在第二区域120与第三区域130之间空出来的区域中分别显示被选取的子文件夹的图标及子文件夹内的子对像的图标，具体的显示过程可參阅第一区域110与第二区域120中的显示过程。
[0026]此外，虽然本实施例的界面显示方法包括步骤S4与步骤S5，然而，步骤S4与步骤S5并不是必需的，在部分情形下，仅展开被选取的第一对象即可达成操作目的。
[0027]在本实施例的界面显示方法中，对于树型的数据结构，可以同一界面中展开不同层级的对象，从而不产生场景的跳跃，使用户观看直观，而且也便于用户管理不同层级的对象。
[0028]图7为第二实施例提供的界面显示装置的结构框图，如图6所示，界面显示装置200包括显示模块210及展开模块220。
[0029]其中显示模块210用于显示至少ー个第一对象的图标于显示界面的第一区域，以及若存在与所述第一对象处于同一级的第二对象，则显示所述第二对象的图标于显示界面的第二区域。显示模块210还可包括计数单元211，用于在第一对象的图标上显示其子对象的数目。
[0030]展开模块220用于在所述至少ー个第一对象其中之一被选取吋，隐藏所述第一区域中未被选取的第一对象的图标，在所述第二区域中显示被选取的第一对象的子对象的图标，在所述显示界面的第三区域中显示所述第一区域中未被选取的第一对象的图标，以及在显示界面的第四区域内显示所述第二对象的图标。
[0031]界面显示装置200还包括折叠模块230，用于在所述被选取的第一对象再次被选取吋，回复所述被选取的第一对象至被选取之前的状态。具体地，折叠模块230用于隐藏所述第三区域；在所述第一区域中显示所述未被选取的第一对象的图标；以及在所述第二区域中显示所述第二对象的图标。
[0032]界面显示装置200还包括滑动模块240，用于根据输入的滑动手势使所述第一区域、第二区域、第三区域及第四区域沿所述滑动手势的方向滑动。上述的第一区域、第二区域、第三区域及第四区域例如从左至右依次并排设置。
[0033]关于界面显示装置200其他细节，还可进ー步參阅图1至图6及相关描述。
[0034]在本实施例的界面显示装置中，对于树型的数据结构，可以同一界面中展开不同层级的对象，从而不产生场景的跳跃，使用户观看更加直观，而且也便于用户管理不同层级的对象。
[0035]此外，本发明实施例还提供一种计算机可读存储介质，其内存储有计算机可执行指令，上述的计算机可读存储介质例如为非易失性存储器例如光盘、硬盘、或者闪存。上述的计算机可读存储介质用于使计算机或者类似的运算装置完成上述实施例中的界面显示方法中的各种操作。
[0036]以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。
【权利要求】
1.ー种界面显示方法，包括: 在显示界面的第一区域显示至少ー个第一对象的图标； 若存在与所述第一对象处于同一级且不同类别的第二对象则在所述显示界面的第二区域显示所述第二对象的图标；以及 若所述至少ー个第一对象其中之ー被选取时则: 隐藏所述第一区域中未被选取的第一对象的图标； 在所述第二区域中显示被选取的第一对象的子对象的图标； 在所述显示界面的第三区域中显示所述第一区域中未被选取的第一对象的图标；以及 在显示界面的第四区域内显示第二对象的图标。
2.如权利要求1所述的界面显示方法，其特征在于，还包括: 若所述被选取的第一对象再次被选取时则回复所述显示界面至所述被选取的第一对象在被选取之前的状态。
3.如权利要求2所述的界面显示方法，其特征在于，所述回复所述显示界面至所述被选取的第一对象在被选取之前的状态包括: 隐藏所述第三区域； 在所述第一区域中显示所述未被选取的第一对象的图标；以及 在所述第二区域中显示所述第二对象的图标。
4.如权利要求1所述的界面显示方法，其特征在于，所述第一区域、第二区域、第三区域及第四区域从左至右依次并列设置。
5.如权利要求4所述的界面显示方法，其特征在于，还包括: 若检测到输入的滑动手势则使所述第一区域、第二区域、第三区域及第四区域沿所述滑动手势的方向平移。
6.如权利要求1所述的界面显示方法，其特征在于，还包括:在所述第一对象的图标上显示与其对应的第一对象的子对象的数目。
7.ー种界面显示装置，包括: 显示模块，用以显示至少ー个第一对象的图标于显示界面的第一区域，若存在与所述第一对象处于同一级的第二对象，则显示所述第二对象的图标于所述显示界面的第二区域； 展开模块，用以在所述至少ー个第一对象其中之ー被选取时隐藏所述第一区域中未被选取的第一对象的图标，在所述第二区域中显示被选取的第一对象的子对象的图标，在所述显示界面的第三区域中显示所述第一区域中未被选取的第一对象的图标，以及在显示界面第四区域内显示所述第二对象的图标。
8.如权利要求7所述的界面显示装置，其特征在于，还包括折叠模块，用于在所述被选取的第一对象再次被选取时，回复所述显示界面至所述被选取的第一对象在被选取之前的状态。
9.如权利要求8所述的界面显示装置，其特征在于，所述折叠模块具体用于: 隐藏所述第三区域； 在所述第一区域中显示所述未被选取的第一对象的图标；以及 在所述第二区域中显示所述第二对象的图标。
10.如权利要求7所述的界面显示装置，其特征在干，所述显示模块还包括计数单元，用于在第一对象的图标上显示其子对象的数目。
11.如权利要求7所述的界面显示装置，其特征在于，所述第一区域、第二区域、第三区域及第四区域从左至右依次并列设置。
12.如权利要求7所述的界面显示装置，其特征在于，还包括滑动模块，用于根据输入的滑动手势使所述显示界面沿所述滑动手势的方向滑动。
【文档编号】G06F3/0488GK103593107SQ201210295549
【公开日】2014年2月19日 申请日期:2012年8月17日 优先权日:2012年8月17日
【发明者】王琪琳, 韩东甫 申请人:腾讯科技（深圳）有限公司