一种用户界面控制方法及设备与流程

本发明实施例涉及终端技术领域，尤其涉及一种用户界面控制方法及设备。

背景技术：

现有的用户界面(User Interface，UI)，UI元素大多以横、纵阵列的方式排布，排列方式刻板，展现形式单一，趣味性低。

技术实现要素：

本发明提供了一种用户界面控制方法及设备，用以解决现有的用户界面UI元素的展现方式灵活性差、形式单一的问题。

第一方面，本发明实施例提供了一种用户界面控制方法，所述方法包括：

确定终端的待显示元素；

根据确定的各待显示元素，在设定的动画界面中生成用于显示各待显示元素的各动画元素，得到用户界面帧；

显示所述用户界面帧；

其中，所述动画元素为显示的用户界面中的UI元素。

第二方面，本发明实施例还提供了一种用户界面控制设备，所述设备包括：

元素确定单元，用于确定终端的待显示元素；

界面生成单元，用于根据确定的各待显示元素，在设定的动画界面中生成用于显示各待显示元素的各动画元素，得到用户界面帧；

界面显示单元，用于显示所述用户界面帧；其中，所述动画元素为显示的用户界面中的UI元素。

第三方面，本发明实施例还提供了一种非易失性计算机存储介质，存储有计算机可执行指令，所述计算机可执行指令设置为：

确定终端的待显示元素；

根据确定的各待显示元素，在设定的动画界面中生成用于显示各待显示元素的各动画元素，得到用户界面帧；

显示所述用户界面帧；

其中，所述动画元素为显示的用户界面中的用户界面元素。

本发明有益效果如下：

本发明实施例提供的用户界面控制方法及设备，可确定终端的待显示元素；并根据确定的各待显示元素，在设定的动画界面中生成用于显示各待显示元素的各动画元素，得到用户界面帧；以及，显示所述用户界面帧；其中，所述动画元素为显示的用户界面中的UI元素。也就是说，可将UI元素以运动的或静止的动画方式展示在用户界面中，从而，可增加用户界面的展现形式，提高用户界面的灵活性和互动性。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简要介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域的普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。

图1所示为本发明实施例一中的用户界面控制方法的步骤流程图；

图2所示为本发明实施例二中的用户界面控制设备的结构示意图；

图3所示为本发明实施例三中的用户界面控制设备的硬件结构示意图。

具体实施方式

为了使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明作进一步地详细描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。

实施例一：

本发明实施例一提供了一种用户界面控制方法，所述方法可用于对手机、平板电脑、PC机、智能电视等智能终端的用户界面的控制。具体地，如图1所示，其为本发明实施例一中所述方法的步骤流程图，所述方法可包括以下步骤：

步骤101：确定终端的待显示元素；

步骤102：根据确定的各待显示元素，在设定的动画界面中生成用于显示各待显示元素的各动画元素，得到用户界面帧；

步骤103：显示所述用户界面帧；其中，所述动画元素为显示的用户界面中的UI元素。

也就是说，可将UI元素以运动的或静止的动画方式展示在用户界面中，从而，可增加用户界面的展现形式，提高用户界面的灵活性和互动性。

可选地，所述终端的待显示元素可包括所述终端在界面上待显示的文件、应用的快捷方式、标签、菜单、按钮、以及编辑框等各类控件，也就是说，可将用于用户与终端进行交互的各类控件转换为动画元素，运动或静止地展示在用户界面中，增强用户界面的趣味性，此处不再赘述。

进一步可选地，所述设定的动画界面可根据实际需求灵活设计。另外，所述预先设定的动画界面的数量可大于等于1，优选地，所述预先设定的动画界面的数量大于1，即，可采用多种样式的动画界面展现UI元素，进一步增强UI元素展现方式的灵活性。

例如，所述设定的动画界面可为包括一棵小树的界面，可将各待显示的应用的图标(待显示元素)以树叶(动画元素)的形式展现在该动画界面中，将编辑框(待显示元素)以树顶的花朵(动画元素)的形式展现在该动画界面中等，生成用户界面帧并显示即得到用户界面，树叶和花朵即可作为生成的用户界面中的UI元素；待显示的应用的数量越多，小树的叶片越多，小树越高，因此，得到的用户界面可具有小树随着UI元素的增多而纵向长高的动画效果。

