CN102141894A

CN102141894A - 用户界面的显示方法及装置

Info

Publication number: CN102141894A
Application number: CN2011101222617A
Authority: CN
Inventors: 黄进柱
Original assignee: Beijing Ruixin Online System Tech Co Ltd
Current assignee: Beijing Ruixin Online System Tech Co Ltd
Priority date: 2011-05-12
Filing date: 2011-05-12
Publication date: 2011-08-03
Anticipated expiration: 2031-05-12
Also published as: CN102141894B

Abstract

本发明提供一种用户界面显示方法及装置，其中方法包括：检测功能视图中第一功能栏目的选择信息；将第一功能栏目的选择值加1，并将除第一功能栏目之外的其他功能栏目的选择值设置为初始值；判断第一功能栏目的选择值是否等于预设值；如果等于，则在用户界面中显示功能视图以及第一功能栏目对应的根视图，在根视图中显示第一功能栏目对应的默认初始内容，并将所有功能栏目的选择值设置为初始值；如果第一功能栏目的选择值小于预设值，则在用户界面中显示功能视图以及与第一功能栏目对应的根视图，在根视图中显示所述第一功能栏目对应的根视图被最后一次选择后显示的内容。本发明提供的方法及装置能够提高显示效率。

Description

用户界面的显示方法及装置

技术领域

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

背景技术

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

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

目前，一种移动终端的用户界面显示方法是：在用户界面显示功能视图以及该功能视图对应的根视图或子视图，该功能视图包括多个功能栏目(item)，允许用户在不同功能之间切换。视图定义了用户界面中各种图形元件的排布结构。在一个视图中可以根据用户的选择显示不同的内容。用户界面中显示的视图是按照层次排布的，视图排布的起点是根视图。

例如，用户选择了一个功能栏目A，该功能栏目A对应的根视图中可以包括“上一页”按钮或者“下一页”按钮，用户可以选择这两个按钮来选择上一页的内容或下一页的内容。在用户通过连续选择“下一页”按钮一直看到了例如第16页的内容后，用户选择另外一个功能栏目B，在用户界面中显示与功能栏目B对应的根视图。如果用户再次选择功能栏目A，则在用户界面中显示与功能栏目A对应的根视图，并且根视图的内容为与功能栏目A对应的根视图最后一次被选择后显示的内容，即，第16页的内容。如果用户想看到第1页的内容，则需要不停选择“上一页”按钮。

现有技术的这种用户界面显示方法存在的问题是：当用户选择某一功能栏目时，在用户界面中显示被选择的功能栏目对应的根视图，但是根视图的内容却是被选择的根视图最后一次被选择后显示的内容。如果用户希望看到的是与被选择的功能栏目对应的默认初始内容，则用户需要进行很多操作，移动终端需要进行很多处理，造成显示效率不高，无法及时向用户提供其想要的内容。

发明内容

本发明针对现有技术存在的问题，提供一种用户界面显示方法及装置，以及时在用户界面中显示与被选择的功能栏目对应的默认初始内容，提高显示效率。

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

步骤101、在用户界面中显示功能视图以及默认根视图，所述功能视图包括至少两个功能栏目，所述至少两个功能栏目包括第一功能栏目；

步骤102、检测所述第一功能栏目的选择信息；

步骤103、在检测到所述第一功能栏目的选择信息后，将所述第一功能栏目的选择值加1，并将所述功能视图中除所述第一功能栏目之外的其他功能栏目的选择值设置为初始值；

步骤104、判断所述第一功能栏目的选择值是否等于预设值；如果所述第一功能栏目的选择值等于预设值，则执行步骤105；如果所述第一功能栏目的选择值小于预设值，则执行步骤106；

步骤105、在所述用户界面中显示所述功能视图以及与所述第一功能栏目对应的根视图，在所述根视图中显示所述第一功能栏目对应的默认初始内容，并将所述功能视图中所有功能栏目的选择值设置为所述初始值；

步骤106、在所述用户界面中显示所述功能视图以及与所述第一功能栏目对应的根视图，在所述根视图中显示所述第一功能栏目对应的根视图被最后一次选择后显示的内容。

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

初始化模块，用于在用户界面中显示功能视图以及默认根视图，所述功能视图包括至少两个功能栏目，所述至少两个功能栏目包括第一功能栏目；

