CN103577059A - 一种用户界面呈现方法及电子设备 - Google Patents

Abstract

本申请公开了一种用户界面呈现方法及电子设备，所述用户界面用于显示第一类信息与第二类信息，所述第一类信息显示在所述用户界面上主区域中的第一区域，所述方法包括：检测所述第一区域是否小于所述主区域；当所述第一区域小于所述主区域时，获取所述主区域中除所述第一区域之外的第二区域的第二区域信息；基于所述第二区域信息，将M个第二类信息中的S个第二类信息显示在所述第二区域中，其中，M为大于等于1的整数，S为大于等于1且小于等于M的整数。

Description

一种用户界面呈现方法及电子设备

技术领域

本申请涉及信息处理领域，尤其涉及一种用户界面呈现方法及电子设备。

背景技术

随着科学技术的不断发展，电子技术也得到了飞速的发展，电子产品的种类也越来越多，人们也享受到了科学发展带来的各种便利。现在人们可以通过各种类型的电子设备，享受随着科学发展带来的舒适生活。例如，人们可以通过如电脑、手机等的电子设备来浏览网页，获取到网页上提供的各种信息，比如网页上的文字、影像或者其他信息等等，从而可以了解到国内外的新闻，学习到更多的知识等等。

在实际应用中，网页提供者除了提供本网页的主要信息之外，还会提供一些其他的辅助信息，具体来讲，例如是一个介绍“愤怒的小鸟”游戏的网页，该网页在提供“愤怒的小鸟”游戏的信息之外，可能还会提供一些其他的信息，比如其他同类型游戏的目录，或者是“愤怒的小鸟”的游戏周边（如一些饰物、玩具等等），或者是其他广告信息等等。在现有技术中，网页上提供辅助信息有以下几种方式：1、弹出式呈现：在用户打开本网页的时候，弹出一个额外的网页，用户就可以看到并获取到弹出的网页上的信息，从而达到了将辅助信息提供给用户的目的；2、悬浮式呈现：在网页上设置一个悬浮式按钮，用户在点击该悬浮式按钮后，用户就可以获取到悬浮式按钮上对应的辅助信息，从而达到了将辅助信息提供给用户的目的。同时，在网页上会有许多空白区域，例如网页界面上如果内容很少，就会存在着空白区域，或者网页界面在宽屏显示器下会在网页的两边存在留白区域，这些空白区域没有得到有效地利用。

但本申请发明人在实现本申请实施例中发明技术方案的过程中，发现上述技术至少存在如下技术问题：

1、弹出式呈现的方式呈现时间短，作用不明显，同时由于弹出的网页可能会遮挡住网页上的主要信息，从而影响主要信息的呈现。

2、悬浮式呈现的方式需要用户额外的点击操作，同时悬浮式按钮可能会悬浮在主要信息的上方，从而影响主要信息的呈现。

3、网页上的空白区域未得到有效地利用。

发明内容

本申请实施例通过提供一种用户界面呈现方法及呈现用户界面的电子设备，解决了现有技术中辅助信息影响主要信息的技术问题。

本申请实施例提供了一种用户界面显示方法，所述用户界面用于显示第一类信息与第二类信息，所述第一类信息显示在所述用户界面上主区域中的第一区域，所述方法包括：检测所述第一区域是否小于所述主区域；当所述第一区域小于所述主区域时，获取所述主区域中除所述第一区域之外的第二区域的第二区域信息；基于所述第二区域信息，将M个第二类信息中的S个第二类信息显示在所述第二区域中，其中，M为大于等于1的整数，S为大于等于1且小于等于M的整数。

可选的，所述获取所述主区域中除所述第一区域之外的第二区域的第二区域信息，具体为：获取所述主区域中留白区域的区域信息。

可选的，所述获取所述主区域中除所述第一区域之外的第二区域的第二区域信息，具体为：获取所述主区域中除所述第一区域之外的第二区域的位置信息和大小信息。

可选的，在将所述S个第二类信息显示在所述第二区域中之前，所述方法还包括：分别获取按原始比例显示所述M个第二类信息中每个第二类信息所需要的第三区域的大小；基于所述每个第二类信息所需要的第三区域的大小和所述第二区域的大小信息，从所述M个第二类信息中确定出与所述第二区域匹配的所述S个第二类信息。