再如，所述设定的动画界面可为包括一片森林的界面，可将各待显示的应用的图标(待显示元素)以动植物(动画元素)的形式展现在该动画界面中，将编辑框(待显示元素)以河流(动画元素)的形式展现在该动画界面中等，生成用户界面帧并显示即得到用户界面，动植物和河流即可作为生成的用户界面中的UI元素；待显示的应用的数量越多，森林中的动植物越多，森林延伸越广，因此，得到的用户界面可具有森林随着UI元素的增多而横向延伸的动画效果。

可选地，所述根据确定的各待显示元素，在设定的动画界面中生成用于显示各待显示元素的各动画元素，得到用户界面帧，可具体包括：

根据确定的待显示元素的数量N，在所述设定的动画界面中生成不少于N个用于显示待显示元素的动画元素；其中，N为正整数；

建立各待显示元素与各动画元素之间的对应关系，得到用户界面帧。

进一步可选地，所述根据确定的待显示元素的数量N，在所述设定的动画界面中生成不少于N个用于显示待显示元素的动画元素，可具体包括：

根据所述数量N，在所述设定的动画界面中确定不少于N个用于放置动画元素的位置；

根据所述确定的不少于N个的用于放置动画元素的位置，在动画界面中生成不少于N个动画元素。

例如，以动画界面包括小树为例，可根据所述数量N，确定所述动画界面中树叶的数量、各树叶在动画界面中的位置以及各树叶的形状；另外，为了得到完整的动画界面，还可根据待显示元素的数量N，确定树干在动画界面中的位置以及树干的形状，树枝的数量、各树枝在动画界面中的位置以及各树枝的形状等，此处不再赘述。也就是说，可根据待显示元素的数量N，在动画界面中生成不少于N个的动画元素，用于显示各待显示元素，以及生成完整的动画界面。

进一步可选地，针对每个待显示元素，可根据预先设定的对应规则，为所述待显示元素分配用于显示所述待显示元素的一个或多个动画元素，以此建立各待显示元素与各动画元素之间的对应关系。即，可以预先设定的对应规则，在生成的不少于N个的动画元素中确定不少于N个的动画元素用于显示各待显示元素。例如，仍以动画界面包括小树为例，可用小树的最靠近根部的树叶显示在时间上最早确定的待显示元素(如，安装完成动作发生最早的应用的图标)，用小树的最靠近树顶的树叶显示在时间上最晚确定的待显示元素(如，安装完成动作发生最晚的应用的图标)等，并以此方式为所有的待显示元素分配相对应的动画元素。再如，以动画界面包括森林为例，可用森林中最醒目的动植物(如，大树)显示最常用的待显示元素(如，电话的图标)，用森林中较不醒目的动植物(如，蘑菇)显示较不常用的待显示元素(如，游戏应用的图标)等，并以此方式为所有的待显示元素分配相对应的动画元素。本实施例在此不作任何限定。

进一步可选地，针对每个待显示元素，也可接收所述终端对应的用户输入的位置调整指令，并根据所述位置调整指令，为所述待显示元素分配用于显示所述待显示元素的一个或多个动画元素，以此建立各待显示元素与各动画元素之间的对应关系。即，可根据所述终端对应的用户输入的位置调整指令，在生成的不少于N个的动画元素中确定不少于N个的动画元素用于显示各待显示元素。例如，仍以动画界面包括小树为例，所述终端对应的用户可通过在终端的触摸屏上点击任一待显示元素(如点击某应用的原始图标或者某应用的名称等)并将其拖拽到任一树叶所在的位置的方式，建立该待显示元素与该树叶的对应关系，即用该树叶表示该待显示元素，并以此方式为所有的待显示元素分配相对应的动画元素。

需要说明的是，待显示元素与动画元素可以是一对一的对应关系，也可以是一对多的对应关系，如，在生成的用户界面中，可用两个不同的动画元素显示同一个待显示元素；另外，生成的动画元素也可不与任何待显示元素建立对应关系，即动画元素可闲置，此处不作任何限定。

也就是说，可根据实际需求，灵活地为各待显示元素分配相应的动画元素，即，在生成用户界面时，针对任一UI元素，可根据该UI元素的属性(例如使用频率)，或根据用户的意愿自由设置其所在位置、形态；因此，在生成的用户界面中，UI元素的位置、形态可以表征UI元素的属性，尤其可以表征该UI元素的用户属性；例如，用户界面中位置最醒目、颜色最鲜艳的UI元素可为用户最常用的UI元素；进而可在实现灵活展示UI元素的同时，还可满足用户的个性化需求。

可选地，所述方法还可包括：

