CN106681593A - 一种用户界面ui控件的显示控制方法及装置 - Google Patents

Abstract

本发明公开了一种用户界面UI控件的显示控制方法及装置。本发明方法包括：终端在显示屏幕上显示一个用户界面时，创建需要在所述用户界面上显示的UI控件；终端若检测到需要在所述用户界面上显示所述UI控件时，按照第一动画方式在所述用户界面上显示所述UI控件；以及若检测到需要在所述用户界面上隐藏所述UI控件时，按照第二动画方式从所述用户界面上隐藏所述UI控件；第一动画方式与第二动画方式不同。本发明能够灵活显示和隐藏UI控件，满足对UI控件定制不同的显示和隐藏动画效果的需求。

Description

一种用户界面UI控件的显示控制方法及装置

技术领域

本发明涉及显示技术领域，尤其涉及一种用户界面UI控件的显示控制方法及装置。

背景技术

用户界面(User Interface，UI)是***和用户之间进行交互和信息交换的媒介，该***不单单指电脑程序，还包括某种特定的机器，设备，复杂的工具等。简单来说，比如用户打开手机看到的整个显示界面即为UI界面。

UI界面包含有文本、图片、按钮、开关、滑动条、图表或者输入框等UI控件，设备通过这些UI控件与用户进行交互。以手机为例，手机中安装的音乐应用设置有暂停/播放按钮控件供用户选择暂停或者播放、图片控件向用户展示当前歌曲的专辑信息、滑动条控件供用户选择从第几分几秒开始播放等等。所有这些暂停/播放按钮控件、图片控件以及滑动条控件等UI控件组合形成了播放音乐时显示的UI界面。

目前UI控件通常是通过调用***所提供的动画方式来实现显示和隐藏的，而***所提供的动画方式在显示和隐藏UI控件通常是一致的动画效果，比如较为常见的淡入淡出动画方式、滑入滑出动画方式等。由于显示和隐藏UI控件的动画效果不能分别设置，动画形式单一，无法满足对UI控件定制不同的显示和隐藏动画效果的需求。

因此，如何灵活显示和隐藏UI控件，满足对UI控件定制不同的显示和隐藏动画效果的需求，是业界所亟待研究和解决的问题。

发明内容

本申请提供一种用户界面UI控件的显示控制方法及装置，用以灵活显示和隐藏UI控件，满足对UI控件定制不同的显示和隐藏动画效果的需求。

第一方面，本申请提供了一种用户界面UI控件的显示控制方法，包括：

终端在显示屏幕上显示一个用户界面时，创建需要在所述用户界面上显示的UI控件；

所述终端若检测到需要在所述用户界面上显示所述UI控件时，按照第一动画方式在所述用户界面上显示所述UI控件；以及，

若检测到需要在所述用户界面上隐藏所述UI控件时，按照第二动画方式从所述用户界面上隐藏所述UI控件；其中，所述第一动画方式与所述第二动画方式不同。

可以看到，通过本发明实施例所提供的UI控件的显示控制方案，能够使得UI控件按照不同的动画方式进行显示和隐藏，降低UI控件显示和隐藏动画间的耦合度，能够灵活显示和隐藏UI控件，满足对UI控件定制不同的显示和隐藏动画的需求。

在一种可能的实现方式中，创建需要在所述用户界面上显示的UI控件，包括：确定所述终端显示屏幕的边界；在所述终端显示屏幕的边界外部创建所述UI控件，并设置所述UI控件为透明。

可以看到，创建出的UI控件在未被显示时对于用户而言是不可见的，通过在设置该UI控件处于上述状态，可以灵活应用各种动画方式显示UI控件，满足对UI控件定制不同的显示和隐藏动画效果的需求。

在一种可能的实现方式中，所述第一动画方式为淡入动画方式，所述第二动画方式为滑出动画方式；

所述按照第一动画方式在所述用户界面上显示所述UI控件，包括：

将所述UI控件移动至所述用户界面中的预设显示位置；

按照所述淡入动画方式，控制所述UI控件从透明渐变至不透明；

所述按照第二动画方式从所述用户界面上隐藏所述UI控件，包括：

按照所述滑出动画方式，控制所述UI控件滑动至所述终端显示屏幕的边界外部；

将所述UI控件设置为透明。

在一种可能的实现方式中，所述第一动画方式为滑入动画方式，所述第二动画方式为淡出动画方式；

所述按照第一动画方式在所述用户界面上显示所述UI控件，包括：

将所述UI控件设置为不透明；