可选的，所述基于所述每个第二类信息所需要的第三区域的大小和所述第二区域的大小信息，从所述M个第二类信息中确定出与所述第二区域匹配的所述S个第二类信息，具体为：根据所述每个第二类信息所需要的第三区域的大小，确定满足一预定条件的所述S个第二类信息，所述预定条件为所述S个第二类信息所需要的总区域的大小小于或等于所述第二区域的大小。

可选的，当满足所述预定条件的所述S个第二类信息的组合为两组或两组以上时，则选择包含优先级最高的第二类信息的数量最多的组合。

可选的，所述将S个第二类信息显示在所述第二区域中，具体包括：按照所述S个第二类信息中每个第二类信息所需要的第三区域的大小，将所述第二区域划分为S个子区域；将所述S个第二类信息分别显示在对应的所述S个子区域中。

可选的，将M个第二类信息中的S个第二类信息显示在所述第二区域中，具体包括：判断是否需要对所述S个第二类信息中至少一个第二类信息进行调整；在需要对所述至少一个第二类信息进行调整时，调整所述至少一个第二类信息；将调整后的S个第二类信息显示在所述第二区域中。

本申请实施例还提供了一种电子设备，所述用户界面用于显示第一类信息与第二类信息，所述第一类信息显示在所述用户界面上主区域的第一区域，包括：机壳；一显示屏，设置在所述机壳上，用于显示所述用户界面；一电路板，设置在所述机壳内；一处理芯片，设置在所述电路板上，用于：检测所述第一区域是否小于所述主区域；当所述第一区域小于所述主区域时，获取所述主区域中除所述第一区域之外的第二区域的第二区域信息；基于所述第二区域信息，将M个第二类信息中的S个第二类信息显示在所述第二区域中，其中，M为大于等于1的整数，S为大于等于1且小于等于M的整数。

可选的，所述处理芯片具体用于获取所述主区域中留白区域的区域信息。

可选的，所述处理芯片具体用于：获取所述主区域中除所述第一区域之外的第二区域的位置信息和大小信息。

可选的，所述处理芯片具体用于：分别获取按原始比例显示所述M个第二类信息中每个第二类信息所需要的第三区域的大小；基于所述每个第二类信息所需要的第三区域的大小和所述第二区域的大小信息，从所述M个第二类信息中确定出与所述第二区域匹配的所述S个第二类信息。

可选的，所述处理芯片具体用于：根据所述每个第二类信息所需要的第三区域的大小，确定满足一预定条件的所述S个第二类信息，所述预定条件为所述S个第二类信息所需要的总区域的大小小于或等于所述第二区域的大小。

可选的，所述处理芯片具体用于：当满足所述预定条件的所述S个第二类信息的组合为两组或两组以上时，则选择包含优先级最高的第二类信息的数量最多的组合。

可选的，所述处理芯片具体用于：按照所述S个第二类信息中每个第二类信息所需要的第三区域的大小，将所述第二区域划分为S个子区域；将所述S个第二类信息分别显示在对应的所述S个子区域中。

可选的，所述处理芯片具体用于：判断是否需要对所述S个第二类信息中至少一个第二类信息进行调整；在需要对所述至少一个第二类信息进行调整时，调整所述至少一个第二类信息；将调整后的S个第二类信息显示在所述第二区域中。

本申请实施例中提供的一个或多个技术方案，至少具有如下技术效果或优点：

1、由于能获取用户界面主区域中第一区域之外的第二区域的信息，并能根据第二区域信息将辅助信息显示在第二区域内，所以有效解决了现有技术中辅助信息影响主要信息呈现的技术问题，并且有效利用了用户界面上的空白区域。

2、由于采用了根据第二区域的大小和第二类信息的大小来确定显示的第二类信息，所以第二类信息的显示更美观，排列更有序。

3、由于采用了根据第二类信息的优先级来确定显示的第二类信息的方法，所以更有效地突出第二类信息中的重要信息，使得第二类信息所达到的效果更明显。

附图说明

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

图2为本发明一实施例提供的网页的区域分布图；

图3为本发明一实施例提供的网页主区域中区域分布图；

图4为本发明另一实施例提供的网页主区域中区域分布图；

图5为本发明一实施例提供的电子设备的架构图。

具体实施方式