接收所述终端对应的用户输入的新建UI元素的指令或删除UI元素的指令；

响应接收到的指令，重新生成用户界面。

可选地，接收新建UI元素的指令可由所述终端对应的用户在所述终端的界面上新建文件、应用的快捷方式或标签等方式触发，也可由应用的安装动作完成触发。另外，还可由所述终端对应的用户更换用户界面的展现形式的方式触发；例如，终端的用户界面以横、纵阵列的方式排布UI元素，所述终端对应的用户更改所述终端的用户界面设置，将其设置为以动画方式展现UI元素，则确定接收到新建UI元素的指令。

相应地，接收删除UI元素的指令可由所述终端对应的用户在所述终端的界面上删除文件、应用的快捷方式或标签等方式触发，也可由应用的卸载完成动作触发，此处不作任何限定。

也就是说，在用户界面生成后，若确定终端的用户界面有待显示元素新建或删除时，则可重新确定终端的待显示元素，并根据重新确定的待显示元素，在设定的动画界面中生成与各重新确定的待显示元素相对应的动画元素，得到用户界面帧并显示以更新用户界面。因此，可始终保持动画中的显示内容与待显示元素相匹配。

进一步可选地，可在接收到新建UI元素的指令时，仅确定新增的待显示元素，并在现有的动画界面中，生成与各新增的待显示元素相对应的动画元素，以更新用户界面。

同样可选地，可在接收到删除UI元素的指令时，仅确定删除的待显示元素以及删除的待显示元素的数量M，并在现有的动画界面中，删除与各删除的待显示元素相对应的动画元素，以更新用户界面；或者，仅在现有的动画界面中取消删除的待显示元素和与之相对应的动画元素之间的对应关系，而不删除该动画元素，该动画元素还可用于显示其它待显示元素；或者，在现有的动画界面中，删除M个动画元素(如删除纵向生长的小树的最靠近树顶的M个动画元素)，并调整剩余的各待显示元素与各动画元素之间的对应关系，此处不再赘述。

另外，所述方法还可包括：根据所述终端对应的用户输入的位置调整指令，调整各待显示元素与各动画元素之间的对应关系。例如，仍以动画界面包括小树为例，所述终端对应的用户可通过在终端的触摸屏上点击树叶A所表示的“微信”并将其拖拽到树叶B(此时树叶B表示“QQ”)所在的位置的方式，重新建立树叶A与“QQ”之间的对应关系，以及树叶微信”；从B与“微信”之间的对应关系，即用树叶A显示“QQ”，以及用树叶B显示“而，可在生成的用户界面中实现各UI元素的位置、形状均可根据用户的意愿灵活调整的效果。

可选地，所述动画界面还可包括仿真动画，相应地，所述方法还可包括：

获取当前的系统时间；

根据所述当前的系统时间控制所述仿真动画的显示内容。

例如，仍以动画界面包括小树为例，生成的用户界面帧(动画界面)的背景中还可包括天空以及围绕小树飞行的飞虫；当根据获取到的系统时间确定当前为白天时，生成的用户界面的背景显示的天空中可漂浮着白云，围绕小树飞行的飞虫可为蝴蝶；当根据获取到的系统时间确定当前为夜晚时，生成的用户界面的背景显示的天空中可悬挂着月亮，且还可根据日期确定月亮的形状(如月中为满月、月初为勾月)，围绕小树飞行的飞虫可为萤火虫。

也就是说，可在用户界面的背景中加入仿真动画，并根据日期、时间等参数改变仿真动画的内容，从而提高用户界面的趣味性和娱乐性。

进一步可选地，所述动画界面还可包括仿真动画，相应地，所述方法还可包括：

接收所述终端对应的用户输入的交互指令；

根据所述交互指令控制所述仿真动画的位置。

其中，所述接收所述终端对应的用户输入的交互指令可通过所述终端对应的用户点击触摸屏、点击所述仿真动画，或者点击并拖拽所述仿真动画的方式触发，此处不作任何限定。

例如，仍以动画界面包括小树为例，生成的用户界面帧(动画界面)的背景中可包括蝴蝶或萤火虫；当所述终端对应的用户点击触摸屏时，可控制蝴蝶或萤火虫在生成的每个用户界面帧中的位置，显示各用户界面帧以生成用户界面时，实现蝴蝶或萤火虫以随机的运行轨迹飞离用户界面的当前显示的区域，当在设定的时长(可灵活设置，如2分钟)内，所述终端对应的用户未执行任何操作时，该蝴蝶或萤火虫又以随机的运行轨迹飞入用户界面的当前显示的区域的动画效果。或者，生成的用户界面还可实现当所述终端对应的用户点击并拖拽所述蝴蝶或萤火虫时，所述蝴蝶或萤火虫可随着所述用户的手指拖拽的轨迹飞行的动画效果，此处不再赘述。