按照所述滑入动画方式，控制所述UI控件滑动至所述用户界面中的预设显示位置；

所述按照第二动画方式从所述用户界面上隐藏所述UI控件，包括：

按照所述淡出动画方式，控制所述UI控件从不透明渐变至透明；

将所述UI控件移动至所述终端显示屏幕的边界外部。

在一种可能的实现方式中，所述第一动画方式和/或所述第二动画方式为预先设置的动画方式，或者为所述终端从预先设置的动画方式集合中所选择出的动画方式。

第二方面，本申请提供了一种UI控件的显示控制装置，该装置包括：

创建模块，用于在显示屏幕上显示一个用户界面时，创建需要在所述用户界面上显示的UI控件；

显示模块，用于在检测到需要在所述用户界面上显示所述UI控件时，按照第一动画方式在所述用户界面上显示所述UI控件；以及，在检测到需要在所述用户界面上隐藏所述UI控件时，按照第二动画方式从所述用户界面上隐藏所述UI控件；其中，所述第一动画方式与所述第二动画方式不同。

在一种可能的实现方式中，所述创建模块，具体用于：

确定所述终端显示屏幕的边界；

在所述终端显示屏幕的边界外部创建所述UI控件，并设置所述UI控件为透明。

在一种可能的实现方式中，所述第一动画方式为淡入动画方式，所述第二动画方式为滑出动画方式；

所述显示模块，具体用于：

在检测到需要在所述用户界面上显示所述UI控件时，将所述UI控件移动至所述用户界面中的预设显示位置；按照所述淡入动画方式，控制所述UI控件从透明渐变至不透明；以及在检测到需要在所述用户界面上隐藏所述UI控件时，按照所述滑出动画方式，控制所述UI控件滑动至所述终端显示屏幕的边界外部；将所述UI控件设置为透明。

在一种可能的实现方式中，所述第一动画方式为滑入动画方式，所述第二动画方式为淡出动画方式；

所述显示模块，具体用于：

在检测到需要在所述用户界面上显示所述UI控件时，将所述UI控件设置为不透明；按照所述滑入动画方式，控制所述UI控件滑动至所述用户界面中的预设显示位置；

在检测到需要在所述用户界面上隐藏所述UI控件时，按照所述淡出动画方式，控制所述UI控件从不透明渐变至透明；将所述UI控件移动至所述终端显示屏幕的边界外部。

在一种可能的实现方式中，所述第一动画方式和/或所述第二动画方式为预先设置的动画方式，或者为所述终端从预先设置的动画方式集合中所选择出的动画方式。

第三方面，本申请提供了一种终端，该终端包括：显示屏幕、存储器和处理器；所述处理器与所述显示屏幕耦合连接；所述显示屏幕用于显示所述终端的用户界面；所述存储器与所述处理器耦合连接；所述存储器用于存储计算机可执行程序代码，所述程序代码包括指令；当所述处理器执行所述指令时，所述指令使所述终端执行上述第一方面和第一方面的各可能实现方式的UI控件的显示控制方法。

第四方面，本申请提供了一种存储一个或多个程序的计算机可读存储介质，所述一个或多个程序包括指令，所述指令当被终端执行时使所述终端执行上述第一方面和第一方面的各可能实现方式的UI控件的显示控制方法。

附图说明

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

图1为本发明一些实施例提供的UI控件的显示控制方法的流程示意图；

图2为用户界面上的UI控件示意图；

图3为本发明一些实施例提供的UI控件的显示控制方案在实际场景中的应用流程示意图；

图4为本发明的一些实施例中用户界面上的UI控件初始状态时的示意图；

图5为本发明一些实施例提供的UI控件的显示控制装置的结构示意图；

图6为本发明一些实施例提供的终端的结构示意图。

具体实施方式

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

目前的UI控件在用户界面上显示和隐藏通常是一样的动画方式，比如淡入淡出、滑入滑出等，但并不能淡入滑出或者滑入淡出，即UI控件在显示和隐藏时所能够实现的动画效果不能分离，因而传统方案虽然能实现UI控件按照设定动画方式显示和隐藏，但是不能使得UI控件显示时的动画与隐藏时的动画不同，动画的形式只有一种，对***所提供的可选动画方式的利用并不灵活。如果需要对UI控件的显示和隐藏定制不同的动画方式，通过传统代码编写的方式实现不仅在实现上较为复杂，而且也不利于开发的简洁性。

为了克服上述UI控件在显示和隐藏动画方式上的局限性，本发明实施例提出一种UI控件的显示控制方法及装置，用以灵活显示和隐藏UI控件，满足对UI控件定制不同的显示和隐藏动画效果的需求。

