CN102184075A - 用户界面显示方法及装置 - Google Patents

Abstract

本申请提供了一种用户界面显示方法及装置，其中方法包括：检测用户界面中第一栏目的选择信息；判断所述第一栏目的下一级栏目是否已在下拉显示区域显示；如果所述第一栏目的下一级栏目没有在下拉显示区域显示，则展开下拉显示区域，在下拉显示区域显示所述第一栏目的下一级栏目，并将内容显示区域下移；如果所述第一栏目的下一级栏目已在下拉显示区域显示，则隐藏所述下拉显示区域，将所述内容显示区域恢复默认位置。本发明提供的方法及装置，能够增加用户界面的信息量，提高显示效率。

Description

用户界面显示方法及装置

技术领域

本发明涉及用户界面技术，尤其涉及一种用户界面显示方法及装置。

背景技术

智能化移动终端体积小，便于携带，具备通过移动网络进行通信的功能的同时还能够运行各种应用软件，这些优点使得智能化移动终端得到了越来越普遍的应用。

智能化移动终端包括触摸式移动终端和非触摸式移动终端。触摸式移动终端是智能化移动终端中很重要的一个类型。触摸式移动终端不是通过鼠标或按键来实现人机交互，而是通过人的手指触摸来实现人机交互。

目前，移动终端中的一种用户界面显示方法是：在用户界面上显示多个栏目(item)，当用户选择一个栏目时，显示用户选择的栏目对应的下一级栏目，每一级栏目通常包括多个下一级栏目，用户需要选择好几个层级的栏目才能看到想看的内容。例如，当用户选择“壁纸”栏目时，用户界面显示“壁纸”栏目的下一级栏目：“人物”、“动画”、“影视”和“动物”；当用户选择“影视”栏目时，用户界面显示“影视”栏目的下一级栏目：“电视剧”和“电影”；当用户选择“电影”栏目时，用户界面显示“电影”栏目的下一级栏目：“动作片”、“戏剧片”和“伦理片”；当用户选择“动作片”栏目时，用户界面显示“动作片”栏目对应的内容：“壁纸1”、“壁纸2”和“壁纸3”。如果用户在看完“壁纸1”、“壁纸2”和“壁纸3”之后没有找到想要的壁纸，则需要一级一级返回，直到用户界面再次显示“人物”、“动画”、“影视”和“动物”这几个栏目，然后以此类推，再一级一级地选择栏目，查看相应的内容。

这种用户界面显示方法存在的问题是：在用户界面上显示的信息量有限，用户需要逐级选择栏目来查看栏目内容(content)，而且返回上一级栏目时也需要逐级返回。当栏目的层级较多时，为了查看栏目的内容，用户需要选择很多次，效率不高。

发明内容

本发明针对现有技术存在的问题，提供一种用户界面显示方法及装置，能够在同一个用户界面上显示不同层级栏目及其内容，增加用户界面上显示的信息量，提高显示效率。

本发明提供了一种用户界面显示方法，包括：

步骤101、检测用户界面中第一栏目的选择信息；

步骤102、判断所述第一栏目的下一级栏目是否已在下拉显示区域显示；如果所述第一栏目的下一级栏目没有在下拉显示区域显示，则执行步骤103；如果所述第一栏目的下一级栏目已在下拉显示区域显示，则执行步骤104；

步骤103、展开下拉显示区域，在下拉显示区域显示所述第一栏目的下一级栏目，并将内容显示区域下移；

步骤104、隐藏所述下拉显示区域，将所述内容显示区域恢复默认位置。

本发明还提供了一种用户界面显示装置，包括：

检测模块，用于检测用户界面中第一栏目的选择信息；

判断模块，用于判断所述第一栏目的下一级栏目是否已在下拉显示区域显示；

处理模块，用于在所述判断模块判断所述第一栏目的下一级栏目没有在下拉显示区域显示的情况下，展开下拉显示区域，在所述下拉显示区域显示所述第一栏目的下一级栏目，并将所述内容显示区域下移；并用于在所述判断模块判断所述第一栏目的下一级栏目已在下拉显示区域显示的情况下，隐藏所述下拉显示区域，将所述内容显示区域恢复默认位置。

