本發(fā)明涉及顯示技術(shù)領(lǐng)域，尤其涉及一種用戶界面UI控件的顯示控制方法及裝置。

背景技術(shù)：

用戶界面(User Interface，UI)是系統(tǒng)和用戶之間進(jìn)行交互和信息交換的媒介，該系統(tǒng)不單單指電腦程序，還包括某種特定的機(jī)器，設(shè)備，復(fù)雜的工具等。簡單來說，比如用戶打開手機(jī)看到的整個(gè)顯示界面即為UI界面。

UI界面包含有文本、圖片、按鈕、開關(guān)、滑動條、圖表或者輸入框等UI控件，設(shè)備通過這些UI控件與用戶進(jìn)行交互。以手機(jī)為例，手機(jī)中安裝的音樂應(yīng)用設(shè)置有暫停/播放按鈕控件供用戶選擇暫?；蛘卟シ?、圖片控件向用戶展示當(dāng)前歌曲的專輯信息、滑動條控件供用戶選擇從第幾分幾秒開始播放等等。所有這些暫停/播放按鈕控件、圖片控件以及滑動條控件等UI控件組合形成了播放音樂時(shí)顯示的UI界面。

目前UI控件通常是通過調(diào)用系統(tǒng)所提供的動畫方式來實(shí)現(xiàn)顯示和隱藏的，而系統(tǒng)所提供的動畫方式在顯示和隱藏UI控件通常是一致的動畫效果，比如較為常見的淡入淡出動畫方式、滑入滑出動畫方式等。由于顯示和隱藏UI控件的動畫效果不能分別設(shè)置，動畫形式單一，無法滿足對UI控件定制不同的顯示和隱藏動畫效果的需求。

因此，如何靈活顯示和隱藏UI控件，滿足對UI控件定制不同的顯示和隱藏動畫效果的需求，是業(yè)界所亟待研究和解決的問題。

技術(shù)實(shí)現(xiàn)要素：

本申請?zhí)峁┮环N用戶界面UI控件的顯示控制方法及裝置，用以靈活顯示和隱藏UI控件，滿足對UI控件定制不同的顯示和隱藏動畫效果的需求。

第一方面，本申請?zhí)峁┝艘环N用戶界面UI控件的顯示控制方法，包括：

終端在顯示屏幕上顯示一個(gè)用戶界面時(shí)，創(chuàng)建需要在所述用戶界面上顯示的UI控件；

所述終端若檢測到需要在所述用戶界面上顯示所述UI控件時(shí)，按照第一動畫方式在所述用戶界面上顯示所述UI控件；以及，

若檢測到需要在所述用戶界面上隱藏所述UI控件時(shí)，按照第二動畫方式從所述用戶界面上隱藏所述UI控件；其中，所述第一動畫方式與所述第二動畫方式不同。

可以看到，通過本發(fā)明實(shí)施例所提供的UI控件的顯示控制方案，能夠使得UI控件按照不同的動畫方式進(jìn)行顯示和隱藏，降低UI控件顯示和隱藏動畫間的耦合度，能夠靈活顯示和隱藏UI控件，滿足對UI控件定制不同的顯示和隱藏動畫的需求。

在一種可能的實(shí)現(xiàn)方式中，創(chuàng)建需要在所述用戶界面上顯示的UI控件，包括：確定所述終端顯示屏幕的邊界；在所述終端顯示屏幕的邊界外部創(chuàng)建所述UI控件，并設(shè)置所述UI控件為透明。

可以看到，創(chuàng)建出的UI控件在未被顯示時(shí)對于用戶而言是不可見的，通過在設(shè)置該UI控件處于上述狀態(tài)，可以靈活應(yīng)用各種動畫方式顯示UI控件，滿足對UI控件定制不同的顯示和隱藏動畫效果的需求。

在一種可能的實(shí)現(xiàn)方式中，所述第一動畫方式為淡入動畫方式，所述第二動畫方式為滑出動畫方式；

所述按照第一動畫方式在所述用戶界面上顯示所述UI控件，包括：

將所述UI控件移動至所述用戶界面中的預(yù)設(shè)顯示位置；

按照所述淡入動畫方式，控制所述UI控件從透明漸變至不透明；

所述按照第二動畫方式從所述用戶界面上隱藏所述UI控件，包括：

按照所述滑出動畫方式，控制所述UI控件滑動至所述終端顯示屏幕的邊界外部；

將所述UI控件設(shè)置為透明。

在一種可能的實(shí)現(xiàn)方式中，所述第一動畫方式為滑入動畫方式，所述第二動畫方式為淡出動畫方式；

所述按照第一動畫方式在所述用戶界面上顯示所述UI控件，包括：

將所述UI控件設(shè)置為不透明；

按照所述滑入動畫方式，控制所述UI控件滑動至所述用戶界面中的預(yù)設(shè)顯示位置；

所述按照第二動畫方式從所述用戶界面上隱藏所述UI控件，包括：

按照所述淡出動畫方式，控制所述UI控件從不透明漸變至透明；

將所述UI控件移動至所述終端顯示屏幕的邊界外部。

在一種可能的實(shí)現(xiàn)方式中，所述第一動畫方式和/或所述第二動畫方式為預(yù)先設(shè)置的動畫方式，或者為所述終端從預(yù)先設(shè)置的動畫方式集合中所選擇出的動畫方式。

第二方面，本申請?zhí)峁┝艘环NUI控件的顯示控制裝置，該裝置包括：

創(chuàng)建模塊，用于在顯示屏幕上顯示一個(gè)用戶界面時(shí)，創(chuàng)建需要在所述用戶界面上顯示的UI控件；