具体地，在本发明实施例所提供的UI控件的显示控制方案中，终端在检测到需要在该用户界面上显示UI控件时，可以按照第一动画方式在该用户界面上显示该UI控件，在检测到需要在该用户界面上隐藏该UI控件时，可以按照与第二动画方式不同的第二动画方式从该用户界面上隐藏该UI控件。因而，通过本发明实施例所提供的UI控件的显示控制方案，能够使得UI控件显示的动画和隐藏的动画之间相分离，降低UI控件显示和隐藏动画间的耦合度，能够灵活显示和隐藏UI控件，满足对UI控件定制不同的显示和隐藏动画的需求。

具体地，本发明实施例所提供的UI控件的显示控制方案主要是使得UI控件在不需要进行显示时均处于相同的初始状态(UI控件位于显示屏幕的边界外部并为透明)，来作为UI控件按照各种动画方式进行显示的初始状态，从而使得UI控件能够按照各种动画方式进行显示，并能够按照相同或者不同的动画方式回退到该初始状态，形成循环，从而实现UI控件动画效果的分离，降低UI控件动画的耦合度，且不破坏UI控件动画的多重性，满足对UI控件定制不同的显示和隐藏动画的需求。

下面结合附图对本发明实施例进行详细描述。

本发明的实施例涉及具有显示屏幕的终端。举例来说，本发明的实施例中所描述的具有显示屏幕的终端可以包括智能手机、平板电脑、电子书阅读器、游戏机、膝上型便携计算机、台式计算机、个人数字助理(Personal Digital Assistant，PDA)、销售终端(Pointof Sales，POS)、车载电脑、便携式多媒体播放器、移动医疗设备、相机或可穿戴设备(例如手表或头戴式设备)等等。

终端上运行有操作***(Operating System，OS)，操作***的功能包括管理终端的硬件、软件及数据资源，控制程序运行，为其它应用软件提供支持，提供各种形式的用户界面等。具体比如，Android(Google公司开发的操作***)、iOS(苹果公司开发的移动操作***)等可运行在终端上的操作***。

终端通常通过操作***来支持多种应用程序，诸如以下中的一种或多种：呈现应用程序、文字处理应用程序、电话应用程序、电子邮件应用程序、即时消息应用程序、网络浏览应用程序等。可在终端上执行的各种应用程序可使用至少一个共用的物理用户接口设备，如显示屏幕。终端的一种或多种功能以及显示在显示屏幕上的相应信息可从一种应用程序调整和/或变化至下一种应用程序和/或在相应应用程序内被调整和/或变化。这样，终端的共用物理架构(如显示屏幕)可利用对用户而言直观清楚的用户界面来支持各种应用程序。

图1示出了本发明的一些实施例提供的用户界面UI控件的显示控制方法的流程示意图，该流程可由通过软件编程或软硬件的结合实现，具体可实现在具有显示屏幕的终端上。

如图1所示，本发明的一些实施例提供的UI控件的显示控制方法的流程包括如下步骤：

步骤101：终端在显示屏幕上显示一个用户界面时，创建需要在该用户界面上显示的UI控件。

步骤102：终端若检测到需要在该用户界面上显示该UI控件时，按照第一动画方式在该用户界面上显示该UI控件；终端若检测到需要在该用户界面上隐藏该UI控件时，按照第二动画方式从该用户界面上隐藏该UI控件；其中，第一动画方式与第二动画方式不同。

应当理解的是，虽然术语“第一”、“第二”等可能在本申请中用来描述各种元素(比如动画方式)，但是这些元素不被这些术语所限定，这些术语只是用来将一个元素与另一个元素区分开。例如，第一动画方式可以被命名为第二动画方式，第二动画方式可以被命名为第一动画方式，而不悖离本发明的范围，第一动画方式和第二动画方式两者都是动画方式，但它们不是同一动画方式。

用户界面可以是终端中运行的任一应用程序的某个UI界面。UI界面中可以包含有文本、图片、按钮、开关、进度条、图表、输入框等UI控件。终端可以展示UI界面，并通过在UI界面上展示的UI控件实现与用户的交互。

比如，图2示出了用户界面上的UI控件示意图，如图2所示，该用户界面在视频视图的层级之上依次部署的UI控件包括有诸如暂停/播放按钮UI控件、进度条UI控件、音量控制UI控件以及文本框UI控件等等，各个UI控件层级显示在该用户界面的视频视图之上。