本发明实施例通过提供一种用户界面呈现方法及呈现用户界面的电子设备，解决了现有技术中辅助信息影响主要信息呈现的技术问题。

为了在后更好地介绍本发明实施例中提供的技术方案，下面先对一些技术术语做出解释：

主区域：在现有技术中，用于向用户提供信息的用户界面可以包括功能区域与主区域，其中，功能区域可以用于向用户提供各种功能，可以包括“最小化”“最大化”“关闭”、“保存”等等功能，主区域可以用于向用户显示主要信息和辅助信息。

留白区域：在实际应用中，用户界面会随着使用场景的变化而发生变化。以一个网页界面的显示为例，在现有技术中，网页界面的宽度一般设置在1000像素以下，所以在窄屏显示器上按正常的比例（例如可以是100%的比例时）显示该网页界面时，网页上的信息（包括主要信息和辅助信息）会占据网页界面的大部分空间，而在宽屏显示器上按正常的比例显示该网页界面时，主区域的一侧边或两侧边就会产生留白区域，由于留白区域是浏览器为适应显示器而产生的，所以不会在留白区域显示主要信息或辅助信息。

本发明实施例中的技术方案为解决前述辅助信息影响主要信息呈现的技术问题，总体思路如下：

在实际应用中，用于向用户提供信息的用户界面可以包括功能区域与主区域，其中功能区域可以用于向用户提供各种功能，主区域可以用于向用户显示信息，辅助信息会通过弹出式或悬浮式呈现的方式来显示，这样就会影响到显示在网页界面中主要信息的呈现。

具体来讲，以一个介绍“愤怒的小鸟”游戏的通关方法的网页在网页界面上的显示为例，该网页包括了位于网页界面上部的功能区域与位于网页界面下部的主区域，其中，主区域可以用于显示主要信息与辅助信息，主要信息可以包括“愤怒的小鸟”这个游戏的背景信息、通关方法等等，辅助信息可以是同类型游戏的目录，或者是“愤怒的小鸟”的游戏周边（如一些饰物、玩具等等），或者是其他广告信息等。在实际应用中，当用户打开网页界面的时候，网页界面的内容上辅助信息就会通过弹出式或悬浮式的方式显示，这样就会影响网页界面上主要信息的呈现，从而造成用户体验的降低。同时，网页界面还有许多未使用的空白区域，比如网页界面中主要信息很少的时候，就会存在未使用的空白区域，或者是网页界面为适应不同的显示器而产生的留白区域，或者是因其他原因比如对网页界面的调整等等而产生的空白区域。

本申请实施例中的技术方案将主区域中用于显示主要信息的区域划分为第一区域，将主区域中的空白区域划分为第二区域。

为了解决现有技术中辅助信息影响主要信息呈现的技术问题，申请实施例中的技术方案将主区域中用于显示主要信息的区域设为第一区域，将主区域中的空白区域设为第二区域，获取用户界面主区域中第一区域之外的第二区域的信息，并根据第二区域信息将辅助信息显示在第二区域内，从而解决了现有技术中辅助信息影响主要信息呈现的技术问题，并有效地利用了用户界面中的空白区域。

为了更好的理解上述技术方案，下面将结合说明书附图以及具体的实施方式对上述技术方案进行详细的说明。

实施例一：

本发明实施例提供了一种用户界面显示方法，该用户界面用于显示第一类信息与第二类信息，第一类信息显示在用户界面上主区域中的第一区域，请参考图1，图1是该实施例提供的用户界面显示方法的流程图，该方法包括：

S1：检测第一区域是否小于主区域；

S2：当第一区域小于主区域时，获取主区域中除第一区域之外的第二区域的第二区域信息；

S3：基于第二区域信息，将M个第二类信息中的S个第二类信息显示在第二区域中，其中，M为大于等于1的整数，S为大于等于1且小于等于M的整数。

在下面的描述中，将以用户界面为一个网页，第一类信息为主要信息，第二类信息为辅助信息为例来进行详细地描述。在实际应用中，例如用户界面可以是一个介绍“愤怒的小鸟”游戏的网页，该网页的第一类信息可以包括“愤怒的小鸟”这个游戏的背景信息、通关方法等等，而第二类信息可以是同类型游戏的目录，或者是“愤怒的小鸟”的游戏周边（如一些饰物、玩具等等），或者是其他广告信息等。