顯示模塊，用于在檢測到需要在所述用戶界面上顯示所述UI控件時(shí)，按照第一動畫方式在所述用戶界面上顯示所述UI控件；以及，在檢測到需要在所述用戶界面上隱藏所述UI控件時(shí)，按照第二動畫方式從所述用戶界面上隱藏所述UI控件；其中，所述第一動畫方式與所述第二動畫方式不同。

在一種可能的實(shí)現(xiàn)方式中，所述創(chuàng)建模塊，具體用于：

確定所述終端顯示屏幕的邊界；

在所述終端顯示屏幕的邊界外部創(chuàng)建所述UI控件，并設(shè)置所述UI控件為透明。

在一種可能的實(shí)現(xiàn)方式中，所述第一動畫方式為淡入動畫方式，所述第二動畫方式為滑出動畫方式；

所述顯示模塊，具體用于：

在檢測到需要在所述用戶界面上顯示所述UI控件時(shí)，將所述UI控件移動至所述用戶界面中的預(yù)設(shè)顯示位置；按照所述淡入動畫方式，控制所述UI控件從透明漸變至不透明；以及在檢測到需要在所述用戶界面上隱藏所述UI控件時(shí)，按照所述滑出動畫方式，控制所述UI控件滑動至所述終端顯示屏幕的邊界外部；將所述UI控件設(shè)置為透明。

在一種可能的實(shí)現(xiàn)方式中，所述第一動畫方式為滑入動畫方式，所述第二動畫方式為淡出動畫方式；

所述顯示模塊，具體用于：

在檢測到需要在所述用戶界面上顯示所述UI控件時(shí)，將所述UI控件設(shè)置為不透明；按照所述滑入動畫方式，控制所述UI控件滑動至所述用戶界面中的預(yù)設(shè)顯示位置；

在檢測到需要在所述用戶界面上隱藏所述UI控件時(shí)，按照所述淡出動畫方式，控制所述UI控件從不透明漸變至透明；將所述UI控件移動至所述終端顯示屏幕的邊界外部。

在一種可能的實(shí)現(xiàn)方式中，所述第一動畫方式和/或所述第二動畫方式為預(yù)先設(shè)置的動畫方式，或者為所述終端從預(yù)先設(shè)置的動畫方式集合中所選擇出的動畫方式。

第三方面，本申請?zhí)峁┝艘环N終端，該終端包括：顯示屏幕、存儲器和處理器；所述處理器與所述顯示屏幕耦合連接；所述顯示屏幕用于顯示所述終端的用戶界面；所述存儲器與所述處理器耦合連接；所述存儲器用于存儲計(jì)算機(jī)可執(zhí)行程序代碼，所述程序代碼包括指令；當(dāng)所述處理器執(zhí)行所述指令時(shí)，所述指令使所述終端執(zhí)行上述第一方面和第一方面的各可能實(shí)現(xiàn)方式的UI控件的顯示控制方法。

第四方面，本申請?zhí)峁┝艘环N存儲一個(gè)或多個(gè)程序的計(jì)算機(jī)可讀存儲介質(zhì)，所述一個(gè)或多個(gè)程序包括指令，所述指令當(dāng)被終端執(zhí)行時(shí)使所述終端執(zhí)行上述第一方面和第一方面的各可能實(shí)現(xiàn)方式的UI控件的顯示控制方法。

附圖說明

為了更清楚地說明本發(fā)明實(shí)施例中的技術(shù)方案，下面將對實(shí)施例描述中所需要使用的附圖作簡要介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對于本領(lǐng)域的普通技術(shù)人員來講，在不付出創(chuàng)造性勞動性的前提下，還可以根據(jù)這些附圖獲得其他的附圖。

圖1為本發(fā)明一些實(shí)施例提供的UI控件的顯示控制方法的流程示意圖；

圖2為用戶界面上的UI控件示意圖；

圖3為本發(fā)明一些實(shí)施例提供的UI控件的顯示控制方案在實(shí)際場景中的應(yīng)用流程示意圖；

圖4為本發(fā)明的一些實(shí)施例中用戶界面上的UI控件初始狀態(tài)時(shí)的示意圖；

圖5為本發(fā)明一些實(shí)施例提供的UI控件的顯示控制裝置的結(jié)構(gòu)示意圖；

圖6為本發(fā)明一些實(shí)施例提供的終端的結(jié)構(gòu)示意圖。

具體實(shí)施方式

為了使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合附圖對本發(fā)明作進(jìn)一步地詳細(xì)描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部份實(shí)施例，而不是全部的實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其它實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。

目前的UI控件在用戶界面上顯示和隱藏通常是一樣的動畫方式，比如淡入淡出、滑入滑出等，但并不能淡入滑出或者滑入淡出，即UI控件在顯示和隱藏時(shí)所能夠?qū)崿F(xiàn)的動畫效果不能分離，因而傳統(tǒng)方案雖然能實(shí)現(xiàn)UI控件按照設(shè)定動畫方式顯示和隱藏，但是不能使得UI控件顯示時(shí)的動畫與隱藏時(shí)的動畫不同，動畫的形式只有一種，對系統(tǒng)所提供的可選動畫方式的利用并不靈活。如果需要對UI控件的顯示和隱藏定制不同的動畫方式，通過傳統(tǒng)代碼編寫的方式實(shí)現(xiàn)不僅在實(shí)現(xiàn)上較為復(fù)雜，而且也不利于開發(fā)的簡潔性。

為了克服上述UI控件在顯示和隱藏動畫方式上的局限性，本發(fā)明實(shí)施例提出一種UI控件的顯示控制方法及裝置，用以靈活顯示和隱藏UI控件，滿足對UI控件定制不同的顯示和隱藏動畫效果的需求。