具体地，在本发明的一些实施例中，终端在显示屏幕上显示一个用户界面时，可以按照以下方式来创建需要在该用户界面上显示的UI控件：

终端确定该终端显示屏幕的边界；进而，该终端在所确定出的终端显示屏幕的边界外部创建该UI控件，并设置该UI控件为透明。

比如，以终端为运行iOS***的终端为例，终端可通过执行代码来创建UI控件，通过这些代码调用***接口可以获知终端显示屏幕的边界，进而在创建该UI控件时，可以将该UI控件的坐标位置设置于显示屏幕的边界外部，同时可以将该UI控件设置为透明(在iOS***中透明度使用alpha值设置，alpha值为0表示全透明，alpha值为1表示不透明)。

终端可按照预设的动画方式在用户界面上显示和隐藏所创建的UI控件，在本发明实施例中，终端在用户界面上显示和隐藏UI控件的动画方式不同。

比如，仍然以终端为运行iOS***的终端为例，iOS***中实现的动画方式包括有基于UIView的动画，在一个UIView中包括有以下的动画属性：改变视图位置的动画属性、翻转或者放缩视图的动画属性、改变视图的透明度的动画属性、改变视图尺寸的动画属性、改变视图的背景颜色的动画属性等等；

基于上述动画属性，可以看到，通过改变视图的透明度的动画属性可以实现UI控件的淡入淡出，通过改变视图位置的动画属性可以实现UI控件的滑入滑出，而在滑入滑出或者淡入淡出的基础上还可以进一步地通过UI控件的其它动画属性协助实现其它诸如旋转滑入滑出或者缩放淡入淡出等动画。***可以提供有预设的各种动画方式的调用接口以供开发者设计开发UI控件时使用。

根据上述分析可知，淡入淡出以及滑入滑出为基础的UI控件显示和隐藏的动画方式，因而，本申请将主要以淡入淡出以及滑入滑出为例，对本申请所提供的UI控件的显示控制方案进行描述，应当理解的是，本申请所提供的UI控件的显示控制方案也适用于任意其它的UI控件显示和隐藏的动画方式。

尽管目前UI控件显示和隐藏的动画方式有淡入淡出、滑入滑出等，但由于其分别通过改变UI控件不同的属性来实现，UI控件隐藏时的状态并不相同，因而，并不能够方便地协同使用以实现诸如淡入滑出、滑入淡出等动画。

比如，如果设置UI控件按照滑入滑出动画方式显示和隐藏，UI控件隐藏时仍然保持与显示状态一致的透明度；如果设置UI控件按照淡入淡出动画方式显示和隐藏，UI控件隐藏时将仍然保持与显示状态一致的位置。因而，目前UI控件只能淡入淡出、或者滑入滑出，但并不能淡入滑出、或者滑入淡出，无法满足定制不同的动画效果的需求。

而在本发明实施例中，由于通过步骤101所创建的UI控件在创建时位于终端显示屏幕的边界外部，并且被设置为透明，因而，可以看到：

在本发明实施例中，如果需要UI控件滑入淡出，那么终端在显示UI控件时，可以通过先设置UI控件的改变视图的透明度的动画属性使得UI控件为不透明，此时UI控件依然保持在终端显示屏幕外部，再按照滑入动画方式中对UI控件的改变视图位置的动画属性进行设置，从而使得已经变为不透明的UI控件滑入用户界面上的预设位置；在隐藏UI控件时，可以先按照淡出动画方式对UI控件的改变视图的透明度的动画属性进行设置，使UI控件为透明，此时UI控件依然保持在用户界面上的预设位置，再通过设置UI控件的改变视图位置的动画属性使已经变为透明的UI控件移动至终端显示屏幕的边界外部；

如果需要UI控件淡入滑出，那么终端在显示UI控件时，可以通过先设置UI控件的改变视图位置的动画属性使得UI控件移动至用户界面上的预设位置，此时UI控件依然保持不透明，再按照淡入动画方式对UI控件的改变视图的透明度的动画属性进行设置，从而使得已经位于预设位置的UI控件变为不透明；在隐藏UI控件时，可以先按照滑出动画方式对UI控件的改变视图位置的动画属性进行设置使得UI控件滑出终端显示屏幕的边界外部，此时UI控件依然保持不透明，再设置UI控件的改变视图的透明度的动画属性使不透明的UI控件变为透明。

因而，在本发明一些实施例中，终端在检测到需要在用户界面上显示UI控件时，可以按照滑入动画方式在该用户界面上显示该UI控件，并在检测到需要在该用户界面上隐藏该UI控件时，按照淡出动画方式从该用户界面上隐藏该UI控件。