在步骤S1中，检测第一区域是否小于主区域，可以是检测用户界面中第一区域的面积是否小于主区域的面积，这样可以确定主区域中是否还有供第二类信息显示的区域，具体来讲，可以是检测网页中除了显示主要信息的区域之外，是否还有区域来显示辅助信息。

在步骤S2中，当第一区域小于主区域时，获取主区域中除第一区域之外的第二区域的第二区域信息，具体来讲，获取主区域中除第一区域之外的第二区域的第二区域信息可以是获取第二区域的位置信息和大小信息。

请参考图2，图2是本实施例中网页的区域分布图，如图2所示，该网页具体包括功能区域和主区域，功能区域用于提供网页的各种功能，具体根据网页界面的不同会有不同的功能，在此不再赘述。而主区域用于显示网页的信息。在本实施例中，请参考图3，图3是本实施例主区域中第一区域与第二区域的分布图，假设用于显示第一类信息的第一区域是小于主区域的大小的，所以步骤S1检测的结果是第一区域小于主区域的。因此，进一步，在步骤S2中，获取第二区域的位置信息和大小信息，在本实施例中，具体可以是获取主区域中第一区域之外的第二区域的位置信息和大小信息，例如设定此网页的总体大小为6×6大小，而功能区域的大小为6×1，主区域的大小为6×5，所以此时如果再设定第一区域的大小为4×5，则可以获取到第二区域的位置信息为主区域中的左部，第二区域的大小信息为2×5，在本实施例中，第二区域可以是网页上的空白区域，也可以是网页上的留白区域。

在步骤S3中，由于在上述步骤中已经获取了第二区域的大小信息为2×5，位置信息为在第一区域的左侧，所以根据根据第二区域信息，就可以将第二类信息显示在第二区域中。在本实施例中，假设第二类信息只有1个，在其他实施例中，将描述第二类信息为多个的情况，假设本实施例中的1个第二类信息按原始比例显示时所需要的第三区域的大小为2×3，而第二区域的大小为2×5，所以此时可以将该1个第二类信息直接显示在第二区域，也可以调整该1个第二类信息的缩放比例，将其放大为2×5的大小，然后再将放大后的第二类信息显示在第二区域中，或者是调整调整该1个第二类信息的显示效果，比如变化第二类信息的色彩、设置第二类信息为滚动等方式，本领域的技术人员可以根据实际情况做出不同的设置，在此不再赘述。在实际应用中，也有可能会出现第二类信息比对应的第二区域小的时候，则此时可以将第二类信息缩小后再显示在第二区域中即可，当然了，本领域的技术人员还可以有其他的处理方式，在此不再赘述。从此处可以看出，本实施例提供的方法由于获取了第一区域之外的第二区域的信息，并将第二类信息显示在第二区域中，所以能够有效解决现有技术中辅助信息会影响主要信息呈现的技术问题，同时，也有效地利用了用户界面上的空白区域。

上述本申请实施例中的技术方案，至少具有如下的技术效果或优点：

由于获取用户界面主区域中第一区域之外的第二区域的信息，并根据第二区域信息将辅助信息显示在第二区域内，所以辅助信息的显示不会影响到主要信息在第一区域的显示，从而有效解决了现有技术中辅助信息影响主要信息呈现的技术问题。

实施例二：

本实施例提供的方法与实施例一提供的用户界面显示方法相同，在实施例一中，描述了在第二类信息为1个的情况下，本发明实施例提供的方法如何有效解决辅助信息影响主要信息呈现的技术问题，在本实施例中，将描述在第二类信息为6个的情况下，本发明实施例提供的方法如何有效解决辅助信息影响主要信息呈现的技术问题。

请参考图4，图4是本实施例主区域中第一区域第二区域的分布图，如图4所示，主区域包括第一区域与第二区域，主区域的大小为6×5，第一区域的大小为4×5，第二区域包括两个子区域，大小都为1×5。

请同时参考图1与图4，在步骤S2中，获取主区域中除第一区域之外的第二区域的第二区域信息，具体可以是获取到第二区域的两个子区域大小信息为1×5，位置信息为位于第一区域的两侧，而在实际应用中，第二区域可以是网页界面主区域中因为内容较少而出现的空白区域，也可以是网页界面为适应宽屏显示器而调整出的留白区域，或者是因为网页界面最大化、网页界面大小调整及其他原因产生的空白区域，这些区域在实际应用中会呈现出各种各样的形式，这是本领域的普通技术人员在了解了本发明的基本创造性概念后能够想到的内容，在此就不再赘述了。