本发明提供的用户界面的显示方法及装置，在一个用户界面中同时显示栏目以及内容，并且对于某些层级的栏目(例如，第一栏目以及与第一栏目同层级的栏目)，检测到这些栏目的选择信息后，如果这些栏目的下一级栏目没有在下拉显示区域显示，则展开下拉显示区域，在下拉显示区域显示被选择的栏目的下一级栏目，并将内容显示区域下移。通过这种方式，在一个用户界面中显示了多个层级的栏目，同时显示了内容，增加了用户界面的信息量，而且通过在下拉显示区域显示被选择的栏目的下一级栏目的方式，起到了向用户提示当前被选择的栏目的下一级栏目的作用，能够减少用户查看内容时所需要的选择次数，提高了显示效率，便于用户查阅到想要的内容。

通过以下参照附图对优选实施例的说明，本申请的上述以及其它目的、特征和优点将更加明显。

附图说明

图1示例性地示出本发明用户界面显示方法一实施例的流程图；

图2示例性示出本发明提供的用户界面的一个示意图；

图3示例性示出本发明提供的用户界面的另一个示意图；

图4示例性示出本发明提供的用户界面的另一个示意图；

图5示例性示出本发明提供的用户界面的另一个示意图；

图6示例性示出本发明提供的用户界面的另一个示意图；

图7示例性示出本发明提供的用户界面的另一个示意图；

图8示例性示出本发明用户界面显示装置的结构示意图。

具体实施方式

图1示例性地示出本发明用户界面显示方法一实施例的流程图，包括：

步骤101、检测用户界面中第一栏目的选择信息。

步骤102、判断第一栏目的下一级栏目是否已在下拉显示区域显示。如果第一栏目的下一级栏目没有在下拉显示区域显示，则执行步骤103。如果第一栏目的下一级栏目已在下拉显示区域显示，则执行步骤104。

步骤103、展开下拉显示区域，在下拉显示区域显示第一栏目的下一级栏目，并将内容显示区域下移。

在有的情况下，第一栏目可能没有下一级栏目，这种情况下，可以展开空的下拉显示区域，即展开一个不包括任何内容的空白的下拉显示区域。

步骤104、隐藏下拉显示区域，将内容显示区域恢复默认位置，即恢复到下移之前的位置。

在步骤101之前还可以进行一系列初始化的步骤，包括：接收启动指示，进入多层级界面，在预设区域显示默认栏目，在内容显示区域显默认内容，并加载默认栏目的下一级栏目，该默认栏目包括第一栏目。

下面通过具体的例子来说明该实施例的实现过程。

图2示例性示出本发明提供的用户界面的一个示意图。图2示出的是一个多层级界面。本发明实施例提供的方法可以封装成一个应用软件，该应用软件的图标可以显示在移动终端的用户界面上。当用户启动该应用软件后(例如，用户可以双点或单点该应用软件的图标(icon))即可进入如图2所示的多层级界面。

图2中的用户界面示出了：内容显示区域201、第一级栏目显示区域202、第二级栏目显示区域203、功能图标显示区域204以及常规显示区域205。功能图标显示区域204显示多个功能图标，例如，“最新”、“限时免费”、“排行榜”、“配件”和“搜索”等，这几个功能图标表示该应用软件能够提供的几种功能。常规显示区域205显示常规信息，例如时间、电池状态以及信号强度等。

在本发明的实施例中，将不同层级的栏目在同一个用户界面中显示。图2中示出了两级栏目，第一级栏目“最新”的下一级栏目包括“分类”、“标签”和“免费”。第一级栏目显示区域202显示第一级栏目“最新”，第一级栏目显示区域202是第一级栏目“最新”的预设区域。第二级栏目显示区域203显示第二级栏目“分类”、“标签”和“免费”，第二级栏目显示区域203是第二级栏目的预设区域。默认栏目包括第一级栏目和第二级栏目，在该实施例中，可以将“分类”当作是默认的第一栏目，将“标签”当作是默认的第二栏目，将“免费”当作是默认的第三栏目，第一栏目、第二栏目和第三栏目均属于第二级栏目。