具体地，终端在按照滑入动画方式在该用户界面上显示该UI控件时，可对由步骤101所创建的UI控件，先将该UI控件设置为不透明，再按照滑入动画方式，控制该UI控件滑动至该用户界面中的预设显示位置；在按照淡出动画方式从该用户界面上隐藏该UI控件时，可先按照淡出动画方式，控制该UI控件从不透明渐变至透明，再将该UI控件移动至终端显示屏幕的边界外部。

具体地，终端在按照滑入动画方式控制该UI控件滑动至该用户界面中的预设显示位置时，可以通过调用***预设的滑入滑出动画接口来实现UI的滑入动画效果，在按照淡出动画方式控制该UI控件从不透明渐变至透明时，可以通过调用***预设的淡入淡出动画接口来实现UI的淡出动画效果。

在本发明又一些实施例中，终端可以在检测到需要在用户界面上显示UI控件时，按照淡入动画方式在该用户界面上显示该UI控件，并在检测到需要在该用户界面上隐藏该UI控件时，按照滑出方式从该用户界面上隐藏该UI控件。

具体地，终端在按照淡入动画方式在用户界面显示该UI控件时，可对由步骤101所创建的UI控件，先将该UI控件移动至用户界面中的预设显示位置，再按照淡入动画方式，控制该UI控件从透明渐变至不透明；在按照滑出动画方式从该用户界面上隐藏该UI控件时，可先按照滑出动画方式，控制该UI控件滑动至终端显示屏幕的边界外部，再将该UI控件设置为透明。

相应地，终端在按照淡入动画方式控制该UI控件从透明渐变至不透明时，可以通过调用***预设的淡入淡出动画接口来实现UI的淡入动画效果，在按照滑出动画方式控制该UI控件滑动至终端显示屏幕的边界外部时，可以通过调用***预设的滑入滑出动画接口来实现UI的滑出动画效果。

其中，终端检测到需要在用户界面上显示UI控件的情形比如可以是接收显示用户界面的触发信号的情形，或者也可以是在被创建的UI控件或者被隐藏的至少一个UI控件所对应的触发区域接收到显示UI控件的触发信号的情形等等；相应地，终端检测到需要从用户界面上隐藏UI控件的情形比如可以是在被显示的该UI控件的显示时长达到预设时长的情形，或者也可以是被显示的该UI控件所对应的触发区域接收到隐藏UI控件的触发信号的情形等等。

具体地，在本发明实施例中，第一动画方式可以是预先设置的动画方式，或者也可以是由终端从预先设置的动画方式集合中所选择出的动画方式；第二动画方式可以是预先设置的动画方式，或者也可以是由终端从预先设置的动画方式集合中所选择出的动画方式。

具体地，考虑到视觉上的一致性，终端可以按照第一动画方式对用户界面中显示的至少一个UI控件进行显示，按照第一动画方式也可以对该用户界面中的所有UI控件进行显示，还可以按照第一动画方式对用户界面中的部分UI控件进行显示；终端可以按照第二动画方式对用户界面中显示的至少一个UI控件进行隐藏，也可以按照第二动画方式对该用户界面中的所有UI控件进行隐藏，还可以按照第二动画方式对用户界面中的部分UI控件进行隐藏。

通过以上描述可以看出，在本发明实施例中提供的UI控件的显示控制方法中，终端在检测到需要在该用户界面上显示UI控件时，可以按照第一动画方式在该用户界面上显示该UI控件，在检测到需要在该用户界面上隐藏该UI控件时，可以按照与第二动画方式不同的第二动画方式从该用户界面上隐藏该UI控件。因而，通过本发明实施例所提供的UI控件的显示控制方案，能够使得UI控件显示的动画和隐藏的动画之间相分离，降低UI控件显示和隐藏动画间的耦合度，能够灵活显示和隐藏UI控件，满足对UI控件定制不同的显示和隐藏动画的需求。

具体地，在本发明实施例所提供的UI控件的显示控制方案中，UI控件在不需要进行显示时均处于相同的初始状态(UI控件位于显示屏幕的边界外部并为透明)，进而UI控件能够按照各种动画方式进行显示，并能够按照相同或者不同的动画方式回退到该初始状态，形成循环，实现UI控件动画效果的分离，降低UI控件动画的耦合度，且不破坏UI控件动画的多重性，丰富用户体验。