具體地，在本發(fā)明實(shí)施例所提供的UI控件的顯示控制方案中，終端在檢測到需要在該用戶界面上顯示UI控件時(shí)，可以按照第一動畫方式在該用戶界面上顯示該UI控件，在檢測到需要在該用戶界面上隱藏該UI控件時(shí)，可以按照與第二動畫方式不同的第二動畫方式從該用戶界面上隱藏該UI控件。因而，通過本發(fā)明實(shí)施例所提供的UI控件的顯示控制方案，能夠使得UI控件顯示的動畫和隱藏的動畫之間相分離，降低UI控件顯示和隱藏動畫間的耦合度，能夠靈活顯示和隱藏UI控件，滿足對UI控件定制不同的顯示和隱藏動畫的需求。

具體地，本發(fā)明實(shí)施例所提供的UI控件的顯示控制方案主要是使得UI控件在不需要進(jìn)行顯示時(shí)均處于相同的初始狀態(tài)(UI控件位于顯示屏幕的邊界外部并為透明)，來作為UI控件按照各種動畫方式進(jìn)行顯示的初始狀態(tài)，從而使得UI控件能夠按照各種動畫方式進(jìn)行顯示，并能夠按照相同或者不同的動畫方式回退到該初始狀態(tài)，形成循環(huán)，從而實(shí)現(xiàn)UI控件動畫效果的分離，降低UI控件動畫的耦合度，且不破壞UI控件動畫的多重性，滿足對UI控件定制不同的顯示和隱藏動畫的需求。

下面結(jié)合附圖對本發(fā)明實(shí)施例進(jìn)行詳細(xì)描述。

本發(fā)明的實(shí)施例涉及具有顯示屏幕的終端。舉例來說，本發(fā)明的實(shí)施例中所描述的具有顯示屏幕的終端可以包括智能手機(jī)、平板電腦、電子書閱讀器、游戲機(jī)、膝上型便攜計(jì)算機(jī)、臺式計(jì)算機(jī)、個(gè)人數(shù)字助理(Personal Digital Assistant，PDA)、銷售終端(Point of Sales，POS)、車載電腦、便攜式多媒體播放器、移動醫(yī)療設(shè)備、相機(jī)或可穿戴設(shè)備(例如手表或頭戴式設(shè)備)等等。

終端上運(yùn)行有操作系統(tǒng)(Operating System，OS)，操作系統(tǒng)的功能包括管理終端的硬件、軟件及數(shù)據(jù)資源，控制程序運(yùn)行，為其它應(yīng)用軟件提供支持，提供各種形式的用戶界面等。具體比如，Android(Google公司開發(fā)的操作系統(tǒng))、iOS(蘋果公司開發(fā)的移動操作系統(tǒng))等可運(yùn)行在終端上的操作系統(tǒng)。

終端通常通過操作系統(tǒng)來支持多種應(yīng)用程序，諸如以下中的一種或多種：呈現(xiàn)應(yīng)用程序、文字處理應(yīng)用程序、電話應(yīng)用程序、電子郵件應(yīng)用程序、即時(shí)消息應(yīng)用程序、網(wǎng)絡(luò)瀏覽應(yīng)用程序等?？稍诮K端上執(zhí)行的各種應(yīng)用程序可使用至少一個(gè)共用的物理用戶接口設(shè)備，如顯示屏幕。終端的一種或多種功能以及顯示在顯示屏幕上的相應(yīng)信息可從一種應(yīng)用程序調(diào)整和/或變化至下一種應(yīng)用程序和/或在相應(yīng)應(yīng)用程序內(nèi)被調(diào)整和/或變化。這樣，終端的共用物理架構(gòu)(如顯示屏幕)可利用對用戶而言直觀清楚的用戶界面來支持各種應(yīng)用程序。

圖1示出了本發(fā)明的一些實(shí)施例提供的用戶界面UI控件的顯示控制方法的流程示意圖，該流程可由通過軟件編程或軟硬件的結(jié)合實(shí)現(xiàn)，具體可實(shí)現(xiàn)在具有顯示屏幕的終端上。

如圖1所示，本發(fā)明的一些實(shí)施例提供的UI控件的顯示控制方法的流程包括如下步驟：

步驟101：終端在顯示屏幕上顯示一個(gè)用戶界面時(shí)，創(chuàng)建需要在該用戶界面上顯示的UI控件。

步驟102：終端若檢測到需要在該用戶界面上顯示該UI控件時(shí)，按照第一動畫方式在該用戶界面上顯示該UI控件；終端若檢測到需要在該用戶界面上隱藏該UI控件時(shí)，按照第二動畫方式從該用戶界面上隱藏該UI控件；其中，第一動畫方式與第二動畫方式不同。

應(yīng)當(dāng)理解的是，雖然術(shù)語“第一”、“第二”等可能在本申請中用來描述各種元素(比如動畫方式)，但是這些元素不被這些術(shù)語所限定，這些術(shù)語只是用來將一個(gè)元素與另一個(gè)元素區(qū)分開。例如，第一動畫方式可以被命名為第二動畫方式，第二動畫方式可以被命名為第一動畫方式，而不悖離本發(fā)明的范圍，第一動畫方式和第二動畫方式兩者都是動畫方式，但它們不是同一動畫方式。

用戶界面可以是終端中運(yùn)行的任一應(yīng)用程序的某個(gè)UI界面。UI界面中可以包含有文本、圖片、按鈕、開關(guān)、進(jìn)度條、圖表、輸入框等UI控件。終端可以展示UI界面，并通過在UI界面上展示的UI控件實(shí)現(xiàn)與用戶的交互。