内容显示区域201在初始化之后显示默认的内容，可以包括图标、简单介绍等。默认的内容可以预先设置，例如，可以将“分类”的下一级栏目“全部”(参见图3)的内容设置为默认的内容。

在进入图2所示的多层级界面后，在显示默认栏目及默认内容的同时，加载默认栏目的下一级栏目，即加载“分类”、“标签”以及“免费”的下一级栏目。

根据本发明的一个实施例，可以采用手机操作系统中的各种控件来实现，例如可以采用苹果公司(Apple Inc.)提供的iOS(iPhone Operation System，简称iOS)系统中的各种控件来实现用户界面。其中，功能图标显示区域204可以采用用于让用户在不同模式、功能或视图中切换的控件来实现，例如用UITabBar来实现。

在进入多层级界面后，将每一个层级的栏目赋予默认属性，包括默认的层级类别和层级标签。可以用数组类来分别承载所有的默认层级类别和层级标签，可以将数组类添加到初始化字典中。

在用户界面上生成用于控制页面导航的控件，例如可以生成UITaBarControll类。生成UITabBar来实现第一级栏目“最新”。在界面的顶部用一个可以滚动的视图(例如UIScrollView类)来实现第二级栏目，然后加载第二级栏目的下一级栏目，并加载默认内容。具体地，可以使用CatalogTableViewController类来加载第二级栏目的下一级栏目，使用AppTableViewController类来加载默认内容。CatalogTableViewController类的视图默认为隐藏状态。CatalogTableViewController类和AppTableViewController是两个继承UITableViewController类。

在本发明的实施例中，加载第二级栏目的下一级栏目可以包括：如果在移动终端的内存中没有第二级栏目的下一级栏目，则从服务器获取第二级栏目的下一级栏目，将获取的第二级栏目的下一级栏目存储在移动终端的内存的预设区域；如果移动终端的内存中已经存储有第二级栏目的下一级栏目，则将第二级栏目的下一级栏目移动到内存中的预设区域。

用户选择一个栏目时，可以检测到该选择信息。选择信息可以包括选择位置和动作类型，动作类型可以包括轻点、长按等。具体到图2，当检测到第一栏目“分类”的选择信息后，判断“分类”的下一级栏目是否已在下拉显示区域中显示。如果“分类”的下一级栏目没有在下拉显示区域中显示，则展开下拉显示区域。图3示例性示出本发明提供的用户界面的另一个示意图，该图示出的是展开了下拉显示区域206之后的用户界面，椭圆形框框住的区域207表示用户选择区域，其中，在下拉显示区域206中显示了第一栏目“分类”的下一级栏目：“全部”、“书籍”、“影音”、“信息”和“工具”，并且内容显示区域201下移。内容显示区域201下移的尺寸可以预先设置，较佳地，内容显示区域下移的高度不要超过内容显示区域的默认位置的高度，这样可以保证在用户界面中同时显示下拉显示区域206和内容显示区域201。

如果“分类”的下一级栏目已经在下拉显示区域206显示，则隐藏下拉显示区域206，将内容显示区域201恢复到默认位置。隐藏下拉显示区域后的图可以如图2所示。

在前述各实施例的基础上，在下拉显示区域206显示第一栏目的下一级栏目后，检测第一栏目的下一级栏目的选择信息；检测到第一栏目的下一级栏目的选择信息后，隐藏下拉显示区域206，在内容显示区域201显示被选择的第一栏目的下一级栏目的内容，并将第一栏目的标题修改为被选择的第一栏目的下一级栏目的名称。

图4和图5示例性示出本发明提供的用户界面的另两个示意图。以图4为例，在展开下拉显示区域206后，如果用户选择第一栏目“分类”的下一级栏目“书籍”(如图4中椭圆形区域207所示)，则隐藏下拉显示区域206，在内容显示区域201显示栏目“书籍”的内容，并将第一栏目的名称修改为“书籍”，如图5所示。栏目“书籍”的内容可以包括各种图书的名称以及对该书的简单介绍，例如，《虎妈妈的战曲》、《做你自己》、《最热网络小说精选》、《永远性感》和《投资答案》。