为了更清楚地说明本发明实施例所提供的UI控件的显示控制方案，下面将以本发明实施例所提供的UI控件的显示控制方案应用于运行iOS***的终端为例，详细说明如图1所示的本发明一些实施例所提供的UI控件的显示控制方法流程。

图3示出了本发明一些实施例所提供的UI控件的显示控制方法应用到iOS***中的流程示意图。如图3所示：

终端创建UI控件，被创建的UI控件处于初始状态(301)：UI控件位于终端显示屏幕的边界外部，且alpha值为0，即为全透明的状态；

终端如果检测到需要在用户界面上显示该UI控件，则该UI控件将被转入显示状态(302)，该UI控件显示后，终端如果检测到需要从用户界面上隐藏UI控件，则该UI控件将被转入隐藏状态(303)，该UI控件不可见，其中：

情形A：如果该UI控件被设置为按照淡入动画方式(相当于上述的第一动画方式)显示(比如通过调用***提供的淡入淡出动画方式接口)，那么终端将会先将该UI控件移动至屏幕边界内部用户界面上的预设位置，此时该UI控件的alpha值将保持为0，再执行alpha值渐变为1(不透明)的淡入动画；进而，UI控件显示在用户界面的预设位置处，并且alpha值为1；

进一步地，如果该UI控件被设置为按照滑出方式(相当于上述的第二动画方式)隐藏(比如通过调用***提供的滑入滑出动画方式接口)，那么终端将会先执行将该UI控件滑出至屏幕边界外部的滑出动画，此时该UI控件的alpha值将保持为1，再将该UI控件的alpha值设置为0；

可以看到，通过上述过程UI控件从显示状态(302)所转入的隐藏状态(303)与初始状态(301)相同，即可以认为UI控件重新恢复到了初始状态(301)；

情形B：如果该UI控件被设置为按照滑入动画方式(相当于上述的第一动画方式)显示(比如通过调用***提供的滑入滑出动画方式接口)，那么终端将会先将该UI控件的alpha值设置为1，再执行将该UI控件滑入至屏幕边界内部用户界面上的预设位置的滑入动画；进而，UI控件显示在用户界面的预设位置处，并且alpha值为1；

进一步地，如果该UI控件被设置为按照淡出方式(相当于上述的第二动画方式)隐藏(比如通过调用***提供的淡入淡出动画方式接口)，那么终端将会先执行alpha值渐变为0(透明)的淡出动画，再将该UI控件移动至屏幕边界外部，此时该UI控件的alpha值保持为0；

可以看到，通过上述过程UI控件从显示状态(302)所转入的隐藏状态(303)也与初始状态(301)相同，即可以认为UI控件重新恢复到了初始状态(301)。

比如以图2所示的用户界面上的UI控件示意图为例，图4示出了本发明的一些实施例中用户界面上的UI控件初始状态时的示意图，其中，图4中所示出的UI控件位于显示屏幕边界外部，同时为透明状态。

可以看到，如图3所示的UI控件的显示与隐藏的循环过程中UI控件每次隐藏都变成了统一的不可见状态(透明度为0，且UI在动画作用的范围以外)，进而可以按照所设置的动画方式显示或隐藏UI控件，虽然UI控件本身并没有消失，但是通过设置该UI控件的该初始状态作为所有动画启动的初始状态，相当于找到了一个的用户视觉盲区，UI控件在初始状态时对于用户不可见，并且也不影响用户体验；同时，通过设置该UI控件的该初始状态作为所有动画启动的初始状态，可以灵活地显示和隐藏UI控件，使UI控件在显示和隐藏的时候实现动画分离，即显示的动画方式与隐藏的动画方式可以自由定制，满足对UI控件定制不同的显示和隐藏动画效果的需求。

本发明实施例所提供一种UI控件的显示控制方案实现较为简单，同时不破坏UI控件动画方式的多重性，降低UI控件动画方式的耦合度，实现UI控件显示和隐藏分离式的动画效果，通过本发明实施例所提供一种UI控件的显示控制方案可以灵活地显示和隐藏UI控件，满足对UI控件定制不同的显示和隐藏动画效果的需求。

基于相同的技术构思，本发明实施例还提供一种用户界面UI控件显示的控制装置，该装置可执行上述方法实施例。本发明实施例提供的UI控件显示的控制装置如图5所示，所述装置包括：

创建模块501，用于在显示屏幕上显示一个用户界面时，创建需要在所述用户界面上显示的UI控件；

显示模块502，用于在检测到需要在所述用户界面上显示所述UI控件时，按照第一动画方式在所述用户界面上显示所述UI控件；以及，在检测到需要在所述用户界面上隐藏所述UI控件时，按照第二动画方式从所述用户界面上隐藏所述UI控件；其中，所述第一动画方式与所述第二动画方式不同。