检测模块，与所述初始化模块连接，用于检测所述第一功能栏目的选择信息；

第一处理模块，与所述检测模块连接，用于在所述检测模块检测到所述第一功能栏目的选择信息后，将所述第一功能栏目的选择值加1，并将所述功能视图中除所述第一功能栏目之外的其他功能栏目的选择值设置为初始值；

判断模块，与所述第一处理模块连接，用于判断所述第一功能栏目的选择值是否等于预设值；

第二处理模块，与所述判断模块连接，用于在所述判断模块判断所述第一功能栏目的选择值等于预设值的情况下，在所述用户界面中显示所述功能视图以及与所述第一功能栏目对应的根视图，在所述根视图中显示所述第一功能栏目对应的默认初始内容，并将所述功能视图中所有功能栏目的选择值设置为所述初始值；并用于在所述判断模块判断所述第一功能栏目的选择值小于预设值的情况下，在所述用户界面中显示所述功能视图以及与所述第一功能栏目对应的根视图，在所述根视图中显示所述第一功能栏目对应的根视图被最后一次选择后显示的内容。

本发明提供的方法及装置中，被选择的功能栏目的根视图中显示的内容与功能栏目的选择值相关，如果被选择的功能栏目的选择值小于预设值，则根视图中显示的内容是被选择的功能栏目对应的根视图被最后一次选择后显示的内容；如果被选择的功能栏目的选择值等于预设值，则根视图的内容是被选择的功能栏目的默认初始内容。这样，用户通过对功能栏目进行少数几次选择就可以看到被选择的功能栏目的默认初始内容，针对用户的选择所需要进行的处理减少，提高了显示效率。

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

附图说明

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

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

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

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

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

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

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

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

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

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

具体实施方式

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

步骤101、在用户界面中显示功能视图以及默认视图，该功能视图包括至少两个功能栏目，其中，该至少两个功能栏目包括第一功能栏目。

步骤101是一个初始化步骤，在初始化的时候，可以将该各个功能栏目的选择值设置为初始值。

步骤102、检测第一功能栏目的选择信息。

步骤103、将第一功能栏目的选择值加1，并将功能视图中除了第一功能栏目之外的其他功能栏目的选择值设置为初始值。

步骤104、判断第一功能栏目的选择值是否等于预设值；如果第一功能栏目的选择值等于预设值，则执行步骤105；如果第一功能栏目的选择值小于预设值，则执行步骤106。

步骤105、在用户界面中显示功能视图以及与第一功能栏目对应的根视图，在根视图中显示第一功能栏目对应的默认初始内容，并将功能视图中所有功能栏目的选择值设置为初始值。

步骤106、在用户界面中显示功能视图以及与第一功能栏目对应的根视图，在根视图中显示第一功能栏目对应的根视图被最后一次选择后显示的内容。

在本发明的实施例中，初始值小于预设值。在步骤105中，当被选择的功能栏目的选择值等于预设值时，所有功能栏目的选择值都被设置为初始值，因此，在本发明的实施例中不考虑选择值大于预设值的情况。

根据本发明的一个实施例，初始值和预设值之间的差值可以大于1并且小于4，优选地，该初始值和预设值之间的差值为2。

下面通过具体的例子来说明图1所示的实施例的具体过程。

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

图2中示出了默认根视图201以及功能视图202，功能视图202中包括至少一个功能栏目202a。例如，功能栏目202a可以包括“最新”、“即时免费”、“排行榜”、“配件”和“搜索”。在进入如图2所示的初始用户界面之后，将各个功能图标的选择值设置为初始值。默认根视图201可以是与功能视图202中的第一个栏目“最新”对应的根视图。功能视图202中不同的栏目对应于不同的根视图。

在用户界面中还可以包括用于显示移动终端状态信息的视图，例如图2中的状态视图203。在该状态视图203中示出了移动终端的电池使用状态、信号状态以及当前时间。

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

可以为UITabBar中的各个功能栏目设置选择次数的标识属性，例如为各个功能栏目设置选择值。在进入初始用户界面时，将各个功能栏目的选择值设置为初始值，例如，将UITabBar中的各个功能栏目的选择值设置为-1。