本发明各实施例提供的用户界面显示方法，在一个用户界面中同时显示栏目以及内容，并且对于某些层级的栏目(例如图2-图5中所示的第二级栏目“分类”和“标签”等)，检测到这些栏目的选择信息后，如果这些栏目的下一级栏目没有在下拉显示区域显示，则展开下拉显示区域，在下拉显示区域显示被选择的栏目的下一级栏目，并将内容显示区域下移。通过这种方式，在一个用户界面中显示了多个层级的栏目，同时显示内容，增加了用户界面的信息量，而且通过在下拉显示区域显示被选择的栏目的下一级栏目的方式，起到了向用户提示当前被选择的栏目的下一级栏目的作用，能够减少用户查看内容时所需要的选择次数，提高了显示效率，便于用户查阅到想要的内容。

在前述各实施例的基础上，步骤103还可以包括：在检测到第一栏目的下一级栏目的选择信息后，根据被选择的第一栏目的下一级栏目更新第二栏目的下一级栏目。

更新第二栏目的下一级栏目的步骤具体可以包括：

向服务器发送栏目请求消息，该栏目请求消息用于请求服务器返回第二栏目的下一级栏目；接收服务器返回的所述第二栏目的下一级栏目；加载第二栏目的下一级栏目。

本发明的实施例中，服务器中存储有各种数据，这些数据可以以数据库的形式分类构建，并且服务器中的数据可以实时更新。移动终端存储容量有限，可以通过向服务器发送请求消息的方式获取最新的数据。多个移动终端可以与一台服务器交互，从服务器获取数据。

以图4为例，在检测到“分类”栏目的下一级栏目“书籍”的选择信息后，可以根据栏目“书籍”更新第二栏目“标签”的下一级栏目。例如，移动终端可以向服务器发送栏目请求消息，服务器返回当前最新的与栏目“书籍”相关的第二栏目“标签”的下一级栏目，移动终端加载获取到的与栏目“书籍”相关的“标签”的下一级栏目。例如，与“书籍”相关的第二栏目“标签”的下一级栏目可以包括：“小说”、“杂志”、“漫画”、“名著”和“其他书籍”。

如果用户选择的是“分类”栏目的下一级栏目“影音”，则移动终端可以向服务器发送栏目请求消息，服务器返回当前最新的与栏目“影音”相关的第二栏目“标签”的下一级栏目。例如，与栏目“影音”相关的第二栏目“标签”的下一级栏目可以包括：“电影”、“电视剧”和“专辑”。

另外，在检测到“分类”栏目的下一级栏目“书籍”的选择信息后，也可以向服务器发送内容请求消息，该内容请求消息用于请求服务器返回与被选择的第一栏目的下一级栏目相关的内容，以图4为例，即是用于请求服务器返回关于栏目“书籍”的最新的内容。

通过发送内容请求消息，可以获取到当前最新的内容。在检测到第一栏目的下一级栏目的选择信息后，在内容显示区域显示被选择的第一栏目的下一级栏目的内容可以包括：在内容显示区域显示从所述服务器返回的与被选择的第一栏目的下一级栏目相关的内容。以图4为例，即显示从服务器返回的关于栏目“书籍”的最新的内容。

另外，也可以通过发送栏目请求消息从服务器获取最新的与“书籍”相关的第三栏目“免费”的下一级栏目。

图6和图7示例性示出本发明提供的用户界面的另两个示意图。在更新“标签”栏目的下一级栏目后，如果用户选择“标签”，则在下拉显示区域206显示更新后的“标签”栏目的下一级栏目，包括：“小说”、“杂志”、“漫画”、“名著”和“其他书籍”，如图6所示。如果用户选择“漫画”栏目，则隐藏下拉显示区域206，在内容显示区域201显示“漫画”栏目对应的内容，将栏目“标签”的名称修改为“漫画”，如图7所示。

本发明实施例提供的用户界面显示方法，通过服务器发送请求消息来更新与被选择的栏目的上一级栏目同层级的栏目的下一级栏目，使得与被选择的栏目的上一级栏目同层级的栏目的下一级栏目能够根据用户选择的栏目实时更新，保证提供给用户的栏目是当前最新的，提高了显示效率，便于用户查找到想要的内容。