在本发明的一些实施例中，所述创建模块501，具体用于：

确定所述终端显示屏幕的边界；

在所述终端显示屏幕的边界外部创建所述UI控件，并设置所述UI控件为透明。

在本发明的一些实施例中，所述第一动画方式为淡入动画方式，所述第二动画方式为滑出动画方式；

所述显示模块502，具体用于：

在检测到需要在所述用户界面上显示所述UI控件时，将所述UI控件移动至所述用户界面中的预设显示位置；按照所述淡入动画方式，控制所述UI控件从透明渐变至不透明；以及

在检测到需要在所述用户界面上隐藏所述UI控件时，按照所述滑出动画方式，控制所述UI控件滑动至所述终端显示屏幕的边界外部；将所述UI控件设置为透明。

在本发明的一些实施例中，所述第一动画方式为滑入动画方式，所述第二动画方式为淡出动画方式；

所述显示模块502，具体用于：

在检测到需要在所述用户界面上显示所述UI控件时，将所述UI控件设置为不透明；按照所述滑入动画方式，控制所述UI控件滑动至所述用户界面中的预设显示位置；

在检测到需要在所述用户界面上隐藏所述UI控件时，按照所述淡出动画方式，控制所述UI控件从不透明渐变至透明；将所述UI控件移动至所述终端显示屏幕的边界外部。

在本发明的一些实施例中，所述第一动画方式和/或所述第二动画方式为预先设置的动画方式，或者为所述终端从预先设置的动画方式集合中所选择出的动画方式。

需要说明的是：本发明上述实施例提供的UI控件的显示控制装置和终端在控制UI控件的显示时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的UI控件的显示控制装置和终端与UI控件的显示控制方法的方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

基于相同的技术构思，本发明的一个实施例还提供了一种终端，该终端可用于实施前述实施例中提供的UI控件的显示控制方法流程。

图6示出了本发明一些实施例所提供的终端的结构示意图。

如图6所示，该终端可以包括处理器601、存储器602以及显示屏幕603等部件。本领域技术人员可以理解，图6中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

处理器601是终端的控制中心，利用各种接口和线路连接整个终端的各个部分，通过运行或执行存储在存储器602内的软件程序和/或模块，以及调用存储在存储器602内的数据，执行终端的各种功能和处理数据。可选的，处理器601可包括一个或多个处理核心；处理器601可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作***、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器601中。

存储器602可用于存储软件程序以及模块，处理器601通过运行存储在存储器602的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器602可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作***、至少一个功能所需的应用程序等；存储数据区可存储根据终端的使用所创建的数据等。此外，存储器602可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器602还可以包括存储器控制器，以提供处理器601对存储器602的访问。