为了使得第二类信息的显示效果更优，在步骤S3之前，方法还包括：分别获取按原始比例显示M个第二类信息中每个第二类信息所需要的第三区域的大小；基于每个第二类信息所需要的第三区域的大小和第二区域的大小信息，从M个第二类信息中确定出与第二区域匹配的S个第二类信息。在本实施例中，设定M为6，分别为大小为1×2的第二类信息A与第二类信息B，大小为1×3的第二类信息C与第二类信息D，大小为1×4的第二类信息E与第二类信息F，具体如图4所示，所以此时基于6个第二类信息中每个第二类信息所需要的第三区域的大小和第二区域的大小信息，从6个第二类信息与第二区域匹配的S个第二类信息，例如第二类信息A、B、C、D、E、F都可以单独在第二区域中显示，或者根据S个第二类信息的所需要的总区域的大小小于等于第二区域的大小来确定匹配的S个第二类信息，比如此处就可以确定多组第二类信息，例如第一组可以是A、B、C、D，第二组可以是A、B、C，第三组可以是A、C、E，等等，此处就不再一一列举了，在实际应用中，本领域的技术人员也可以根据优先级或者其他参数来确定显示的S个第二类信息，在此就不再赘述了。当然了，此处第二区域的子区域为两个，在实际应用中，第二区域的子区域也可以为三个、四个、五个等等，同样的，第二类信息此处为6个，在具体应用中也可以为其他数量，经过匹配之后确定的显示第二类信息的具体数量可以是本领域所属的普通技术人员可以根据实际情况设定，在此列出此类数据只是为了说明本实施例而不是为了限制本实施例。从此处可以看出，由于采用了根据第二区域的大小来匹配S个第二类信息，所以可以使得第二类信息的显示更美观，排列更有序，也就能达到更好的显示效果。

在上述步骤中由于已经确定了S个第二类信息在第二区域中显示，如上所述，S个第二类信息的组合可以是两组或两组以上，这时就可以选择包含优先级最高的第二类信息的数量最多的组合，来确定出显示在第二区域的S个第二类信息。比如，第二类信息A、B的优先级均为3，第二类信息C、D的优先级均为2，第二类信息E、F的优先级均为1，分组可以包括第一组可以是A、B、C、D，第二组可以是A、B、C，第三组可以是A、C、E，等等，此时可以看出，优先级最高的一组即是第一组，因为第一组包括A、B、C、D，优先级为10，其他分组的优先级都没有这一组高，所以就可以确定出第二类信息A、B、C、D为匹配的4个第二类信息。当然了，在实际应用中，除了优先级之外，本领域的技术人员还可以设置其他参数来达到同样的目的。从此处可以看出，由于采用了根据优先级来确定S个显示在第二区域中的第二类信息，所以可以更有效地突出第二类信息中的重要信息，使得第二类信息所达到的效果更明显。

在确定出S个第二类信息显示在第二区域中以后，方法还包括：按照所述S个第二类信息中每个第二类信息所需要的第三区域的大小，将所述第二区域划分为S个子区域；将所述S个第二类信息分别显示在对应的所述S个子区域中。

在本实施例中，由于第二区域的总大小为2×5，所以可以划分为两个1×2的子区域和两个1×3的子区域，然后再将确定出的4个第二类信息显示在对应的子区域中即可，当然了，在实际应用中，第二类信息的大小可能与对应的子区域的大小不一致，这时只需要相应调整第二类信息的缩放比例就可以显示在第二区域中了，在实际应用中，本领域的技术人员还有很多方式来达到目的，在此就不一一列举了。

上述本申请实施例中的技术方案，至少具有如下的技术效果或优点：

1、由于获取用户界面主区域中第一区域之外的第二区域的信息，并根据第二区域信息将辅助信息显示在第二区域内，所以辅助信息的显示不会影响到主要信息在第一区域的显示，从而有效解决了现有技术中辅助信息影响主要信息呈现的技术问题。

2、由于采用了根据第二区域的大小和第二类信息的大小来确定显示的第二类信息，所以第二类信息的显示更美观，排列更有序。