也就是说，可在用户界面的背景中加入仿真动画，并接收终端对应的用户输入的交互指令，以及根据所述交互指令控制所述仿真动画的运行轨迹，从而进一步提高用户界面的趣味性和交互性。

本发明实施例一提供的用户界面控制方法，可确定终端的待显示元素；并根据确定的各待显示元素，在设定的动画界面中生成用于显示各待显示元素的各动画元素，得到用户界面帧；以及，显示所述用户界面帧；其中，所述动画元素为显示的用户界面中的UI元素。也就是说，可将UI元素以运动的或静止的动画方式展示在用户界面中，从而，可增加用户界面的展现形式，提高用户界面的灵活性和互动性。

另外，在生成用户界面时，针对任一UI元素，可根据该UI元素的属性(例如使用频率)，或根据用户的意愿自由设置其所在位置、形态；以及，在用户界面生成后，还可根据所述终端对应的用户输入的位置调整指令，调整各待显示元素与各动画元素之间的对应关系，即调整各UI元素的位置、形态；从而，可在实现灵活展示UI元素的同时，满足用户的个性化需求；以及，实现用户界面中的各UI元素的位置、形状随时都可根据用户的意愿灵活调整的效果。

此外，在确定终端的用户界面有待显示元素新建或删除时，可根据重新确定的待显示元素，更新用户界面，因此，可始终保持动画中的显示内容与待显示元素相匹配。

最后，还可在用户界面的背景中加入仿真动画，并根据日期、时间等参数改变仿真动画的内容，以及根据接收到的终端对应的用户输入的交互指令控制所述仿真动画的运行轨迹，从而进一步提高用户界面的趣味性和娱乐性。

实施例二：

基于同样的发明构思，本发明实施例二提供了一种用户界面控制设备，所述设备可用于实现对手机、平板电脑、PC机、智能电视等智能终端的用户界面的控制，并作为一功能单元集成在所述智能终端的内部。具体地，如图2所示，其为本发明实施例二中所述设备的结构示意图，所述设备可包括：

元素确定单元201，用于确定终端的待显示元素；

界面生成单元202，用于根据确定的各待显示元素，在设定的动画界面中生成用于显示各待显示元素的各动画元素，得到用户界面帧；

界面显示单元203，用于显示所述用户界面帧；其中，所述动画元素为显示的用户界面中的UI元素。

也就是说，可将UI元素以运动的或静止的动画方式展示在用户界面中，从而，可增加用户界面的展现形式，提高用户界面的灵活性和互动性。

可选地，所述界面生成单元202，可具体用于根据确定的待显示元素的数量N，在所述设定的动画界面中生成不少于N个用于显示待显示元素的动画元素；以及，建立各待显示元素与各动画元素之间的对应关系，得到用户界面帧。

进一步可选地，所述界面生成单元202，可具体用于通过以下方式实现根据确定的待显示元素的数量N，在所述设定的动画界面中生成不少于N个用于显示待显示元素的动画元素：

根据所述数量N，在所述设定的动画界面中确定不少于N个用于放置动画元素的位置；

根据所述确定的不少于N个的用于放置动画元素的位置，在动画界面中生成不少于N个动画元素。

进一步可选地，所述界面生成单元202具体用于通过以下方式实现建立各待显示元素与各动画元素之间的对应关系：

针对每个待显示元素，根据预先设定的对应规则，为所述待显示元素分配用于显示所述待显示元素的一个或多个动画元素；或，

针对每个待显示元素，接收所述终端对应的用户输入的位置调整指令，并根据所述位置调整指令，为所述待显示元素分配用于显示所述待显示元素的一个或多个动画元素。

也就是说，可根据实际需求，灵活地为各待显示元素分配相应的动画元素，即，在生成用户界面时，针对任一UI元素，可根据该UI元素的属性(例如使用频率)，或根据用户的意愿自由设置其所在位置、形态；因此，在生成的用户界面中，UI元素的位置、形态可以表征UI元素的属性，尤其可以表征该UI元素的用户属性；进而可在实现灵活展示UI元素的同时，还可满足用户的个性化需求。