比如，圖2示出了用戶界面上的UI控件示意圖，如圖2所示，該用戶界面在視頻視圖的層級之上依次部署的UI控件包括有諸如暫停/播放按鈕UI控件、進(jìn)度條UI控件、音量控制UI控件以及文本框UI控件等等，各個(gè)UI控件層級顯示在該用戶界面的視頻視圖之上。

具體地，在本發(fā)明的一些實(shí)施例中，終端在顯示屏幕上顯示一個(gè)用戶界面時(shí)，可以按照以下方式來創(chuàng)建需要在該用戶界面上顯示的UI控件：

終端確定該終端顯示屏幕的邊界；進(jìn)而，該終端在所確定出的終端顯示屏幕的邊界外部創(chuàng)建該UI控件，并設(shè)置該UI控件為透明。

比如，以終端為運(yùn)行iOS系統(tǒng)的終端為例，終端可通過執(zhí)行代碼來創(chuàng)建UI控件，通過這些代碼調(diào)用系統(tǒng)接口可以獲知終端顯示屏幕的邊界，進(jìn)而在創(chuàng)建該UI控件時(shí)，可以將該UI控件的坐標(biāo)位置設(shè)置于顯示屏幕的邊界外部，同時(shí)可以將該UI控件設(shè)置為透明(在iOS系統(tǒng)中透明度使用alpha值設(shè)置，alpha值為0表示全透明，alpha值為1表示不透明)。

終端可按照預(yù)設(shè)的動畫方式在用戶界面上顯示和隱藏所創(chuàng)建的UI控件，在本發(fā)明實(shí)施例中，終端在用戶界面上顯示和隱藏UI控件的動畫方式不同。

比如，仍然以終端為運(yùn)行iOS系統(tǒng)的終端為例，iOS系統(tǒng)中實(shí)現(xiàn)的動畫方式包括有基于UIView的動畫，在一個(gè)UIView中包括有以下的動畫屬性：改變視圖位置的動畫屬性、翻轉(zhuǎn)或者放縮視圖的動畫屬性、改變視圖的透明度的動畫屬性、改變視圖尺寸的動畫屬性、改變視圖的背景顏色的動畫屬性等等；

基于上述動畫屬性，可以看到，通過改變視圖的透明度的動畫屬性可以實(shí)現(xiàn)UI控件的淡入淡出，通過改變視圖位置的動畫屬性可以實(shí)現(xiàn)UI控件的滑入滑出，而在滑入滑出或者淡入淡出的基礎(chǔ)上還可以進(jìn)一步地通過UI控件的其它動畫屬性協(xié)助實(shí)現(xiàn)其它諸如旋轉(zhuǎn)滑入滑出或者縮放淡入淡出等動畫。系統(tǒng)可以提供有預(yù)設(shè)的各種動畫方式的調(diào)用接口以供開發(fā)者設(shè)計(jì)開發(fā)UI控件時(shí)使用。

根據(jù)上述分析可知，淡入淡出以及滑入滑出為基礎(chǔ)的UI控件顯示和隱藏的動畫方式，因而，本申請將主要以淡入淡出以及滑入滑出為例，對本申請所提供的UI控件的顯示控制方案進(jìn)行描述，應(yīng)當(dāng)理解的是，本申請所提供的UI控件的顯示控制方案也適用于任意其它的UI控件顯示和隱藏的動畫方式。

盡管目前UI控件顯示和隱藏的動畫方式有淡入淡出、滑入滑出等，但由于其分別通過改變UI控件不同的屬性來實(shí)現(xiàn)，UI控件隱藏時(shí)的狀態(tài)并不相同，因而，并不能夠方便地協(xié)同使用以實(shí)現(xiàn)諸如淡入滑出、滑入淡出等動畫。

比如，如果設(shè)置UI控件按照滑入滑出動畫方式顯示和隱藏，UI控件隱藏時(shí)仍然保持與顯示狀態(tài)一致的透明度；如果設(shè)置UI控件按照淡入淡出動畫方式顯示和隱藏，UI控件隱藏時(shí)將仍然保持與顯示狀態(tài)一致的位置。因而，目前UI控件只能淡入淡出、或者滑入滑出，但并不能淡入滑出、或者滑入淡出，無法滿足定制不同的動畫效果的需求。

而在本發(fā)明實(shí)施例中，由于通過步驟101所創(chuàng)建的UI控件在創(chuàng)建時(shí)位于終端顯示屏幕的邊界外部，并且被設(shè)置為透明，因而，可以看到：

在本發(fā)明實(shí)施例中，如果需要UI控件滑入淡出，那么終端在顯示UI控件時(shí)，可以通過先設(shè)置UI控件的改變視圖的透明度的動畫屬性使得UI控件為不透明，此時(shí)UI控件依然保持在終端顯示屏幕外部，再按照滑入動畫方式中對UI控件的改變視圖位置的動畫屬性進(jìn)行設(shè)置，從而使得已經(jīng)變?yōu)椴煌该鞯腢I控件滑入用戶界面上的預(yù)設(shè)位置；在隱藏UI控件時(shí)，可以先按照淡出動畫方式對UI控件的改變視圖的透明度的動畫屬性進(jìn)行設(shè)置，使UI控件為透明，此時(shí)UI控件依然保持在用戶界面上的預(yù)設(shè)位置，再通過設(shè)置UI控件的改變視圖位置的動畫屬性使已經(jīng)變?yōu)橥该鞯腢I控件移動至終端顯示屏幕的邊界外部；