显示屏幕603可用于显示由用户输入的信息或提供给用户的信息以及终端的各种图形界面，这些图形界面可以由图形、文本、图标、视频和其任意组合来构成。显示屏幕603可包括显示面板，比如可以采用LCD(Liquid Crystal Display，液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置。

具体在本实施例中，处理器601与显示屏幕603耦合连接；显示屏幕603用于显示终端的用户界面；存储器602与处理器601耦合连接；存储器602用于存储计算机可执行程序代码，程序代码包括指令；当处理器601执行所述指令时，所述指令使所述终端执行本发明前述实施例所描述的UI控件的显示控制方法流程，具体可参见前述实施例的描述，本申请在此将不再赘述。

基于相同的技术构思，本发明一些实施例还提供了一种存储一个或多个程序的计算机可读存储介质，所述一个或多个程序包括指令，所述指令当被终端执行时使所述终端执行本发明前述实施例所描述的UI控件的显示控制方法流程，具体可参见前述实施例的描述，本申请在此将不再赘述。

对于软件实施，这些技术可以用实现这里描述的功能的模块(例如程序、功能等等)实现。软件代码可以储存在存储器单元中，并且由处理器执行。存储器单元可以在处理器内或者在处理器外实现。

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

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

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

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

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

Claims (12)

1.一种用户界面UI控件的显示控制方法，其特征在于，该方法包括：

终端在显示屏幕上显示一个用户界面时，创建需要在所述用户界面上显示的UI控件；

所述终端若检测到需要在所述用户界面上显示所述UI控件时，按照第一动画方式在所述用户界面上显示所述UI控件；以及

若检测到需要在所述用户界面上隐藏所述UI控件时，按照第二动画方式从所述用户界面上隐藏所述UI控件；

其中，所述第一动画方式与所述第二动画方式不同。

2.如权利要求1所述的方法，其特征在于，创建需要在所述用户界面上显示的UI控件，包括：

确定所述终端显示屏幕的边界；

在所述终端显示屏幕的边界外部创建所述UI控件，并设置所述UI控件为透明。

3.如权利要求1或2所述的方法，其特征在于，所述第一动画方式为淡入动画方式，所述第二动画方式为滑出动画方式；

所述按照第一动画方式在所述用户界面上显示所述UI控件，包括：

将所述UI控件移动至所述用户界面中的预设显示位置；

按照所述淡入动画方式，控制所述UI控件从透明渐变至不透明；

所述按照第二动画方式从所述用户界面上隐藏所述UI控件，包括：

按照所述滑出动画方式，控制所述UI控件滑动至所述终端显示屏幕的边界外部；

将所述UI控件设置为透明。

4.如权利要求1或2所述的方法，其特征在于，所述第一动画方式为滑入动画方式，所述第二动画方式为淡出动画方式；

所述按照第一动画方式在所述用户界面上显示所述UI控件，包括：

将所述UI控件设置为不透明；

按照所述滑入动画方式，控制所述UI控件滑动至所述用户界面中的预设显示位置；

所述按照第二动画方式从所述用户界面上隐藏所述UI控件，包括：

按照所述淡出动画方式，控制所述UI控件从不透明渐变至透明；

将所述UI控件移动至所述终端显示屏幕的边界外部。

5.如权利要求1-4中任一项所述的方法，其特征在于，所述第一动画方式和/或所述第二动画方式为预先设置的动画方式，或者为所述终端从预先设置的动画方式集合中所选择出的动画方式。

6.一种用户界面UI控件显示的控制装置，其特征在于，该装置包括：

创建模块，用于在显示屏幕上显示一个用户界面时，创建需要在所述用户界面上显示的UI控件；

显示模块，用于在检测到需要在所述用户界面上显示所述UI控件时，按照第一动画方式在所述用户界面上显示所述UI控件；以及

在检测到需要在所述用户界面上隐藏所述UI控件时，按照第二动画方式从所述用户界面上隐藏所述UI控件；

其中，所述第一动画方式与所述第二动画方式不同。

7.如权利要求6所述的装置，其特征在于，所述创建模块，具体用于：

确定所述终端显示屏幕的边界；

在所述终端显示屏幕的边界外部创建所述UI控件，并设置所述UI控件为透明。

8.如权利要求6或7所述的装置，其特征在于，所述第一动画方式为淡入动画方式，所述第二动画方式为滑出动画方式；

所述显示模块，具体用于：

在检测到需要在所述用户界面上显示所述UI控件时，将所述UI控件移动至所述用户界面中的预设显示位置；按照所述淡入动画方式，控制所述UI控件从透明渐变至不透明；以及在检测到需要在所述用户界面上隐藏所述UI控件时，按照所述滑出动画方式，控制所述UI控件滑动至所述终端显示屏幕的边界外部；将所述UI控件设置为透明。

9.如权利要求6或7所述的装置，其特征在于，所述第一动画方式为滑入动画方式，所述第二动画方式为淡出动画方式；

所述显示模块，具体用于：

在检测到需要在所述用户界面上显示所述UI控件时，将所述UI控件设置为不透明；按照所述滑入动画方式，控制所述UI控件滑动至所述用户界面中的预设显示位置；

在检测到需要在所述用户界面上隐藏所述UI控件时，按照所述淡出动画方式，控制所述UI控件从不透明渐变至透明；将所述UI控件移动至所述终端显示屏幕的边界外部。

10.如权利要求6-9中任一项所述的装置，其特征在于，所述第一动画方式和/或所述第二动画方式为预先设置的动画方式，或者为所述终端从预先设置的动画方式集合中所选择出的动画方式。

11.一种终端，其特征在于，该终端包括：显示屏幕、存储器和处理器；所述处理器与所述显示屏幕耦合连接；所述显示屏幕用于显示所述终端的用户界面；所述存储器与所述处理器耦合连接；所述存储器用于存储计算机可执行程序代码，所述程序代码包括指令；当所述处理器执行所述指令时，所述指令使所述终端执行根据权利要求1-5任一项所述的方法。

12.一种存储一个或多个程序的计算机可读存储介质，其特征在于，所述一个或多个程序包括指令，所述指令当被终端执行时使所述终端执行如权利要求1-5任一项所述的方法。