可选地，所述设备还包括界面更新单元(图2中未示出)，用于接收所述终端对应的用户输入的新建用户界面元素的指令或删除用户界面元素的指令；以及，响应接收到的指令，重新生成用户界面。

也就是说，在用户界面生成后，若确定终端的用户界面有待显示元素新建或删除时，则可重新确定终端的待显示元素，并根据重新确定的待显示元素，在设定的动画界面中生成与各重新确定的待显示元素相对应的动画元素，得到用户界面帧并显示以更新用户界面。因此，可始终保持动画中的显示内容与待显示元素相匹配。

可选地，所述动画界面还可包括仿真动画，相应地，所述界面生成单元202，还可用于获取当前的系统时间；并，根据所述当前的系统时间控制所述仿真动画的显示内容。

进一步可选地，所述动画界面还可包括仿真动画，相应地，所述界面生成单元202，还可用于接收所述终端对应的用户输入的交互指令；并，根据所述交互指令控制所述仿真动画的位置。

也就是说，可在用户界面的背景中加入仿真动画，并根据日期、时间等参数改变仿真动画的内容，以及根据终端对应的用户输入的交互指令控制所述仿真动画的运行轨迹，从而进一步提高用户界面的趣味性和交互性。

另外，本申请实施例还提供了一种非易失性计算机存储介质，所述计算机存储介质存储有计算机可执行指令，该计算机可执行指令可执行上述任意方法实施例中的用户界面控制方法。

实施例三：

本发明实施例三提供了一种用户界面控制设备，图3是本申请实施例提供的用户界面控制设备的硬件结构示意图，该设备包括：

一个或多个处理器301以及存储器302，图3中以一个处理器301为例。

执行用户界面控制方法的用户界面控制设备还可以包括：输入装置303和输出装置304。

处理器301、存储器302、输入装置303和输出装置304可以通过总线或者其他方式连接，图3中以通过总线连接为例。

存储器302作为一种非易失性计算机可读存储介质，可用于存储非易失性软件程序、非易失性计算机可执行程序以及单元，如本申请实施例中的用户界面控制方法对应的程序指令/单元(例如，附图2所示的元素确定单元201、界面生成单元202和界面显示单元203)。处理器301通过运行存储在存储器302中的非易失性软件程序、指令以及单元，从而执行终端的各种功能应用以及数据处理，即实现上述方法实施例中的用户界面控制方法。

存储器302可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据用户界面控制设备的使用所创建的数据等。此外，存储器302可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实施例中，存储器302可选包括相对于处理器301远程设置的存储器，这些远程存储器可以通过网络连接至用户界面控制设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

输入装置303可接收输入的数字或字符信息，以及产生与用户界面控制设备的用户设置以及功能控制有关的键信号输入。输出装置304可包括显示屏等显示设备。

所述一个或者多个单元存储在所述存储器302中，当被所述一个或者多个处理器301执行时，执行上述任意方法实施例中的用户界面控制方法。

上述产品可执行本申请实施例所提供的方法，具备执行方法相应的功能单元和有益效果。未在本实施例中详尽描述的技术细节，可参见本申请实施例所提供的方法。

本申请实施例的设备以多种形式存在，包括但不限于:

(1)移动通信设备:这类设备的特点是具备移动通信功能，并且以提供话音、数据通信为主要目标。这类终端包括:智能手机(例如iPhone)、多媒体手机、功能性手机，以及低端手机等。

(2)超移动个人计算机设备:这类设备属于个人计算机的范畴，有计算和处理功能，一般也具备移动上网特性。这类终端包括:PDA、MID和UMPC设备等，例如iPad。

(3)便携式娱乐设备:这类设备可以显示和播放多媒体内容。该类设备包括:音频、视频播放器(例如iPod)，掌上游戏机，电子书，以及智能玩具和便携式车载导航设备。

(4)服务器:提供计算服务的设备，服务器的构成包括处理器、硬盘、内存、系统总线等，服务器和通用的计算机架构类似，但是由于需要提供高可靠的服务，因此在处理能力、稳定性、可靠性、安全性、可扩展性、可管理性等方面要求较高。

(5)其他具有数据交互功能的电子装置。

此外，需要说明的是，附图和说明书中的任何元素数量均用于示例而非限制，以及任何命名都仅用于区分，而不具有任何限制含义。

本领域技术人员应明白，本发明的实施例可提供为方法、装置(设备)、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

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

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

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

尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

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