如果需要UI控件淡入滑出，那么終端在顯示UI控件時(shí)，可以通過先設(shè)置UI控件的改變視圖位置的動畫屬性使得UI控件移動至用戶界面上的預(yù)設(shè)位置，此時(shí)UI控件依然保持不透明，再按照淡入動畫方式對UI控件的改變視圖的透明度的動畫屬性進(jìn)行設(shè)置，從而使得已經(jīng)位于預(yù)設(shè)位置的UI控件變?yōu)椴煌该鳎辉陔[藏UI控件時(shí)，可以先按照滑出動畫方式對UI控件的改變視圖位置的動畫屬性進(jìn)行設(shè)置使得UI控件滑出終端顯示屏幕的邊界外部，此時(shí)UI控件依然保持不透明，再設(shè)置UI控件的改變視圖的透明度的動畫屬性使不透明的UI控件變?yōu)橥该鳌?/p>

因而，在本發(fā)明一些實(shí)施例中，終端在檢測到需要在用戶界面上顯示UI控件時(shí)，可以按照滑入動畫方式在該用戶界面上顯示該UI控件，并在檢測到需要在該用戶界面上隱藏該UI控件時(shí)，按照淡出動畫方式從該用戶界面上隱藏該UI控件。

具體地，終端在按照滑入動畫方式在該用戶界面上顯示該UI控件時(shí)，可對由步驟101所創(chuàng)建的UI控件，先將該UI控件設(shè)置為不透明，再按照滑入動畫方式，控制該UI控件滑動至該用戶界面中的預(yù)設(shè)顯示位置；在按照淡出動畫方式從該用戶界面上隱藏該UI控件時(shí)，可先按照淡出動畫方式，控制該UI控件從不透明漸變至透明，再將該UI控件移動至終端顯示屏幕的邊界外部。

具體地，終端在按照滑入動畫方式控制該UI控件滑動至該用戶界面中的預(yù)設(shè)顯示位置時(shí)，可以通過調(diào)用系統(tǒng)預(yù)設(shè)的滑入滑出動畫接口來實(shí)現(xiàn)UI的滑入動畫效果，在按照淡出動畫方式控制該UI控件從不透明漸變至透明時(shí)，可以通過調(diào)用系統(tǒng)預(yù)設(shè)的淡入淡出動畫接口來實(shí)現(xiàn)UI的淡出動畫效果。

在本發(fā)明又一些實(shí)施例中，終端可以在檢測到需要在用戶界面上顯示UI控件時(shí)，按照淡入動畫方式在該用戶界面上顯示該UI控件，并在檢測到需要在該用戶界面上隱藏該UI控件時(shí)，按照滑出方式從該用戶界面上隱藏該UI控件。

具體地，終端在按照淡入動畫方式在用戶界面顯示該UI控件時(shí)，可對由步驟101所創(chuàng)建的UI控件，先將該UI控件移動至用戶界面中的預(yù)設(shè)顯示位置，再按照淡入動畫方式，控制該UI控件從透明漸變至不透明；在按照滑出動畫方式從該用戶界面上隱藏該UI控件時(shí)，可先按照滑出動畫方式，控制該UI控件滑動至終端顯示屏幕的邊界外部，再將該UI控件設(shè)置為透明。

相應(yīng)地，終端在按照淡入動畫方式控制該UI控件從透明漸變至不透明時(shí)，可以通過調(diào)用系統(tǒng)預(yù)設(shè)的淡入淡出動畫接口來實(shí)現(xiàn)UI的淡入動畫效果，在按照滑出動畫方式控制該UI控件滑動至終端顯示屏幕的邊界外部時(shí)，可以通過調(diào)用系統(tǒng)預(yù)設(shè)的滑入滑出動畫接口來實(shí)現(xiàn)UI的滑出動畫效果。

其中，終端檢測到需要在用戶界面上顯示UI控件的情形比如可以是接收顯示用戶界面的觸發(fā)信號的情形，或者也可以是在被創(chuàng)建的UI控件或者被隱藏的至少一個(gè)UI控件所對應(yīng)的觸發(fā)區(qū)域接收到顯示UI控件的觸發(fā)信號的情形等等；相應(yīng)地，終端檢測到需要從用戶界面上隱藏UI控件的情形比如可以是在被顯示的該UI控件的顯示時(shí)長達(dá)到預(yù)設(shè)時(shí)長的情形，或者也可以是被顯示的該UI控件所對應(yīng)的觸發(fā)區(qū)域接收到隱藏UI控件的觸發(fā)信號的情形等等。

具體地，在本發(fā)明實(shí)施例中，第一動畫方式可以是預(yù)先設(shè)置的動畫方式，或者也可以是由終端從預(yù)先設(shè)置的動畫方式集合中所選擇出的動畫方式；第二動畫方式可以是預(yù)先設(shè)置的動畫方式，或者也可以是由終端從預(yù)先設(shè)置的動畫方式集合中所選擇出的動畫方式。

具體地，考慮到視覺上的一致性，終端可以按照第一動畫方式對用戶界面中顯示的至少一個(gè)UI控件進(jìn)行顯示，按照第一動畫方式也可以對該用戶界面中的所有UI控件進(jìn)行顯示，還可以按照第一動畫方式對用戶界面中的部分UI控件進(jìn)行顯示；終端可以按照第二動畫方式對用戶界面中顯示的至少一個(gè)UI控件進(jìn)行隱藏，也可以按照第二動畫方式對該用戶界面中的所有UI控件進(jìn)行隱藏，還可以按照第二動畫方式對用戶界面中的部分UI控件進(jìn)行隱藏。

通過以上描述可以看出，在本發(fā)明實(shí)施例中提供的UI控件的顯示控制方法中，終端在檢測到需要在該用戶界面上顯示UI控件時(shí)，可以按照第一動畫方式在該用戶界面上顯示該UI控件，在檢測到需要在該用戶界面上隱藏該UI控件時(shí)，可以按照與第二動畫方式不同的第二動畫方式從該用戶界面上隱藏該UI控件。因而，通過本發(fā)明實(shí)施例所提供的UI控件的顯示控制方案，能夠使得UI控件顯示的動畫和隱藏的動畫之間相分離，降低UI控件顯示和隱藏動畫間的耦合度，能夠靈活顯示和隱藏UI控件，滿足對UI控件定制不同的顯示和隱藏動畫的需求。