本发明前述各个实施例提供的方法，可以应用于非触摸式移动终端和触摸式移动终端。对于触摸式移动终端，“选择信息”可以指手指的触摸信息。对于非触摸式移动终端，“选择信息”可以指鼠标或按键等的点击信息。优选地，本发明提供的方法可以应用于触摸式移动终端中。触摸式移动终端通常屏幕较大，需要显示的内容的层级或者分类比较多，采用本发明提供的用户界面显示方法，能够充分利用宽大的屏幕实现多个层级的栏目同时显示栏目内容，减少用户查看内容时所需要的选择次数。

本发明前述各实施例提供的用户界面显示方法可以应用于如下的场景中：

例如，如果有一款应用软件希望向用户提供iPhone或者iPad上运行的最新应用软件，由于iPhone或者iPad上运行的最新应用软件种类繁多，为了在用户界面上显示更多的关于当前最新应用软件的信息，便于用户快速查找到想要的应用软件，则可以采用本发明提供的用户界面显示方法，在同一个用户界面上显示不同层级的栏目，对于其中的某些层级的栏目，可以在下拉显示区域中显示这些层级的栏目的下一级栏目，在内容显示区域显示内容，这样用户可以通过浏览下拉显示区域来浏览被选择的栏目的下一级栏目，并且可以浏览内容显示区域的内容。另外，由于iPhone或者iPad上运行的应用软件更新速度快，不断有新的应用软件涌现出来，可以采用本发明提供的用户界面显示方法，在检测到某一栏目的下一级栏目的选择信息后，向服务器发送内容请求消息，请求服务器返回与被选择的栏目相关的最新的内容，将服务器返回的与被选择的栏目相关的最新的内容显示在内容显示区域；另外，向服务器发送栏目请求消息，请求服务器返回与被选择的栏目的上一级栏目同层级的栏目的下一级栏目，加载服务器返回的与被选择的栏目的上一级栏目同层级的栏目的下一级栏目。这样，就可以向用户提供最新的内容与栏目。

对于其他的需要显示的内容种类较多而且分类层级复杂的情况，也可以采用本发明提供的用户界面显示方法。

图8示例性示出本发明用户界面显示装置的结构示意图，该装置包括检测模块11、判断模块12和处理模块13。其中，检测模块11用于检测用户界面中第一栏目的选择信息。判断模块12与检测模块11连接，用于判断第一栏目的下一级栏目是否已在下拉显示区域显示。处理模块13用于在判断模块12判断第一栏目的下一级栏目没有在下拉显示区域显示的情况下，展开下拉显示区域，在下拉显示区域显示所述第一栏目的下一级栏目，并将内容显示区域下移；在判断模块12判断第一栏目的下一级栏目已在下拉显示区域显示的情况下，隐藏下拉显示区域，将内容显示区域恢复默认位置。

其中，处理模块13还可以在下拉显示区域显示第一栏目的下一级栏目后，检测第一栏目的下一级栏目的选择信息；并在检测到第一栏目的下一级栏目的选择信息后，隐藏下拉显示区域，在内容显示区域显示被选择的所述第一栏目的下一级栏目的内容，并将第一栏目的标题修改为被选择的所述第一栏目的下一级栏目的名称。

处理模块13还可以用于在检测到第一栏目的下一级栏目的选择信息后，根据被选择的第一栏目的下一级栏目更新第二栏目的下一级栏目；其中，第二栏目为与第一栏目同层级的栏目。

本发明提供的用户界面显示装置可以是移动终端，优选是触摸式移动终端，例如，触摸式智能手机、触摸式平板电脑、触摸式MP3等。该移动终端可以包括显示屏、处理器和存储器，处理器可以根据存储器中存储的指令或程序执行前述各个实施例中提供的方法中的步骤，使得用户界面在显示屏上显示。

虽然已参照典型实施例描述了本申请，但应当理解，所用的术语是说明和示例性、而非限制性的术语。由于本申请能够以多种形式具体实施而不脱离发明的精神或实质，所以应当理解，上述实施例不限于任何前述的细节，而应在随附权利要求所限定的精神和范围内广泛地解释，因此落入权利要求或其等效范围内的全部变化和改型都应为随附权利要求所涵盖。