3、由于采用了根据第二类信息的优先级来确定显示的第二类信息的方法，所以更有效地突出第二类信息中的重要信息，使得第二类信息所达到的效果更明显。

实施例三：

本申请实施例提供了一种呈现用户界面的电子设备，用户界面用于显示第一类信息与第二类信息，第一类信息显示在用户界面上主区域的第一区域，请参考图5，图5是本实施例提供的电子设备的架构图，包括：机壳51；一显示屏52，设置在机壳51上，用于显示用户界面；一电路板53，设置在机壳51内；一处理芯片54，设置在电路板53上，用于：检测第一区域是否小于主区域；当第一区域小于主区域时，获取主区域中除第一区域之外的第二区域的第二区域信息；基于第二区域信息，将M个第二类信息中的S个第二类信息显示在第二区域中，其中，M为大于等于1的整数，S为大于等于1且小于等于M的整数。

处理芯片54具体用于：获取第二区域的位置信息和大小信息。

处理芯片54具体用于：分别获取按原始比例显示M个第二类信息中每个第二类信息所需要的第三区域的大小；基于每个第二类信息所需要的第三区域的大小和第二区域的大小信息，从M个第二类信息中确定出与第二区域匹配的S个第二类信息。

处理芯片54具体用于：根据每个第二类信息所需要的第三区域的大小，确定满足一预定条件的S个第二类信息，预定条件为S个第二类信息所需要的总区域的大小小于或等于第二区域的大小。

处理芯片54具体用于：当满足预定条件的S个第二类信息的组合为两组或两组以上时，则选择包含优先级最高的第二类信息的数量最多的组合。

处理芯片54具体用于：按照S个第二类信息中每个第二类信息所需要的第三区域的大小，将第二区域划分为S个子区域；将S个第二类信息分别显示在对应的S个子区域中。

处理芯片54具体用于：判断是否需要对S个第二类信息中至少一个第二类信息进行调整；在需要对至少一个第二类信息进行调整时，调整至少一个第二类信息；将调整后的S个第二类信息显示在第二区域中。

本实施例中的电子设备与前述实施例中的用户界面呈现方法是基于同一发明构思下的两个方面，在前面已经对方法的实施过程作了详细的描述，所以本领域技术人员可根据前述描述清楚的了解本实施例中的电子设备的结构及实施过程，为了说明书的简洁，在此不再赘述。

上述本申请实施例中的技术方案，至少具有如下的技术效果或优点：

1、由于获取用户界面主区域中第一区域之外的第二区域的信息，并根据第二区域信息将辅助信息显示在第二区域内，所以辅助信息的显示不会影响到主要信息在第一区域的显示，从而有效解决了现有技术中辅助信息影响主要信息呈现的技术问题。

2、由于采用了根据第二区域的大小和第二类信息的大小来确定显示的第二类信息，所以第二类信息的显示更美观，排列更有序。

3、由于采用了根据第二类信息的优先级来确定显示的第二类信息的方法，所以更有效地突出第二类信息中的重要信息，使得第二类信息所达到的效果更明显。本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质（包括但不限于磁盘存储器、CD-ROM、光学存储器等）上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备（系统）、和计算机程序产品的流程图和／或方框图来描述的。应理解可由计算机程序指令实现流程图和／或方框图中的每一流程和／或方框、以及流程图和／或方框图中的流程和／或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能的步骤。

显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

Claims (16)

1.一种用户界面呈现方法，所述用户界面用于显示第一类信息与第二类信息，所述第一类信息显示在所述用户界面上主区域中的第一区域，其特征在于，所述方法包括：

检测所述第一区域是否小于所述主区域；

当所述第一区域小于所述主区域时，获取所述主区域中除所述第一区域之外的第二区域的第二区域信息；

基于所述第二区域信息，将M个第二类信息中的S个第二类信息显示在所述第二区域中，其中，M为大于等于1的整数，S为大于等于1且小于等于M的整数。

2.如权利要求1所述的方法，其特征在于，所述获取所述主区域中除所述第一区域之外的第二区域的第二区域信息，具体为：

获取所述主区域中留白区域的区域信息。

3.如权利要求1所述的方法，其特征在于，所述获取所述主区域中除所述第一区域之外的第二区域的第二区域信息，具体为：

获取所述主区域中除所述第一区域之外的第二区域的位置信息和大小信息。