具體地，在本發(fā)明實(shí)施例所提供的UI控件的顯示控制方案中，UI控件在不需要進(jìn)行顯示時(shí)均處于相同的初始狀態(tài)(UI控件位于顯示屏幕的邊界外部并為透明)，進(jìn)而UI控件能夠按照各種動畫方式進(jìn)行顯示，并能夠按照相同或者不同的動畫方式回退到該初始狀態(tài)，形成循環(huán)，實(shí)現(xiàn)UI控件動畫效果的分離，降低UI控件動畫的耦合度，且不破壞UI控件動畫的多重性，豐富用戶體驗(yàn)。

為了更清楚地說明本發(fā)明實(shí)施例所提供的UI控件的顯示控制方案，下面將以本發(fā)明實(shí)施例所提供的UI控件的顯示控制方案應(yīng)用于運(yùn)行iOS系統(tǒng)的終端為例，詳細(xì)說明如圖1所示的本發(fā)明一些實(shí)施例所提供的UI控件的顯示控制方法流程。

圖3示出了本發(fā)明一些實(shí)施例所提供的UI控件的顯示控制方法應(yīng)用到iOS系統(tǒng)中的流程示意圖。如圖3所示：

終端創(chuàng)建UI控件，被創(chuàng)建的UI控件處于初始狀態(tài)(301)：UI控件位于終端顯示屏幕的邊界外部，且alpha值為0，即為全透明的狀態(tài)；

終端如果檢測到需要在用戶界面上顯示該UI控件，則該UI控件將被轉(zhuǎn)入顯示狀態(tài)(302)，該UI控件顯示后，終端如果檢測到需要從用戶界面上隱藏UI控件，則該UI控件將被轉(zhuǎn)入隱藏狀態(tài)(303)，該UI控件不可見，其中：

情形A：如果該UI控件被設(shè)置為按照淡入動畫方式(相當(dāng)于上述的第一動畫方式)顯示(比如通過調(diào)用系統(tǒng)提供的淡入淡出動畫方式接口)，那么終端將會先將該UI控件移動至屏幕邊界內(nèi)部用戶界面上的預(yù)設(shè)位置，此時(shí)該UI控件的alpha值將保持為0，再執(zhí)行alpha值漸變?yōu)?(不透明)的淡入動畫；進(jìn)而，UI控件顯示在用戶界面的預(yù)設(shè)位置處，并且alpha值為1；

進(jìn)一步地，如果該UI控件被設(shè)置為按照滑出方式(相當(dāng)于上述的第二動畫方式)隱藏(比如通過調(diào)用系統(tǒng)提供的滑入滑出動畫方式接口)，那么終端將會先執(zhí)行將該UI控件滑出至屏幕邊界外部的滑出動畫，此時(shí)該UI控件的alpha值將保持為1，再將該UI控件的alpha值設(shè)置為0；

可以看到，通過上述過程UI控件從顯示狀態(tài)(302)所轉(zhuǎn)入的隱藏狀態(tài)(303)與初始狀態(tài)(301)相同，即可以認(rèn)為UI控件重新恢復(fù)到了初始狀態(tài)(301)；

情形B：如果該UI控件被設(shè)置為按照滑入動畫方式(相當(dāng)于上述的第一動畫方式)顯示(比如通過調(diào)用系統(tǒng)提供的滑入滑出動畫方式接口)，那么終端將會先將該UI控件的alpha值設(shè)置為1，再執(zhí)行將該UI控件滑入至屏幕邊界內(nèi)部用戶界面上的預(yù)設(shè)位置的滑入動畫；進(jìn)而，UI控件顯示在用戶界面的預(yù)設(shè)位置處，并且alpha值為1；

進(jìn)一步地，如果該UI控件被設(shè)置為按照淡出方式(相當(dāng)于上述的第二動畫方式)隱藏(比如通過調(diào)用系統(tǒng)提供的淡入淡出動畫方式接口)，那么終端將會先執(zhí)行alpha值漸變?yōu)?(透明)的淡出動畫，再將該UI控件移動至屏幕邊界外部，此時(shí)該UI控件的alpha值保持為0；

可以看到，通過上述過程UI控件從顯示狀態(tài)(302)所轉(zhuǎn)入的隱藏狀態(tài)(303)也與初始狀態(tài)(301)相同，即可以認(rèn)為UI控件重新恢復(fù)到了初始狀態(tài)(301)。

比如以圖2所示的用戶界面上的UI控件示意圖為例，圖4示出了本發(fā)明的一些實(shí)施例中用戶界面上的UI控件初始狀態(tài)時(shí)的示意圖，其中，圖4中所示出的UI控件位于顯示屏幕邊界外部，同時(shí)為透明狀態(tài)。

可以看到，如圖3所示的UI控件的顯示與隱藏的循環(huán)過程中UI控件每次隱藏都變成了統(tǒng)一的不可見狀態(tài)(透明度為0，且UI在動畫作用的范圍以外)，進(jìn)而可以按照所設(shè)置的動畫方式顯示或隱藏UI控件，雖然UI控件本身并沒有消失，但是通過設(shè)置該UI控件的該初始狀態(tài)作為所有動畫啟動的初始狀態(tài)，相當(dāng)于找到了一個(gè)的用戶視覺盲區(qū)，UI控件在初始狀態(tài)時(shí)對于用戶不可見，并且也不影響用戶體驗(yàn)；同時(shí)，通過設(shè)置該UI控件的該初始狀態(tài)作為所有動畫啟動的初始狀態(tài)，可以靈活地顯示和隱藏UI控件，使UI控件在顯示和隱藏的時(shí)候?qū)崿F(xiàn)動畫分離，即顯示的動畫方式與隱藏的動畫方式可以自由定制，滿足對UI控件定制不同的顯示和隱藏動畫效果的需求。