Claims (10)

1.一种用户界面显示方法，包括：

步骤101、检测用户界面中第一栏目的选择信息；

步骤102、判断所述第一栏目的下一级栏目是否已在下拉显示区域显示；如果所述第一栏目的下一级栏目没有在下拉显示区域显示，则执行步骤103；如果所述第一栏目的下一级栏目已在下拉显示区域显示，则执行步骤104；

步骤103、展开下拉显示区域，在下拉显示区域显示所述第一栏目的下一级栏目，并将内容显示区域下移；

步骤104、隐藏所述下拉显示区域，将所述内容显示区域恢复默认位置。

2.根据权利要求1所述的方法，在所述步骤101之前，还包括：

步骤100、接收启动指示，进入多层级界面，在预设区域显示默认栏目，在所述内容显示区域显示默认内容，并加载所述默认栏目的下一级栏目，所述默认栏目包括所述第一栏目。

3.根据权利要求2所述的方法，所述步骤103还包括：

在所述下拉显示区域显示所述第一栏目的下一级栏目后，检测所述第一栏目的下一级栏目的选择信息；

在检测到所述第一栏目的下一级栏目的选择信息后，隐藏所述下拉显示区域，在所述内容显示区域显示被选择的所述第一栏目的下一级栏目的内容，并将所述第一栏目的标题修改为被选择的所述第一栏目的下一级栏目的名称。

4.根据权利要求3所述的方法，所述默认栏目还包括与所述第一栏目同层级的第二栏目，所述步骤103还包括：

步骤1031、在检测到所述第一栏目的下一级栏目的选择信息后，根据被选择的第一栏目的下一级栏目更新所述第二栏目的下一级栏目。

5.根据权利要求4所述的方法，选择所述步骤1031包括：

在检测到所述第一栏目的下一级栏目的选择信息后，向服务器发送栏目请求消息，所述栏目请求消息用于请求所述服务器返回与所述第二栏目的下一级栏目；

接收所述服务器返回的所述第二栏目的下一级栏目；

加载所述第二栏目的下一级栏目。

6.根据权利要求3所述的方法，所述步骤103还包括：

在检测到所述第一栏目的下一级栏目的选择信息后，向服务器发送内容请求消息，所述内容请求消息用于请求所述服务器返回与被选择的所述第一栏目的下一级栏目相关的内容；

其中，在所述内容显示区域显示被选择的所述第一栏目的下一级栏目的内容，包括：

在所述内容显示区域显示从所述服务器返回的与被选择的所述第一栏目的下一级栏目相关的内容。

7.根据权利要求1-6中任一权利要求所述的方法，还包括：如果被选择的第一栏目没有下一级栏目，则展开空的下拉显示区域。

8.一种用户界面显示装置，包括：

检测模块，用于检测用户界面中第一栏目的选择信息；

判断模块，用于判断所述第一栏目的下一级栏目是否已在下拉显示区域显示；

处理模块，用于在所述判断模块判断所述第一栏目的下一级栏目没有在下拉显示区域显示的情况下，展开下拉显示区域，在所述下拉显示区域显示所述第一栏目的下一级栏目，并将所述内容显示区域下移；并用于在所述判断模块判断所述第一栏目的下一级栏目已在下拉显示区域显示的情况下，隐藏所述下拉显示区域，将所述内容显示区域恢复默认位置。

9.根据权利要求8所述的用户界面显示装置，其中，所述处理模块还用于在所述下拉显示区域显示所述第一栏目的下一级栏目后，检测所述第一栏目的下一级栏目的选择信息；并在检测到所述第一栏目的下一级栏目的选择信息后，隐藏所述下拉显示区域，在所述内容显示区域显示被选择的所述第一栏目的下一级栏目的内容，并将所述第一栏目的标题修改为被选择的所述第一栏目的下一级栏目的名称。

10.根据权利要求9所述的用户界面显示装置，其中，所述处理模块还用于在检测到所述第一栏目的下一级栏目的选择信息后，根据被选择的第一栏目的下一级栏目更新第二栏目的下一级栏目；所述第二栏目为与所述第一栏目同层级的栏目。

Images