4.如权利要求3所述的方法，其特征在于，在所述基于所述第二区域信息，将M个第二类信息中的S个第二类信息显示在所述第二区域中之前，所述方法还包括：

分别获取按原始比例显示所述M个第二类信息中每个第二类信息所需要的第三区域的大小；

基于所述每个第二类信息所需要的第三区域的大小和所述第二区域的大小信息，从所述M个第二类信息中确定出与所述第二区域匹配的所述S个第二类信息。

5.如权利要求4所述的方法，其特征在于，所述基于所述每个第二类信息所需要的第三区域的大小和所述第二区域的大小信息，从所述M个第二类信息中确定出与所述第二区域匹配的所述S个第二类信息，具体为：

根据所述每个第二类信息所需要的第三区域的大小，确定满足一预定条件的所述S个第二类信息，所述预定条件为所述S个第二类信息所需要的总区域的大小小于或等于所述第二区域的大小。

6.如权利要求5所述的方法，其特征在于，当满足所述预定条件的所述S个第二类信息的组合为两组或两组以上时，则选择包含优先级最高的第二类信息的数量最多的组合。

7.如权利要求5所述的方法，其特征在于，所述将S个第二类信息显示在所述第二区域中，具体包括：

按照所述S个第二类信息中每个第二类信息所需要的第三区域的大小，将所述第二区域划分为S个子区域；

将所述S个第二类信息分别显示在对应的所述S个子区域中。

8.如权利要求1所述的方法，其特征在于，将M个第二类信息中的S个第二类信息显示在所述第二区域中，具体包括：

判断是否需要对所述S个第二类信息中至少一个第二类信息进行调整；

在需要对所述至少一个第二类信息进行调整时，调整所述至少一个第二类信息；

将调整后的S个第二类信息显示在所述第二区域中。

9.一种电子设备，其特征在于，包括：

机壳；

一显示屏，设置在所述机壳上，用于显示一用户界面，所述用户界面用于显示第一类信息与第二类信息，所述第一类信息显示在所述用户界面的主区域的第一区域；

一电路板，设置在所述机壳内；

一处理芯片，设置在所述电路板上，所述处理芯片用于检测所述第一区域是否小于所述主区域；当所述第一区域小于所述主区域时，获取所述主区域中除所述第一区域之外的第二区域的第二区域信息；并基于所述第二区域信息，将M个第二类信息中的S个第二类信息显示在所述第二区域中，其中，M为大于等于1的整数，S为大于等于1且小于等于M的整数。

10.如权利要求9所述的电子设备，其特征在于，所述处理芯片具体用于获取所述主区域中留白区域的区域信息。

11.如权利要求9所述的电子设备，其特征在于，所述处理芯片具体用于获取所述主区域中除所述第一区域之外的第二区域的位置信息和大小信息。

12.如权利要求11所述的电子设备，其特征在于，所述处理芯片具体用于分别获取按原始比例显示所述M个第二类信息中每个第二类信息所需要的第三区域的大小；并基于所述每个第二类信息所需要的第三区域的大小和所述第二区域的大小信息，从所述M个第二类信息中确定出与所述第二区域匹配的所述S个第二类信息。

13.如权利要求12所述的电子设备，其特征在于，所述处理芯片具体用于根据所述每个第二类信息所需要的第三区域的大小，确定满足一预定条件的所述S个第二类信息，所述预定条件为所述S个第二类信息所需要的总区域的大小小于或等于所述第二区域的大小。

14.如权利要求13所述的电子设备，其特征在于，所述处理芯片具体用于当满足所述预定条件的所述S个第二类信息的组合为两组或两组以上时，则选择包含优先级最高的第二类信息的数量最多的组合。

15.如权利要求13所述的电子设备，其特征在于，所述处理芯片具体用于按照所述S个第二类信息中每个第二类信息所需要的第三区域的大小，将所述第二区域划分为S个子区域；将所述S个第二类信息分别显示在对应的所述S个子区域中。

16.如权利要求9所述的电子设备，其特征在于，所述处理芯片具体用于判断是否需要对所述S个第二类信息中至少一个第二类信息进行调整；在需要对所述至少一个第二类信息进行调整时，调整所述至少一个第二类信息；将调整后的S个第二类信息显示在所述第二区域中。

Images