本發(fā)明實(shí)施例所提供一種UI控件的顯示控制方案實(shí)現(xiàn)較為簡單，同時(shí)不破壞UI控件動畫方式的多重性，降低UI控件動畫方式的耦合度，實(shí)現(xiàn)UI控件顯示和隱藏分離式的動畫效果，通過本發(fā)明實(shí)施例所提供一種UI控件的顯示控制方案可以靈活地顯示和隱藏UI控件，滿足對UI控件定制不同的顯示和隱藏動畫效果的需求。

基于相同的技術(shù)構(gòu)思，本發(fā)明實(shí)施例還提供一種用戶界面UI控件顯示的控制裝置，該裝置可執(zhí)行上述方法實(shí)施例。本發(fā)明實(shí)施例提供的UI控件顯示的控制裝置如圖5所示，所述裝置包括：

創(chuàng)建模塊501，用于在顯示屏幕上顯示一個(gè)用戶界面時(shí)，創(chuàng)建需要在所述用戶界面上顯示的UI控件；

顯示模塊502，用于在檢測到需要在所述用戶界面上顯示所述UI控件時(shí)，按照第一動畫方式在所述用戶界面上顯示所述UI控件；以及，在檢測到需要在所述用戶界面上隱藏所述UI控件時(shí)，按照第二動畫方式從所述用戶界面上隱藏所述UI控件；其中，所述第一動畫方式與所述第二動畫方式不同。

在本發(fā)明的一些實(shí)施例中，所述創(chuàng)建模塊501，具體用于：

確定所述終端顯示屏幕的邊界；

在所述終端顯示屏幕的邊界外部創(chuàng)建所述UI控件，并設(shè)置所述UI控件為透明。

在本發(fā)明的一些實(shí)施例中，所述第一動畫方式為淡入動畫方式，所述第二動畫方式為滑出動畫方式；

所述顯示模塊502，具體用于：

在檢測到需要在所述用戶界面上顯示所述UI控件時(shí)，將所述UI控件移動至所述用戶界面中的預(yù)設(shè)顯示位置；按照所述淡入動畫方式，控制所述UI控件從透明漸變至不透明；以及

在檢測到需要在所述用戶界面上隱藏所述UI控件時(shí)，按照所述滑出動畫方式，控制所述UI控件滑動至所述終端顯示屏幕的邊界外部；將所述UI控件設(shè)置為透明。

在本發(fā)明的一些實(shí)施例中，所述第一動畫方式為滑入動畫方式，所述第二動畫方式為淡出動畫方式；

所述顯示模塊502，具體用于：

在檢測到需要在所述用戶界面上顯示所述UI控件時(shí)，將所述UI控件設(shè)置為不透明；按照所述滑入動畫方式，控制所述UI控件滑動至所述用戶界面中的預(yù)設(shè)顯示位置；

在檢測到需要在所述用戶界面上隱藏所述UI控件時(shí)，按照所述淡出動畫方式，控制所述UI控件從不透明漸變至透明；將所述UI控件移動至所述終端顯示屏幕的邊界外部。

在本發(fā)明的一些實(shí)施例中，所述第一動畫方式和/或所述第二動畫方式為預(yù)先設(shè)置的動畫方式，或者為所述終端從預(yù)先設(shè)置的動畫方式集合中所選擇出的動畫方式。

需要說明的是：本發(fā)明上述實(shí)施例提供的UI控件的顯示控制裝置和終端在控制UI控件的顯示時(shí)，僅以上述各功能模塊的劃分進(jìn)行舉例說明，實(shí)際應(yīng)用中，可以根據(jù)需要而將上述功能分配由不同的功能模塊完成，即將設(shè)備的內(nèi)部結(jié)構(gòu)劃分成不同的功能模塊，以完成以上描述的全部或者部分功能。另外，上述實(shí)施例提供的UI控件的顯示控制裝置和終端與UI控件的顯示控制方法的方法實(shí)施例屬于同一構(gòu)思，其具體實(shí)現(xiàn)過程詳見方法實(shí)施例，這里不再贅述。

基于相同的技術(shù)構(gòu)思，本發(fā)明的一個(gè)實(shí)施例還提供了一種終端，該終端可用于實(shí)施前述實(shí)施例中提供的UI控件的顯示控制方法流程。

圖6示出了本發(fā)明一些實(shí)施例所提供的終端的結(jié)構(gòu)示意圖。

如圖6所示，該終端可以包括處理器601、存儲器602以及顯示屏幕603等部件。本領(lǐng)域技術(shù)人員可以理解，圖6中示出的終端結(jié)構(gòu)并不構(gòu)成對終端的限定，可以包括比圖示更多或更少的部件，或者組合某些部件，或者不同的部件布置。

處理器601是終端的控制中心，利用各種接口和線路連接整個(gè)終端的各個(gè)部分，通過運(yùn)行或執(zhí)行存儲在存儲器602內(nèi)的軟件程序和/或模塊，以及調(diào)用存儲在存儲器602內(nèi)的數(shù)據(jù)，執(zhí)行終端的各種功能和處理數(shù)據(jù)?？蛇x的，處理器601可包括一個(gè)或多個(gè)處理核心；處理器601可集成應(yīng)用處理器和調(diào)制解調(diào)處理器，其中，應(yīng)用處理器主要處理操作系統(tǒng)、用戶界面和應(yīng)用程序等，調(diào)制解調(diào)處理器主要處理無線通信?？梢岳斫獾氖?，上述調(diào)制解調(diào)處理器也可以不集成到處理器601中。