根视图201可以采用为应用窗口提供根视图的控件来实现，例如可以采用UITabBarController来实现。如果功能栏目不包括下一级栏目，则根视图的内容包括功能栏目对应的内容。如果功能栏目包括下一级栏目或者功能栏目的下一级栏目还包括下一级栏目，则根视图的内容包括各级栏目以及最低层级的栏目对应的内容。在本发明的实施例中，以功能栏目包括下一级栏目为例来介绍。根视图的默认初始内容可以包括多个层级的栏目以及最低层级的默认栏目对应的默认内容。

图2中，共包括2级栏目，功能栏目为第一级栏目，例如，“最新”为第一级栏目。“最新”的下一级栏目包括：“分类”、“标签”和“免费”，这三个栏目属于第二级栏目，其中“分类”是默认栏目。在根视图中示出了最低层级(即第二级栏目)的默认栏目“分类”对应的内容。例如，“分类”对应的内容包括各种应用软件的名称、对于应用软件的简单介绍以及应用软件的图标等。

图2中，状态视图203可以由Status Bar来实现。Status Bar是iOS中为用户提供移动终端状态信息的控件。

如果用户选择了某一功能栏目，例如，用户选择功能栏目“排行榜”，则可以检测到对于该功能栏目的选择信息。图2中椭圆形框框住的区域204表示用户选择区域。选择信息可以包括选择类型(例如长按和轻点等)和选择位置。图3示例性示出本发明的用户界面的另一个示意图。用户选择栏目“排行榜”之后，功能栏目“排行榜”对应的图标变成高亮。图3示出的是用户选择“排行榜”之后的用户界面的示意图。

检测到功能栏目“排行榜”的选择信息之后，将功能栏目“排行榜”的选择值加1。由于功能栏目“排行榜”的选择值的初始值为-1，加1之后，该功能栏目的选择值变为0。

判断功能栏目“排行榜”的选择值是否等于预设值，例如预设值为1。由于功能栏目“排行榜”的选择值为0，小于预设值，因此，在用户界面中显示功能栏目“排行榜”对应的根视图201，并且显示功能视图202。在本发明的实施例中，由于功能视图202允许用户在不同的功能栏目之间切换，因此功能视图202不会随着被选择的功能栏目的变化而隐藏，而是一直显示在用户界面中。同时，在根视图201中显示功能栏目“排行榜”的根视图被最后一次选择后显示的内容。如果在应用软件启动之后，功能栏目“排行榜”没有被选择过，则相应的功能栏目“排行榜”的根视图被最后一次选择后显示的内容是“排行榜”的默认初始内容。

第一级栏目“排行榜”的下一级栏目包括：“榜单”、“免费”和“地区”，这三个栏目属于第二级栏目。在“排行榜”对应的根视图的内容包括：第一级栏目“排行榜”、第二级栏目“榜单”、“免费”和“地区”、以及“榜单”对应的内容。由于“榜单”的内容包括多页，因此默认初始内容为第一页(如图3所示)。

在根视图201中还包括“下一页”按钮205和“上一页”按钮206，用户选择这两个按钮可以翻页。

图4示例性示出本发明的用户界面的另一个示意图，图4示出的是用户翻到第16页时的用户界面，根视图的内容是“榜单”的第16页的内容。

如果用户选择“榜单”的内容，例如，用户选择“随心画板”(图4中椭圆形框框住的区域204表示用户选择区域)，则在用户界面中显示“随心画板”的内容，包括关于“随心画板”这款软件的介绍以及下载信息。图5示例性示出本发明的用户界面的另一个示意图，图5示出了“随心画板”的内容。

图5中示出“随心画板”的内容的视图207是一个子视图，该子视图是根视图的下一层视图。

如果用户在翻到第16页之后选择了其他功能栏目，例如，“最新”，则将功能栏目“最新”的选择值加1，同时将各个功能栏目的选择值设置为初始值-1，具体地，功能栏目“最新”、“排行榜”、“限时免费”、“配件”和“搜索”的选择值设置为初始值-1。然后，判断“最新”的选择值是否等于预设值。例如，加1之后“最新”的选择值为0，小于预设值1，在应用软件启动之后，功能栏目“最新”还没有被选择过，功能栏目“最新”的根视图被最后一次选择后显示的内容是“最新”的默认初始内容。如图6所示。图6与图2的细微差别之处在于：图6中功能栏目“最新”被选择过，因而高亮显示；图2中功能栏目“最新”没有被选择过，因而不高亮显示。