存儲器602可用于存儲軟件程序以及模塊，處理器601通過運(yùn)行存儲在存儲器602的軟件程序以及模塊，從而執(zhí)行各種功能應(yīng)用以及數(shù)據(jù)處理。存儲器602可主要包括存儲程序區(qū)和存儲數(shù)據(jù)區(qū)，其中，存儲程序區(qū)可存儲操作系統(tǒng)、至少一個(gè)功能所需的應(yīng)用程序等；存儲數(shù)據(jù)區(qū)可存儲根據(jù)終端的使用所創(chuàng)建的數(shù)據(jù)等。此外，存儲器602可以包括高速隨機(jī)存取存儲器，還可以包括非易失性存儲器，例如至少一個(gè)磁盤存儲器件、閃存器件、或其他易失性固態(tài)存儲器件。相應(yīng)地，存儲器602還可以包括存儲器控制器，以提供處理器601對存儲器602的訪問。

顯示屏幕603可用于顯示由用戶輸入的信息或提供給用戶的信息以及終端的各種圖形界面，這些圖形界面可以由圖形、文本、圖標(biāo)、視頻和其任意組合來構(gòu)成。顯示屏幕603可包括顯示面板，比如可以采用LCD(Liquid Crystal Display，液晶顯示器)、OLED(Organic Light-Emitting Diode,有機(jī)發(fā)光二極管)等形式來配置。

具體在本實(shí)施例中，處理器601與顯示屏幕603耦合連接；顯示屏幕603用于顯示終端的用戶界面；存儲器602與處理器601耦合連接；存儲器602用于存儲計(jì)算機(jī)可執(zhí)行程序代碼，程序代碼包括指令；當(dāng)處理器601執(zhí)行所述指令時(shí)，所述指令使所述終端執(zhí)行本發(fā)明前述實(shí)施例所描述的UI控件的顯示控制方法流程，具體可參見前述實(shí)施例的描述，本申請?jiān)诖藢⒉辉儋樖觥?/p>

基于相同的技術(shù)構(gòu)思，本發(fā)明一些實(shí)施例還提供了一種存儲一個(gè)或多個(gè)程序的計(jì)算機(jī)可讀存儲介質(zhì)，所述一個(gè)或多個(gè)程序包括指令，所述指令當(dāng)被終端執(zhí)行時(shí)使所述終端執(zhí)行本發(fā)明前述實(shí)施例所描述的UI控件的顯示控制方法流程，具體可參見前述實(shí)施例的描述，本申請?jiān)诖藢⒉辉儋樖觥?/p>

對于軟件實(shí)施，這些技術(shù)可以用實(shí)現(xiàn)這里描述的功能的模塊(例如程序、功能等等)實(shí)現(xiàn)。軟件代碼可以儲存在存儲器單元中，并且由處理器執(zhí)行。存儲器單元可以在處理器內(nèi)或者在處理器外實(shí)現(xiàn)。

本發(fā)明是參照根據(jù)本發(fā)明實(shí)施例的方法、設(shè)備(系統(tǒng))、和計(jì)算機(jī)程序產(chǎn)品的流程圖和/或方框圖來描述的。應(yīng)理解可由計(jì)算機(jī)程序指令實(shí)現(xiàn)流程圖和/或方框圖中的每一流程和/或方框、以及流程圖和/或方框圖中的流程和/或方框的結(jié)合?？商峁┻@些計(jì)算機(jī)程序指令到通用計(jì)算機(jī)、專用計(jì)算機(jī)、嵌入式處理機(jī)或其他可編程數(shù)據(jù)處理設(shè)備的處理器以產(chǎn)生一個(gè)機(jī)器，使得通過計(jì)算機(jī)或其他可編程數(shù)據(jù)處理設(shè)備的處理器執(zhí)行的指令產(chǎn)生用于實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能的裝置。

這些計(jì)算機(jī)程序指令也可存儲在能引導(dǎo)計(jì)算機(jī)或其他可編程數(shù)據(jù)處理設(shè)備以特定方式工作的計(jì)算機(jī)可讀存儲器中，使得存儲在該計(jì)算機(jī)可讀存儲器中的指令產(chǎn)生包括指令裝置的制造品，該指令裝置實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能。

這些計(jì)算機(jī)程序指令也可裝載到計(jì)算機(jī)或其他可編程數(shù)據(jù)處理設(shè)備上，使得在計(jì)算機(jī)或其他可編程設(shè)備上執(zhí)行一系列操作步驟以產(chǎn)生計(jì)算機(jī)實(shí)現(xiàn)的處理，從而在計(jì)算機(jī)或其他可編程設(shè)備上執(zhí)行的指令提供用于實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能的步驟。

盡管已描述了本發(fā)明的優(yōu)選實(shí)施例，但本領(lǐng)域內(nèi)的技術(shù)人員一旦得知了基本創(chuàng)造性概念，則可對這些實(shí)施例作出另外的變更和修改。所以，所附權(quán)利要求意欲解釋為包括優(yōu)選實(shí)施例以及落入本發(fā)明范圍的所有變更和修改。

顯然，本領(lǐng)域的技術(shù)人員可以對本發(fā)明進(jìn)行各種改動和變型而不脫離本發(fā)明的范圍。這樣，倘若本發(fā)明的這些修改和變型屬于本發(fā)明權(quán)利要求及其等同技術(shù)的范圍之內(nèi)，則本發(fā)明也意圖包含這些改動和變型在內(nèi)。