如果用户再次选择“排行榜”，则检测“排行榜”的选择信息，将“排行榜”的选择值加1，于是“排行榜”的选择值变为0。“排行榜”的选择值小于预设值，则在用户界面中显示“排行榜”的根视图，根视图的内容为“排行榜”的根视图被最后一次选择后显示的内容。由于用户最后一次选择“排行榜”的根视图后，根视图中是显示第16页的内容，因此根视图的内容为第16页的内容，如图4所示。需要说明的是，尽管用户上一次选择“排行榜”时，翻到了第16页，并且选择了第16页上的“随心画板”，在用户界面上显示出了“随心画板”的内容，但是，用户再次选择“排行榜”时，在用户界面中显示的是如图4所示的根视图，而不是如图5所示的子视图。

如果用户希望看到“排行榜”的“榜单”的第一页的内容，则用户可以再次选择“排行榜”，这时，“排行榜”的选择值为1。由于“排行榜”的选择值等于预设值，则刷新用户界面，包括：在用户界面显示“排行榜”对应的根视图，根视图的内容是“排行榜”对应的默认初始内容，即根视图的内容是“榜单”的第一页(如图3所示)，同时将功能视图中所有功能栏目的选择值设置为初始值-1。

从上文的描述可以看出，本发明提供的用户界面显示方法中，被选择的功能栏目的根视图的内容与功能栏目的选择值相关，如果被选择的功能栏目的选择值小于预设值，则根视图显示的内容是被选择的功能栏目对应的根视图被最后一次选择后显示的内容；如果被选择的功能栏目的选择值等于预设值，则根视图的内容是被选择的功能栏目的默认初始内容。这样，用户通过对功能栏目进行少数几次选择就可以看到被选择的功能栏目的默认初始内容，针对用户的选择进行的处理减少，提高了显示效率。

根据本发明的一个实施例，步骤105中，在根视图中显示被选择的功能栏目对应的默认初始内容，包括：从服务器获取与被选择的功能栏目对应的默认初始内容，在根视图中显示从服务器获取的与被选择的功能栏目对应的默认初始内容。

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

通过从服务器获取默认初始内容的方式，可以保证提供给用户的内容是当前最新的内容。

根据本发明的一个实施例，根视图中如果包括多个层级的栏目，则某些层级的栏目的下一级栏目可以在下拉显示区域中显示。

例如，对于图6，如果第二级栏目还包括下一级栏目，则可以将第二级栏目的下一级栏目在下拉显示区域中显示。图7和图8分别示例性示出本发明的一个用户界面的另一个示意图，其中，第二级栏目“分类”的下一级栏目包括：“全部”、“书籍”、“影音”、“信息”和“工具”，这五个栏目属于第三级栏目。

当用户选择第二级栏目时，如果第二级栏目的下一级栏目没有在下拉显示区域209中显示，则展开下拉显示区域209，在下拉显示区域209中显示第二级栏目的下一级栏目，并将用于显示最低一级栏目对应的内容的内容显示区域208下移，如图7所示；图7中，内容显示区域208和用于显示各级栏目的栏目显示区域210以及下拉显示区域209位于根视图201中。如果第二级栏目的下一级栏目已经在下拉显示区域209中显示，则将下拉显示区域隐藏，如图8所示。图8与图6的细微差别之处在于，图8中，第二级栏目“分类”、“标签”和“免费”还包括下一级栏目，图8中以小三角图标211表示这几个第二级栏目还包括下一级栏目。图6中，第二级栏目“分类”、“标签”和“免费”不包括下一级栏目。

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

在图7中，在展开下拉显示区域后，如果用户选择了栏目“分类”下的“书籍”，则在内容显示区域中显示“书籍”对应的内容，如图9所示，并将栏目“分类”的名称修改为“书籍”。

对于根视图中的栏目采用下拉显示区域的方式显示的情况，根据功能栏目的选择值确定根视图中内容的方式与前述各实施例相同，需要注意的是，当被选择的功能栏目的选择值等于预设值时，需要将根视图中各级栏目的名称恢复到初始名称。

对于如图9所示的用户界面，如果用户再次选择功能栏目“最新”，功能栏目“最新”的选择值达到预设值，则用户界面中显示“最新”对应的根视图，根视图中显示“最新”的初始内容，其中，各级栏目的名称恢复到初始状态，例如，名称被修改为“书籍”的第二级栏目的名称恢复为初始名称“分类”，如图8所示。

本发明前述各个实施例提供的方法，可以应用于非触摸式移动终端和触摸式移动终端。对于触摸式移动终端，“选择信息”可以指手指的触摸信息。对于非触摸式移动终端，“选择信息”可以指鼠标或按键等的点击信息。优选地，本发明提供的方法可以应用于触摸式移动终端中。

图10示例性示出本发明用户界面显示装置的结构示意图，该装置包括：初始化模块11、检测模块12、第一处理模块13、判断模块14和第二处理模块15。其中，初始化模块11用于在用户界面中显示功能视图以及默认根视图，该功能视图包括至少两个功能栏目，该至少两个功能栏目包括第一功能栏目。检测模块12与初始化模块11连接，用于检测第一功能栏目的选择信息。第一处理模块13与检测模块12连接，用于在检测模块12检测到第一功能栏目的选择信息后，将第一功能栏目的选择值加1，并将功能视图中除第一功能栏目之外的其他功能栏目的选择值设置为初始值。判断模块14与第一处理模块13连接，用于判断第一功能栏目的选择值是否等于预设值。第二处理模块15与判断模块14连接，用于在判断模块14判断第一功能栏目的选择值等于预设值的情况下，在用户界面中显示第一功能栏目对应的根视图以及功能视图，在根视图中显示第一功能栏目对应的默认初始内容，并将功能视图中所有功能栏目的选择值设置为初始值；并用于在判断模块14判断所述第一功能栏目的选择值小于预设值的情况下，在用户界面中显示与第一功能栏目对应的根视图以及功能视图，在根视图中显示所述第一功能栏目对应的根视图被最后一次选择后显示的内容。

具体而言，第二处理模块15用于从服务器获取与第一功能栏目对应的默认初始内容，在根视图中显示从服务器获取的与第一功能栏目对应的默认初始内容。

在判断模块14判断第一功能栏目的选择值等于预设值时，第二处理模块15用于在根视图中显示第一功能栏目对应的多个层级的栏目以及最低层级的默认栏目对应的默认内容。

对于根视图中的栏目采用下拉显示区域的方式显示的情况，在判断模块14判断第一功能栏目的选择值等于预设值时，第二处理模块15用于在根视图中显示第一功能栏目对应的具有初始名称的多个层级的栏目以及最低层级的默认栏目对应的默认内容，即，根视图中显示的默认初始内容中各层级的栏目的名称为初始名称。

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

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

Claims

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

步骤102、检测所述第一功能栏目的选择信息；

2.根据权利要求1所述的方法，所述步骤105中的在所述根视图中显示所述第一功能栏目对应的默认初始内容，包括：

从服务器获取与所述第一功能栏目对应的默认初始内容，在所述根视图中显示从所述服务器获取的与所述第一功能栏目对应的默认初始内容。

3.根据权利要求1所述的方法，所述初始值与预设值之间的差值大于1并且小于4。

4.根据权利要求1所述的方法，所述初始值与所述预设值之间的差值为2。

5.根据权利要求1所述的方法，所述默认初始内容包括多个层级的栏目以及最低层级的默认栏目对应的默认内容。

6.根据权利要求5所述的方法，所述默认初始内容中各层级的栏目的名称为初始名称。

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

8.根据权利要求7所述的用户界面显示装置，其中，所述第二处理模块用于从服务器获取与所述第一功能栏目对应的默认初始内容，在所述根视图中显示从所述服务器获取的与所述第一功能栏目对应的默认初始内容。

9.根据权利要求7所述的用户界面显示装置，其中，所述第二处理模块用于在所述根视图中显示所述第一功能栏目对应的多个层级的栏目以及最低层级的默认栏目对应的默认内容。

10.根据权利要求7所述的用户界面显示装置，其中，所述第二处理模块用于在所述根视图中显示所述第一功能栏目对应的具有初始名称的多个层级的栏目以及最低层级的默认栏目对应的默认内容。