本發(fā)明涉及3D處理技術(shù)領(lǐng)域,特別是涉及一種應(yīng)用于觸摸終端的3D應(yīng)用圖標(biāo)交互方法及觸摸終端。
背景技術(shù):
手機(jī)、平板電腦等觸摸終端,由于采用觸摸操作大大便利了人們與終端設(shè)備的交互,手機(jī)和平板電腦等觸摸終端已經(jīng)成為人們?nèi)粘^k公、娛樂的常用設(shè)備。
但是,現(xiàn)有技術(shù)中,用戶界面的交互,除了滿足基本操作功能的交互外,功能比較單一,尤其是應(yīng)用圖標(biāo)本身沒任何變化、各個(gè)應(yīng)用圖標(biāo)之間也缺乏一定的聯(lián)系,給用戶呆板的感覺,缺乏靈活和樂趣。
技術(shù)實(shí)現(xiàn)要素:
本發(fā)明提供一種3D應(yīng)用圖標(biāo)交互方法及其觸摸終端,通過3D應(yīng)用圖標(biāo)的交互,提升用戶操控體驗(yàn),增強(qiáng)用戶界面的易用性、靈活性和樂趣性。
為解決上述技術(shù)問題,本發(fā)明采用的一個(gè)技術(shù)方案是:
一種應(yīng)用于觸摸終端的3D應(yīng)用圖標(biāo)交互方法,其特征在于,所述觸摸終端的顯示模式包括使用模式和圖標(biāo)編輯模式,在使用模式下,所述觸摸終端屏幕的用戶界面上顯示有背板以及懸浮于所述背板的3D應(yīng)用圖標(biāo),所述方法包括:
檢測操作體針對所述3D應(yīng)用圖標(biāo)輸入的操作信息;
根據(jù)所述檢測到的操作信息以及所述觸摸終端當(dāng)前所處的顯示模式,確定所述操作體當(dāng)前的操作類型;
根據(jù)所述確定出的操作類型,對所述3D應(yīng)用圖標(biāo)進(jìn)行變形處理, 以及執(zhí)行所述確定出的操作類型對應(yīng)的操作;
其中,所述3D應(yīng)用圖標(biāo)的立體效果是采用分層技術(shù)實(shí)現(xiàn)的。
為解決上述技術(shù)問題,本發(fā)明采用的一個(gè)技術(shù)方案是:
一種觸摸終端,所述觸摸終端的顯示模式包括使用模式和圖標(biāo)編輯模式,在使用模式下,所述觸摸終端屏幕的用戶界面上顯示有背板以及懸浮于所述背板的3D應(yīng)用圖標(biāo),所述觸摸終端還包括:
獲取模塊,用于獲取所述觸摸終端當(dāng)前所處的顯示模式;
檢測模塊,用于檢測操作體針對所述3D應(yīng)用圖標(biāo)輸入的操作信息;
確定模塊,用于根據(jù)所述檢測模塊檢測到的操作信息以及所述獲取模塊獲取的所述觸摸終端當(dāng)前所處的顯示模式,確定所述操作體當(dāng)前的操作類型;
處理模塊,用于根據(jù)所述確定模塊確定出的操作類型,對所述3D應(yīng)用圖標(biāo)進(jìn)行變形處理,以及執(zhí)行所述確定出的操作類型對應(yīng)的操作。
為解決上述技術(shù)問題,本發(fā)明采用的一個(gè)技術(shù)方案是:
提供一種觸摸終端,包括處理器、屏幕和總線,所述處理器和屏幕分別與所述總線連接;所述觸摸終端的顯示模式包括使用模式和圖標(biāo)編輯模式,在使用模式下,所述觸摸終端屏幕的用戶界面上顯示有背板以及懸浮于所述背板的3D應(yīng)用圖標(biāo);
所述處理器用于檢測操作體針對所述3D應(yīng)用圖標(biāo)輸入的操作信息,并根據(jù)所述檢測到的操作信息以及所述觸摸終端當(dāng)前所處的顯示模式,確定所述操作體當(dāng)前的操作類型,以及根據(jù)所述確定出的操作類型,對所述3D應(yīng)用圖標(biāo)進(jìn)行變形處理,以及執(zhí)行所述確定出的操作類型對應(yīng)的操作。
本發(fā)明實(shí)施例中,獲取觸摸終端的顯示模式和操作體在觸摸終端針對3D應(yīng)用圖標(biāo)輸入的操作信息,并根據(jù)顯示模式和操作信息確定操作類型,以及根據(jù)操作類型對采用分層技術(shù)來實(shí)現(xiàn)立體效果的3D應(yīng)用圖標(biāo)進(jìn)行變形處理,以及執(zhí)行對應(yīng)的操作,實(shí)現(xiàn)了3D應(yīng)用圖標(biāo)的交互,豐富了用戶界面的交互方式,提升了用戶操控體驗(yàn),極大增強(qiáng)用戶界面 的易用性、靈活性和樂趣性。同時(shí),由于采用分層技術(shù)來實(shí)現(xiàn)立體效果,與采用三維建?;蛞暡顖D像來實(shí)現(xiàn)立體效果的方法相比,具有存儲量小,對硬件配置要求更低的好處,具有更好的適用性。
附圖說明
圖1是本發(fā)明觸摸終端屏幕的用戶界面的示意圖;
圖2是本發(fā)明3D應(yīng)用圖標(biāo)懸浮于背板的示意圖;
圖3是本發(fā)明3D應(yīng)用圖標(biāo)交互方法第一實(shí)施例的流程圖;
圖4是本發(fā)明3D應(yīng)用圖標(biāo)交互方法第二實(shí)施例的流程圖;
圖5是本發(fā)明實(shí)施例中齒輪圖形的圖標(biāo)的示意圖;
圖6是本發(fā)明實(shí)施例中變形圖像隨著旋轉(zhuǎn)角度的變化示意圖;
圖7是本發(fā)明在使用模式下確定操作類型的流程圖;
圖8是本發(fā)明在觸摸終端上上下滑動打開子級功能的示意圖;
圖9是本發(fā)明在圖標(biāo)編輯模式下確定操作類型的流程圖;
圖10是本發(fā)明改變3D應(yīng)用圖標(biāo)的位置的示意圖;
圖11是本發(fā)明生成新文件夾的示意圖;
圖12是本發(fā)明刪除3D應(yīng)用圖標(biāo)的示意圖;
圖13是本發(fā)明在圖標(biāo)編輯模式下操作體吸起3D應(yīng)用圖標(biāo)的示意圖;
圖14是本發(fā)明在圖標(biāo)編輯模式下釋放3D應(yīng)用圖標(biāo)的示意圖;
圖15是本發(fā)明觸摸終端第一實(shí)施例的結(jié)構(gòu)示意圖;
圖16是本發(fā)明觸摸終端第二實(shí)施例的結(jié)構(gòu)示意圖;
圖17是本發(fā)明觸摸終端第三實(shí)施例的結(jié)構(gòu)示意圖。
具體實(shí)施例
下面結(jié)合附圖和實(shí)施例對本發(fā)明進(jìn)行詳細(xì)說明。
需要說明的是,如果不沖突,本發(fā)明實(shí)施例中的各個(gè)特征可以相互結(jié)合,均在本發(fā)明的保護(hù)范圍之內(nèi)。另外,雖然在裝置示意圖中進(jìn)行了功能模塊劃分,在流程圖中示出了邏輯順序,但是在某些情況下,可以以不同于裝置中的模塊劃分,或流程圖中的順序執(zhí)行所示出或描述的步 驟。
為便于理解本發(fā)明實(shí)施例,在開始描述本發(fā)明的各個(gè)實(shí)施例之前,對本發(fā)明的所有實(shí)施例中涉及到的一些術(shù)語進(jìn)行解釋。具體的,觸摸終端的屏幕上顯示有3D應(yīng)用圖標(biāo),所謂3D應(yīng)用圖標(biāo),指的是具有3D顯示效果的應(yīng)用程序圖標(biāo),即所說的具有立體效果的APP圖標(biāo)。觸摸終端的顯示模式包括圖標(biāo)編輯模式和使用模式。其中,觸摸終端正常顯示UI(User Interface,用戶界面)的方式稱為使用模式,將編輯用戶界面上應(yīng)用圖標(biāo)的模式稱為圖標(biāo)編輯模式。當(dāng)觸摸終端處于使用模式時(shí),觸摸終端的用戶界面上顯示有背板以及懸浮于背板的3D應(yīng)用圖標(biāo)。請結(jié)合圖1和圖2,當(dāng)觸摸終端處于使用模式時(shí),觸摸終端的用戶界面上顯示有背板11以及懸浮于背板11的3D應(yīng)用圖標(biāo)12。其中,在使用模式下,背板11是由多個(gè)多面體111無縫拼接形成的。在圖標(biāo)編輯模式下,多個(gè)多面體被分裂開來,每一個(gè)3D應(yīng)用圖標(biāo)對應(yīng)一個(gè)多面體,該多面體可以用于承載該3D應(yīng)用圖標(biāo)。
在本發(fā)明所有實(shí)施例中,觸摸終端包括諸如計(jì)算機(jī)、PDA、平板電腦、MP4、智能手機(jī),電紙書、游戲機(jī)等采用圖形用戶界面(UI)實(shí)現(xiàn)人機(jī)交互的設(shè)備。用戶可通過操作體對觸摸終端中顯示的3D應(yīng)用圖標(biāo)進(jìn)行操作,觸摸終端可根據(jù)操作體的操作進(jìn)行相應(yīng)的響應(yīng),以實(shí)現(xiàn)3D應(yīng)用圖標(biāo)的交互。
觸摸終端的用戶界面上一般顯示有多個(gè)3D應(yīng)用圖標(biāo)。下面,以操作體操作用戶界面上某一3D應(yīng)用圖標(biāo)為例,詳細(xì)描述本發(fā)明實(shí)施例中的3D應(yīng)用圖標(biāo)的交互方法及觸摸終端。
請參閱圖3,是本發(fā)明3D應(yīng)用圖標(biāo)交互方法第一實(shí)施例的流程圖,方法包括:
步驟S301,檢測操作體針對3D應(yīng)用圖標(biāo)輸入的操作信息;
操作體是指靠近或接觸屏幕時(shí)觸摸終端產(chǎn)生操作信號的觸摸載體,其可以為觸摸筆、觸摸手套、用戶的手等等,屏幕上的3D應(yīng)用圖標(biāo)指的是具有立體效果的應(yīng)用程序的圖標(biāo),不包括widget圖標(biāo)或者是文件夾圖標(biāo)。
步驟S302,根據(jù)檢測到的操作信息以及觸摸終端當(dāng)前所處的顯示模式,確定操作體當(dāng)前的操作類型;
其中,操作體的操作類型包括:隔空操作和/或觸屏操作。其中隔空操作即通常所說的懸浮操作,執(zhí)行此種操作時(shí),操作體未接觸觸屏終端的屏幕,且該種操作只有觸摸終端處于使用模式時(shí)才可能出現(xiàn)。而觸屏操作,即操作體接觸屏幕的操作,在使用模式和圖標(biāo)編輯模式均存在觸屏操作。具體地,使用模式下的觸屏操作包括:單擊操作、上下滑動操作、左右滑動操作或長按操作中的一種或多種。圖標(biāo)編輯模式下的觸屏操作包括:移動操作、切屏操作或快捷設(shè)置操作中的一種或多種。
可以理解的是,在隔空操作下,由于操作體不接觸屏幕,因此,此時(shí)檢測到的操作信息可以操作體與觸摸終端屏幕之間的距離。當(dāng)該距離滿足預(yù)設(shè)的距離條件時(shí),可確定出當(dāng)前的操作類型為隔空操作。當(dāng)檢測到操作體的操作類型為隔空操作時(shí),可根據(jù)操作體與顯示屏幕之間的實(shí)際距離,對3D應(yīng)用圖標(biāo)進(jìn)行渲染等變形處理并顯示。
然而,在觸屏操作下,由于操作體接觸屏幕,因此此時(shí)檢測到的操作信息則可以包括:操作體接觸屏幕的時(shí)間信息和/或操作體在屏幕上的運(yùn)動軌跡信息。其中,操作體接觸屏幕的時(shí)間信息是指操作體接觸屏幕的時(shí)長,操作體在屏幕上的運(yùn)動軌跡信息是指操作體接觸屏幕并在屏幕上滑動的相關(guān)信息。根據(jù)操作體接觸屏幕的時(shí)間信息和/或操作體在屏幕上的運(yùn)動軌跡信息以及結(jié)合顯示模式,則可以判斷出操作體當(dāng)前的操作類型。
步驟S303,根據(jù)步驟S302確定出的操作類型,對3D應(yīng)用圖標(biāo)進(jìn)行變形處理,以及執(zhí)行該確定出的操作類型對應(yīng)的操作。
在步驟S303中,觸摸終端可以根據(jù)確定出的操作類型,進(jìn)行相應(yīng)的響應(yīng)操作。在響應(yīng)相應(yīng)操作的過程中,可以先對圖標(biāo)進(jìn)行變形處理,然后執(zhí)行對應(yīng)的操作;也可以在執(zhí)行操作的過程中同時(shí)對圖標(biāo)進(jìn)行變形處理。
需要說明的是,在本發(fā)明的所有實(shí)施例中,觸摸終端上的3D應(yīng)用圖標(biāo)的立體效果是采用分層技術(shù)的方式來實(shí)現(xiàn)。所謂分層技術(shù)實(shí)現(xiàn)3D 立體效果,即是通過改變按照特定順序組合的分層圖片的變形參數(shù)來實(shí)現(xiàn)立體效果的技術(shù)。因此,在步驟S301之前,還可以包括:
步驟S300,預(yù)設(shè)3D應(yīng)用圖標(biāo)的分層信息。其中,3D應(yīng)用圖標(biāo)的分層信息包括:分層圖片以及該分層圖片的排列順序。其中,該分層圖片按照特定的排列順序組合之后,即可形成3D應(yīng)用圖標(biāo)。
本發(fā)明實(shí)施例中,獲取觸摸終端的顯示模式和操作體在觸摸終端針對3D應(yīng)用圖標(biāo)輸入的操作信息,并根據(jù)顯示模式和操作信息確定操作類型,以及根據(jù)操作類型對采用分層技術(shù)來實(shí)現(xiàn)立體效果的3D應(yīng)用圖標(biāo)進(jìn)行變形處理,以及執(zhí)行對應(yīng)的操作,實(shí)現(xiàn)了3D應(yīng)用圖標(biāo)的交互,豐富了用戶界面的交互方式,提升了用戶操控體驗(yàn),極大增強(qiáng)用戶界面的易用性、靈活性和樂趣性。同時(shí),由于采用分層技術(shù)來實(shí)現(xiàn)立體效果,與采用三維建?;蛞暡顖D像來實(shí)現(xiàn)立體效果的方法相比,具有存儲量小,對硬件配置要求更低的好處,具有更好的適用性。
請參閱圖4,是本發(fā)明3D應(yīng)用圖標(biāo)交互方法第二實(shí)施例的流程圖,該方法包括:
步驟S400,預(yù)設(shè)3D應(yīng)用圖標(biāo)的分層信息,3D應(yīng)用圖標(biāo)的分層信息包括:分層圖片以及所述分層圖片的排列順序;
步驟S401,檢測操作體針對3D應(yīng)用圖標(biāo)輸入的操作信息;
步驟S402,根據(jù)檢測到的操作信息以及觸摸終端當(dāng)前所處的顯示模式,確定操作體當(dāng)前的操作類型;
其中,步驟S400-S402與步驟S300-S302操作相同,在此不再贅述。本實(shí)施例與上一實(shí)施例不同的是,在執(zhí)行根據(jù)確定出的操作類型,對3D應(yīng)用圖標(biāo)進(jìn)行變形處理時(shí),即上一實(shí)施例步驟S303中的變形處理部分時(shí),具體可以包括如下步驟:
步驟S403,獲取該3D應(yīng)用圖標(biāo)的分層信息;
由于觸摸終端的數(shù)據(jù)庫中預(yù)先設(shè)置了該觸摸終端的顯示屏幕上的全部3D應(yīng)用圖標(biāo)的分層信息。例如:觸摸終端的數(shù)據(jù)庫中預(yù)先保存了該微信圖標(biāo)的分層信息,具體為三層分層圖片,分別為A圖片、B圖片、 C圖片,且三層分層圖片的排列順序?yàn)锳圖片、B圖片、C圖片,且A圖片為底層圖片,C圖片為最上層圖片,即C圖片為靠近用戶側(cè)的圖片。
需要說明的是,3D應(yīng)用圖標(biāo)的分層信息是由開發(fā)人員按照圖標(biāo)的材質(zhì)、結(jié)構(gòu)構(gòu)成等屬性進(jìn)行分層拆分得到的。
步驟S404,獲取該分層信息包括的每一層分層圖片在確定出的操作類型下的變形參數(shù);
為實(shí)現(xiàn)不同操作類型下不同3D應(yīng)用圖標(biāo)或同一3D應(yīng)用圖標(biāo)的不同呈現(xiàn)效果。因此,觸摸終端的數(shù)據(jù)庫中預(yù)先設(shè)置了屏幕上顯示的每個(gè)3D應(yīng)用圖標(biāo)的每一分層圖片在不同操作類型下的變形參數(shù)。在本發(fā)明實(shí)施例中,變形參數(shù)包括圖層旋轉(zhuǎn)系數(shù)、圖層偏移系數(shù)、圖層縮放系數(shù)、圖層傾斜系數(shù)、跟隨系數(shù)等。變形參數(shù)的系數(shù)可以設(shè)置為0,當(dāng)某一操作類型下,某一變形參數(shù)為0時(shí),表示不需執(zhí)行相應(yīng)的操作。例如,當(dāng)圖層旋轉(zhuǎn)參數(shù)為0時(shí),表示在該操作類型下無需對分層圖片進(jìn)行旋轉(zhuǎn)處理。作為示例而非限定,上述變形參數(shù)可用于包括隔空操作、單擊操作、切屏操作及圖標(biāo)移動操作等操作中對3D應(yīng)用圖標(biāo)的變形處理。
在本發(fā)明實(shí)施例中,圖層旋轉(zhuǎn)系數(shù)用于描述各圖層在X,Y平面上沿著Z軸的旋轉(zhuǎn)角度。比如在一個(gè)齒輪圖形的圖標(biāo)中,如圖5所示,在單擊時(shí)齒輪需要有旋轉(zhuǎn)的效果。為顯示該齒輪的3D視效,觸摸終端需要獲取該齒輪分的分層圖片,并獲取在單擊操作下該圖標(biāo)的各個(gè)分層圖片的圖層旋轉(zhuǎn)系數(shù)。
其中,X和Y平面是觸摸終端的標(biāo)準(zhǔn)坐標(biāo)中的X和Y平面,其中,在該標(biāo)準(zhǔn)坐標(biāo)中,X軸為水平方向,Y軸垂直方向,X軸與Y軸相互垂直,觸摸終端的顯示界面是與X軸與Y軸構(gòu)成的平面平行的,Z軸是垂直于手機(jī)界面向外方向的,Z軸與X軸、Y軸垂直。
在本發(fā)明實(shí)施例中,圖層偏移系數(shù)用于計(jì)算圖標(biāo)的分層圖片在X,Y軸上的偏移量。比如:在圖標(biāo)沿Y軸旋轉(zhuǎn)時(shí),通過計(jì)算旋轉(zhuǎn)角度θ的正旋值與將該圖標(biāo)的每一層分層圖片的圖層偏移系數(shù)的乘積,可得到該圖標(biāo)的每一層分層圖片在X軸和Y軸的偏移量,以便于對分層圖片進(jìn)行偏移處理,其中,分層圖片在X軸的偏移量的計(jì)算方式為xOffsetFactor·sinθ, 其中,xOffsetFactor表示在X軸上的圖層偏移系數(shù),分層圖片在Y軸的偏移量的計(jì)算方式為yOffsetFactor·sinθ,其中,yOffsetFactor表示在Y軸上的圖層偏移系數(shù)。
為了更好的理解,請參閱圖6,為本發(fā)明實(shí)施例中變形圖像隨著旋轉(zhuǎn)角度的變化示意圖。其中,圖6中箭頭方向表示觸摸終端在Y軸的旋轉(zhuǎn)角度逐漸增大,且從圖6可以看出,圖標(biāo)在Y軸的旋轉(zhuǎn)角度逐漸增大時(shí),圖標(biāo)內(nèi)的球的滾動幅度也逐漸增大。
在本發(fā)明實(shí)施例中,圖層縮放系數(shù)用于描述圖標(biāo)的縮小及放大的比例。以用戶單擊圖標(biāo)為例,單擊時(shí),圖標(biāo)的整體視覺效果為向顯示屏幕內(nèi)(即遠(yuǎn)離用戶側(cè))收起的效果,由于圖標(biāo)整體遠(yuǎn)離用戶,所以圖標(biāo)整體需要縮小,所以一般可以將該圖標(biāo)各層的分層圖片的圖層縮放系數(shù)設(shè)置小于1;但是對于有些特殊圖層,例如水滴或其他易變形物體時(shí)候,點(diǎn)擊時(shí)特殊圖層會有壓扁的效果,則設(shè)置的圖層縮放系數(shù)的值大于1。
在本發(fā)明實(shí)施例中,圖層傾斜系數(shù)用于描述分層圖片在沿X,Y軸旋轉(zhuǎn)時(shí)的變形度。以圖標(biāo)沿Y軸旋轉(zhuǎn)為例,當(dāng)旋轉(zhuǎn)角度越大,圖像變形越明顯。在本發(fā)明實(shí)施例中,可將分層圖片沿X,Y軸的旋轉(zhuǎn)角度與圖層傾斜系數(shù)的乘積作為分層圖片的變形度,以對分層圖片進(jìn)行傾斜處理。
其中,X軸上的變形度為:xSkewFactor·tanθx,其中,xSkewFactor表示X軸上的圖層傾斜系數(shù),θx表示X軸上的旋轉(zhuǎn)角度。Y軸上的變形度為:ySkewFactor·tanθy,其中,ySkewFactor表示Y軸上的圖層傾斜系數(shù),θy表示Y軸上的旋轉(zhuǎn)角度。
在本發(fā)明實(shí)施例中,跟隨系數(shù)用于描述圖標(biāo)在被移動時(shí),各分層圖片與操作體的相對位移。操作體的拖動速度越快,圖標(biāo)與操作體的相對距離越大;操作體拖動越慢,則圖標(biāo)與操作體的相對距離越小。假如操作體的移動速度為sf,則圖層與操作體的相對距離為移動速度與跟隨系數(shù)的乘積。
需要說明的是,對于不同的圖標(biāo)操作,對圖標(biāo)進(jìn)行變形處理得到3D動態(tài)顯示效果所使用的變形參數(shù)的類型及參數(shù)大小可以相同也可以不 相同,且在實(shí)際應(yīng)用中可根據(jù)具體的需要選擇不同的圖標(biāo)操作所需要使用到的變形參數(shù)。
步驟S405,根據(jù)每一層分層圖片在確定出的操作類型下的變形參數(shù),對3D應(yīng)用圖標(biāo)的每一層分層圖片進(jìn)行變形處理,得到3D應(yīng)用圖標(biāo)每一層分層圖片的變形圖像;
在執(zhí)行本步驟時(shí),根據(jù)步驟S404中獲取到的變形參數(shù),即根據(jù)獲取的圖層縮放系數(shù)、圖層旋轉(zhuǎn)系數(shù)、圖層偏移系數(shù)、圖層傾斜系數(shù)、跟隨系數(shù)的分別對所述3D應(yīng)用圖標(biāo)的每一層分層圖片進(jìn)行縮放處理、旋轉(zhuǎn)處理、偏移處理、傾斜處理及跟隨處理,得到3D應(yīng)用圖標(biāo)每一層分層圖片的變形圖像。
步驟S406,利用該每一層分層圖片的變形圖像及該分層圖片的排列順序確定該3D應(yīng)用圖標(biāo)的變形圖像。
具體執(zhí)行中,可根據(jù)獲取的分層圖片的排列順序,對步驟S405中得到的3D應(yīng)用圖標(biāo)每一層分層圖片的變形圖像進(jìn)行組合,從而獲得3D應(yīng)用圖標(biāo)的變形圖像。
需要說明的是,對于不同的圖標(biāo)操作,對圖標(biāo)進(jìn)行變形處理得到3D動態(tài)顯示效果所使用的變形參數(shù)的類型及參數(shù)大小可以相同也可以不相同,且在實(shí)際應(yīng)用中可根據(jù)具體的需要選擇不同的圖標(biāo)操作所需要使用到的變形參數(shù)。
在本發(fā)明實(shí)施例中,移動終端接收操作體輸入的操作信息,根據(jù)該操作信息,獲取該圖標(biāo)的分層信息,該分層信息包括圖標(biāo)的分層圖片及該分層圖片的排列順序,獲取圖標(biāo)的每一層分層圖片在圖標(biāo)操作下的變形參數(shù),根據(jù)該圖標(biāo)的每一層分層圖片在不同操作類型下的變形參數(shù)對圖標(biāo)的每一層分層圖片進(jìn)行變形處理,得到每一層分層圖片的變形圖像,利用每一層分層圖片的變形圖像及分層圖片的排列順序確定圖標(biāo)的變形圖像,對圖標(biāo)的變形圖像進(jìn)行顯示,以實(shí)現(xiàn)圖標(biāo)的3D動態(tài)顯示,且利用圖標(biāo)的分層信息及每一層分層圖片的變形參數(shù)生成圖標(biāo)的變形圖像,將得到顯示效果更好的3D視效,逼真度更好,用戶體驗(yàn)更好。
請參閱圖7,是本發(fā)明3D應(yīng)用圖標(biāo)交互方法第二實(shí)施例的流程圖,方法包括:
步驟S301,檢測操作體針對3D應(yīng)用圖標(biāo)輸入的操作信息;
步驟S302,根據(jù)檢測到的操作信息以及觸摸終端當(dāng)前所處的顯示模式,確定操作體當(dāng)前的操作類型;
操作信息包括:操作體接觸屏幕的時(shí)間信息和/或操作體在屏幕上的運(yùn)動軌跡信息。
步驟S303,根據(jù)確定出的操作類型,對所述3D應(yīng)用圖標(biāo)進(jìn)行變形處理,以及執(zhí)行所述確定出的操作類型對應(yīng)的操作。
下面重點(diǎn)描述操作體在使用模式和編輯模式下的觸屏操作。
在使用模式或圖標(biāo)編輯模式下,操作體可能輸入不同的操作,而不同的操作觸發(fā)產(chǎn)生不同操作類型,觸摸終端根據(jù)不同的操作類型,響應(yīng)不同內(nèi)容。下面將分別描述使用模式和圖標(biāo)編輯模式下的不同操作。
(一)使用模式
在使用模式下,觸屏操作包括:單擊操作、上下滑動操作、左右滑動操作或長按操作中的一種或多種。當(dāng)觸摸終端處于使用模式時(shí),根據(jù)檢測到的操作信息以及觸摸終端當(dāng)前所處的顯示模式,確定操作體當(dāng)前的操作類型的步驟,即執(zhí)行步驟S302時(shí),如圖7所示,可以包括:
步驟S3021,當(dāng)操作體接觸屏幕的時(shí)間小于預(yù)設(shè)的第一時(shí)間閾值時(shí),判斷操作體在屏幕上是否存在運(yùn)動軌跡,若沒有運(yùn)動軌跡,則進(jìn)入步驟S3022,若存在運(yùn)動軌跡且運(yùn)動軌跡為上下位移,則進(jìn)入步驟S3023,若存在運(yùn)動軌跡且運(yùn)動軌跡為左右位移,則進(jìn)入步驟S3024;
步驟S3022:確定操作體當(dāng)前的操作類型為單擊操作;
步驟S3023:確定操作體當(dāng)前的操作類型為上下滑動操作;
步驟S3024:確定操作體當(dāng)前的操作類型為左右滑動操作;
又或者,當(dāng)操作體長按屏幕時(shí),則確定操作類型為長按操作,則當(dāng)觸摸終端處于使用模式時(shí),根據(jù)檢測到的操作信息,確定操作體當(dāng)前的操作類型,即步驟S302又可具體為:當(dāng)操作體接觸屏幕的時(shí)間大于或 等于預(yù)設(shè)的第一時(shí)間閾值且操作體在屏幕上無運(yùn)動軌跡時(shí),則確定操作體當(dāng)前的操作類型為長按操作。值得說明的是:在確定操作類型為長按操作時(shí),操作體接觸屏幕的時(shí)間大于或等于預(yù)設(shè)的第一時(shí)間閾值且操作體在屏幕上無運(yùn)動軌跡包括兩重意思:一為操作體接觸屏幕的時(shí)間大于或等于預(yù)設(shè)的第一時(shí)間閾值,二為操作體在接觸屏幕的時(shí)間內(nèi)沒有存在任何運(yùn)動動作。
需要說明的是,在使用模式下長按用戶界面上的位置不同,3D應(yīng)用圖標(biāo)下沉的方式也可以不一樣,例如:當(dāng)長按的是用戶界面上的空白區(qū)域時(shí),并且判斷長按的時(shí)長超過第一時(shí)間閾值時(shí),則用戶界面上的3D應(yīng)用圖標(biāo)一起下沉至屏幕的下方,同時(shí)伴隨著背板分離成多個(gè)多面體,下沉的3D應(yīng)用圖標(biāo)就懸浮在對應(yīng)多面體上。當(dāng)長按的是用戶界面上的某一3D應(yīng)用圖標(biāo)時(shí),則被操作的3D應(yīng)用圖標(biāo)開始下沉,在判斷到長按的時(shí)長超過一定時(shí)間時(shí),用戶界面上的其余應(yīng)用圖標(biāo)才一起下沉至屏幕的下方,同時(shí)伴隨著背板分離成多個(gè)多面體,下沉的3D應(yīng)用圖標(biāo)則懸浮于對應(yīng)多面體上。觸摸終端對用戶在使用模式下的長按操作可設(shè)置兩種響應(yīng)方式,一種是:當(dāng)前選中按壓的圖標(biāo)進(jìn)入圖標(biāo)編輯模式;另一種是:不只是當(dāng)前所選中按壓的圖標(biāo)進(jìn)入圖標(biāo)編輯模式狀態(tài),而是觸摸終端的屏幕上顯示的所有3D應(yīng)用圖標(biāo)都進(jìn)入圖標(biāo)編輯模式。也即是說,在圖標(biāo)編輯模式下,屏幕上顯示的所有3D應(yīng)用圖標(biāo)都可以進(jìn)入圖標(biāo)編輯模式,或者僅用戶按壓的3D應(yīng)用圖標(biāo)進(jìn)入圖標(biāo)編輯模式。在圖標(biāo)編輯模式下,用戶可通過點(diǎn)擊觸摸終端的硬件按鍵退出圖標(biāo)編輯模式,返回使用模式。
當(dāng)觸摸終端處于使用模式且操作類型為單擊操作時(shí),則啟動應(yīng)用,則步驟S303又可具體為:當(dāng)操作類型為單擊操作時(shí),則執(zhí)行啟動3D應(yīng)用圖標(biāo)對應(yīng)應(yīng)用的操作。
當(dāng)觸摸終端處于使用模式且操作類型為上下滑動操作時(shí),則啟動子級功能,則步驟S703又可具體為:當(dāng)操作類型為上下滑動操作時(shí),則執(zhí)行啟動3D應(yīng)用圖標(biāo)對應(yīng)子級功能的操作;在啟動子級功能后,可以直接顯示對子應(yīng)用的子級功能,無需要再進(jìn)入子級應(yīng)用,非常方便。也 就是說,在執(zhí)行步驟S703時(shí),具體可以為:沿滑動方向翻轉(zhuǎn)3D應(yīng)用圖標(biāo)對應(yīng)多面體,在多面體的另一表面顯示子級功能對應(yīng)的圖標(biāo),以提示當(dāng)前啟動的子級功的能,并啟動該子級功能,以及顯示子級功能的用戶界面,如圖8所示。
在這里需要說明的一點(diǎn),為達(dá)到上下滑動3D應(yīng)用圖標(biāo)操作時(shí)可以直接啟動該3D應(yīng)用圖標(biāo)子級功能的目的,需要預(yù)先生成操作命令與直接啟動某一3D應(yīng)用圖標(biāo)子級功能的映射關(guān)系,并保存在觸摸終端中,以便在觸摸終端接收到相應(yīng)操作命令時(shí),能夠響應(yīng)直接啟動子級功能。
當(dāng)觸摸終端處于使用模式且操作類型為左右滑動操作時(shí),則執(zhí)行切屏操作,步驟S303又可具體為:當(dāng)操作類型為左右滑動操作時(shí),則執(zhí)行切換屏幕操作。進(jìn)一步的,觸摸終端在做切屏?xí)r,可根據(jù)操作體的滑動參數(shù)進(jìn)行切屏,則步驟S303又可具體為:獲取操作體的滑動參數(shù),判斷滑動參數(shù)是否大于預(yù)設(shè)參數(shù)閾值,若大于預(yù)設(shè)參數(shù)閾值,則執(zhí)行切換屏幕操作,若判斷滑動參數(shù)小于或者等于預(yù)設(shè)參數(shù)閾值,則彈回,切屏失敗。當(dāng)然,在切屏?xí)r還可以根據(jù)滑動方向進(jìn)行切屏,例如:向左滑動時(shí),切換為左邊用戶界面的圖標(biāo),向右邊滑動時(shí),切換為右邊用戶界面的圖標(biāo)。觸摸終端還可在切屏的過程中顯示不同切屏效果,以增強(qiáng)趣味性,例如:通過翻轉(zhuǎn)整個(gè)背板,切換在屏幕上顯示的3D應(yīng)用圖標(biāo),或者,通過翻轉(zhuǎn)各個(gè)多面體,切換在屏幕上顯示的3D應(yīng)用圖標(biāo),或者,3D應(yīng)用圖標(biāo)從屏幕外飛入顯示屏幕進(jìn)行切屏。
當(dāng)觸摸終端處于使用模式且操作類型為長按操作時(shí),則轉(zhuǎn)換觸摸終端的顯示模式,步驟S303又可具體為:當(dāng)操作類型為長按操作時(shí),則執(zhí)行將觸摸終端切換至圖標(biāo)編輯模式的操作。在使用模式下,背板是一體的,而在圖標(biāo)編輯模式下,背板分離成多個(gè)多面體,則在執(zhí)行將觸摸終端切換至圖標(biāo)編輯模式包括:將背板分裂為多個(gè)多面體,使3D應(yīng)用圖標(biāo)分別收縮并下沉于屏幕與與其對應(yīng)多面體之間的空間中。多面體之間通過分割標(biāo)識符來表征,以使得多面體之間分離更顯著,在本實(shí)施例中,優(yōu)選的,分割標(biāo)識符為具有深度信息的分裂線。
可以理解的是,在將背板分裂為多個(gè)多面體和將多個(gè)多面體無縫拼 接時(shí),具體可以采取如下方法:
背板由多個(gè)具有三維空間位置關(guān)系的多面體拼接而成,具體可以是以屏幕某一位置(例如左上角)為坐標(biāo)系原點(diǎn)建立三維坐標(biāo),各個(gè)多面體都分別具有一在三維坐標(biāo)中位置固定的固定點(diǎn)(例如中心點(diǎn)),當(dāng)終端接收到觸發(fā)各個(gè)多面體收縮或放大的觸發(fā)信號的時(shí)候,各個(gè)多面體在預(yù)定時(shí)間內(nèi)圍繞其各自的固定點(diǎn)收縮至預(yù)設(shè)大小而使得各個(gè)多面體之間出現(xiàn)具有深度信息的裂縫,進(jìn)而使得各個(gè)多面體之間具有間隔特征,或各個(gè)多面體在預(yù)定時(shí)間內(nèi)圍繞其各自的固定點(diǎn)放大至預(yù)定大小而使得各個(gè)多面體之間回復(fù)至初始的無縫拼接狀態(tài)。例如:分裂的時(shí)候,各多面體沿自身的某一位置(例如中心位置)向內(nèi)收縮,并在預(yù)定時(shí)間內(nèi)完成預(yù)定幅度的收縮,例如在0.2秒之內(nèi)完成收縮,收縮完成時(shí)收縮幅度達(dá)到原多面體大小的2%;收縮的同時(shí),各多面體表面邊緣自動形成圓形的倒角,倒角半徑大小為此時(shí)刻收縮幅度的大小,從而使多面體之間產(chǎn)生裂縫。此外,收縮過程可以模擬一些物理效果,比如加減速效果、震動效果以及顏色、相對位置的變化等效果,從而達(dá)到增加樂趣與觀感的效果。以上收縮時(shí)間、收縮幅度、倒角半徑、收縮效果等可在觸摸終端中自定義設(shè)置。顯而易見,當(dāng)多個(gè)多面體之間具有深度信息的裂縫的時(shí)候,還可以在這些裂縫中設(shè)置具有不同于多面體的其他間隔體,從而起到同樣的使用模式和圖標(biāo)編輯模式切換的提示作用。
在觸摸終端由使用模式下進(jìn)入圖標(biāo)編輯模式后,由背板分離出來的各多面體的尺寸可以相同,也可以不相同,多面體與多面體之間保持一定的間隔距離。3D應(yīng)用圖標(biāo)可懸浮在對應(yīng)的多面體上,3D應(yīng)用圖標(biāo)和圖標(biāo)文字可放置在多面體的正中間且居中對齊。當(dāng)用戶按住某一多面體時(shí),該多面體在屏幕會呈現(xiàn)一種凸起或者說上浮的視覺效果,在當(dāng)前的多面體所在的區(qū)域沒有3D應(yīng)用圖標(biāo)的時(shí)候,該多面體就呈現(xiàn)裸露的多面體表面。
在觸摸終端處于使用模式并且操作體尚未接觸觸摸終端時(shí),隨著操作體靠近圖標(biāo),與操作體對應(yīng)的3D應(yīng)用圖標(biāo)會逐漸下沉,以使在視角效果上產(chǎn)生操作體按下3D應(yīng)用圖標(biāo)的視角效果;另外,在操作體靠近 圖標(biāo)時(shí)圖標(biāo)作下沉處理,也方便用戶獲知即將操作那個(gè)應(yīng)用程序,有利減少誤操,因此則在步驟S301之前,還需要根據(jù)操作體與觸摸終端屏幕之間的距離,執(zhí)行3D應(yīng)用圖標(biāo)變形處理。
由于本實(shí)施例中的3D應(yīng)用圖標(biāo)是采用分層技術(shù)來實(shí)現(xiàn)的,因此在檢測到操作體與屏幕之間的距離減小時(shí),通過一些渲染手段,使得3D應(yīng)用圖標(biāo)看起來像被按下一樣。
可以理解的是,在使用模式下,觸摸終端在響應(yīng)確定出的操作類型對應(yīng)的操作的過程中,若該操作過程中伴隨著圖標(biāo)的動態(tài)變化,則在該響應(yīng)過程中則伴隨著3D應(yīng)用圖標(biāo)的變形處理。此時(shí),3D應(yīng)用圖標(biāo)的變形處理具體是根據(jù)圖4所示的實(shí)施例中的方式來實(shí)現(xiàn)的,即獲取3D應(yīng)用圖標(biāo)的分層信息(分層圖片及分層圖片的排列順序),并獲取在單擊操作下該3D應(yīng)用圖標(biāo)的變形參數(shù),以及根據(jù)獲取的變形參數(shù)對該3D應(yīng)用圖標(biāo)的每一分層圖片進(jìn)行變形處理并顯示變形處理后的3D應(yīng)用圖標(biāo)。
為了使3D應(yīng)用圖標(biāo)的3D效果更佳,在使用模式下,觸摸終端屏幕的用戶界面上還可以呈現(xiàn)有3D應(yīng)用圖標(biāo)的陰影效果。為達(dá)到3D應(yīng)用圖標(biāo)在使用模式下具有陰影效果的目的,3D應(yīng)用圖標(biāo)的分層圖片中還可以包括陰影圖片,該陰影圖片和其他分層圖片按照預(yù)設(shè)的排列順序排列組合后,可形成具有陰影效果的3D應(yīng)用圖標(biāo)。
(二)圖標(biāo)編輯模式
當(dāng)觸摸終端處于圖標(biāo)編輯模式時(shí),3D應(yīng)用圖標(biāo)所在的無縫拼接的各個(gè)多面體收縮而分裂,各個(gè)3D應(yīng)用圖標(biāo)下沉至屏幕和各多面體之間,以使觸摸終端的圖標(biāo)編輯模式與使用模式具有明著的區(qū)別。
在圖標(biāo)編輯模式下,操作體的觸屏操作包括:移動操作、切屏操作或快捷設(shè)置操作中的一種或多種。當(dāng)觸摸終端處于圖標(biāo)編輯模式時(shí),也可以通過操作體接觸屏幕的時(shí)間和/或操作體的運(yùn)動軌跡確定操作體當(dāng)前的操作類型,如圖9所示,步驟S302又包括:
步驟S3025:當(dāng)操作體接觸屏幕的時(shí)間小于預(yù)設(shè)的第二時(shí)間閾值時(shí),判斷操作體在屏幕上是否存在運(yùn)動軌跡,若沒有運(yùn)動軌跡,則進(jìn)入步驟S3026,若存在運(yùn)動軌跡且運(yùn)動軌跡為快速的上下位移,則進(jìn)入步驟 S3027,若存在運(yùn)動軌跡且運(yùn)動軌跡為快速的左右位移,則進(jìn)入步驟S3028;
步驟S3026:確定操作體當(dāng)前的操作類型為吸附圖標(biāo)操作;
步驟S3027:確定操作體當(dāng)前的操作類型為快捷設(shè)置操作;
步驟S3028:確定操作體當(dāng)前的操作類型為切屏操作;
又或者,當(dāng)操作體長按屏幕并且移動時(shí),則確定操作類型為移動操作,則步驟S302又可具體為:當(dāng)操作體接觸屏幕的時(shí)間大于預(yù)設(shè)的第二時(shí)間閾值且存在運(yùn)動軌跡,則操作體當(dāng)前的操作類型為判定為移動操作。
對于第二時(shí)間閾值可以根據(jù)實(shí)際情況設(shè)定,例如:3秒、5秒等等。移動操作用于改變用戶界面中3D應(yīng)用圖標(biāo)的排列,在本實(shí)施例中,移動操作包括:圖標(biāo)位置替換操作、圖標(biāo)位置變化操作、創(chuàng)建文件夾操作和刪除圖標(biāo)操作。
當(dāng)觸摸終端處于圖標(biāo)編輯模式且操作類型為移動操作時(shí),步驟S303又具體為:當(dāng)運(yùn)動軌跡為從操作體當(dāng)前吸附的3D應(yīng)用圖標(biāo)的初始位置運(yùn)動到另一目標(biāo)圖標(biāo)位置上方并停頓一預(yù)定時(shí)間后,此時(shí)釋放操作體,操作體離開屏幕,執(zhí)行圖標(biāo)位置替換操作。
其中,執(zhí)行圖標(biāo)位置替換操作具體包括:在觸摸終端的控制下,使被替換的目標(biāo)圖標(biāo)被擠出來并運(yùn)動到操作體當(dāng)前吸附的3D應(yīng)用圖標(biāo)的初始位置,且控制操作體當(dāng)前所吸附的3D應(yīng)用圖標(biāo)替換被替換的目標(biāo)圖標(biāo)的位置,即控制3D應(yīng)用圖標(biāo)下沉于目標(biāo)圖標(biāo)的位置;或者,使被替換的目標(biāo)圖標(biāo)沉入多面體而逐漸隱退且該被替換的目標(biāo)圖標(biāo)在操作體當(dāng)前所吸附的3D應(yīng)用圖標(biāo)的原始位置逐漸顯現(xiàn),而使操作體當(dāng)前所吸附的3D應(yīng)用圖標(biāo)則替換被替換的目標(biāo)圖標(biāo)的位置,即控制3D應(yīng)用圖標(biāo)下沉于目標(biāo)圖標(biāo)的位置。
當(dāng)觸摸終端處于圖標(biāo)編輯模式且操作類型為移動操作時(shí),步驟S303又具體為:當(dāng)運(yùn)動軌跡為從操作體當(dāng)前吸附的3D應(yīng)用圖標(biāo)的初始位置運(yùn)動到一空白多面體上方并停頓一預(yù)定時(shí)間,此時(shí)釋放操作體,操作體離開屏幕,則執(zhí)行圖標(biāo)位置變化操作。其中,執(zhí)行圖標(biāo)位置變化操作, 具體包括:使操作體當(dāng)前吸附的3D應(yīng)用圖標(biāo)沉入該空白多面體上,如圖10所示。
可以理解的是,在圖標(biāo)位置替換操作及圖標(biāo)位置變化操作中,為保證在圖標(biāo)位置改變之后,上下滑動該圖標(biāo)時(shí)仍能夠?qū)崿F(xiàn)直接啟動該圖標(biāo)子級功能,在執(zhí)行圖標(biāo)位置替換操作或圖標(biāo)位置變化操作時(shí),觸摸終端后臺同時(shí)需要改變該圖標(biāo)子級功能與圖標(biāo)所處屏幕位置的映射關(guān)系。具體來說,在圖標(biāo)1未改變其在屏幕上的位置前,假設(shè)圖標(biāo)1子級功能與屏幕位置1之間建立了映射關(guān)系,那么當(dāng)圖標(biāo)1由屏幕位置1改變至屏幕位置2時(shí),圖標(biāo)1子級功能應(yīng)消除其與屏幕位置1之間的映射,并建立其與屏幕位置2之間的映射關(guān)系。
當(dāng)觸摸終端處于圖標(biāo)編輯模式且操作類型為移動操作時(shí),步驟S303又具體為:當(dāng)運(yùn)動軌跡為從操作體當(dāng)前吸附的3D應(yīng)用圖標(biāo)的初始位置運(yùn)動到具有圖標(biāo)的另一多面體上方且未在該多面體上的圖標(biāo)上方時(shí),則執(zhí)行創(chuàng)建文件夾操作。其中,執(zhí)行創(chuàng)建文件夾操作具體包括:在觸摸終端的控制下,使該多面體上方的圖標(biāo)變小,操作體吸附過來的3D應(yīng)用圖標(biāo)沉入該多面體上且變小,并同該多面體上的圖標(biāo)一起放置于新創(chuàng)建的文件夾中,如圖11所示。例如:拖動當(dāng)前3D應(yīng)用圖標(biāo)到另一個(gè)3D應(yīng)用圖標(biāo)所在的多面體體的邊緣,此時(shí)3D應(yīng)用圖標(biāo)會被自動吸入并與原來的3D應(yīng)用圖標(biāo)縮放到一起構(gòu)成新的文件夾。
當(dāng)觸摸終端處于圖標(biāo)編輯模式且操作類型為移動操作時(shí),步驟S303又具體為:當(dāng)運(yùn)動軌跡為從操作體當(dāng)前吸附的圖標(biāo)的初始位置運(yùn)動到圖標(biāo)刪除位置區(qū)域,則執(zhí)行刪除圖標(biāo)操作。其中,執(zhí)行刪除圖標(biāo)操作具體包括:在觸摸終端的控制下,使被操作體吸附的3D應(yīng)用圖標(biāo)被圖標(biāo)刪除位置區(qū)域吸入而消失,如圖12所示。在本實(shí)施例中,圖標(biāo)刪除位置還可顯示碎紙機(jī)圖標(biāo)及刪除字樣,以方便用戶尋找圖標(biāo)刪除位置區(qū)域。
當(dāng)觸摸終端處于圖標(biāo)編輯模式且操作類型為吸附圖標(biāo)操作時(shí),步驟S702又可具體為:
使被觸操作體吸附的3D應(yīng)用圖標(biāo)往屏幕方向上浮預(yù)設(shè)高度。例如:若操作體選中某一個(gè)3D應(yīng)用圖標(biāo),此時(shí)該3D應(yīng)用圖標(biāo)和對應(yīng)的多面體 將上浮靠近背板,而其余未被操作體選中的3D應(yīng)用圖標(biāo)及對應(yīng)多面體的位置則保持不變,被選中的3D應(yīng)用圖標(biāo)呈現(xiàn)一種被操作體吸起來的感覺,但此時(shí)3D應(yīng)用圖標(biāo)不會凸出屏幕,如圖13所示。操作體吸起該3D應(yīng)用圖標(biāo)后,可以在屏幕上任意滑動。當(dāng)操作體選中某個(gè)位置松開并釋放該3D應(yīng)用圖標(biāo)時(shí),該3D應(yīng)用圖標(biāo)下沉,以恢復(fù)至進(jìn)入圖標(biāo)編輯模式時(shí)的初始狀態(tài),如圖14所示。
當(dāng)觸摸終端處于圖標(biāo)編輯模式且操作類型為快捷設(shè)置操作時(shí),步驟S303又可具體為:生成3D應(yīng)用圖標(biāo)子級功能與快捷啟動該應(yīng)用程序子級功能的預(yù)設(shè)信號的對應(yīng)關(guān)系。優(yōu)選的,生成該對關(guān)系包括:接收針對選定3D應(yīng)用圖標(biāo)輸入的快捷啟動該選定應(yīng)用程序子級功能的預(yù)設(shè)信號,并顯示選定3D應(yīng)用圖標(biāo)對應(yīng)的子級功能列表,以及接收從子級功能列表中選擇的子級功能,建立輸入的預(yù)設(shè)信號與選擇的子級功能之間的對應(yīng)關(guān)系并存儲。
預(yù)設(shè)信號可以是任一滑動方向的滑動操作,例如向上滑動、向下滑動、向左滑動、向右滑動或者其它方向的滑動操作。在具體操作時(shí),用戶可以通過按住某一3D應(yīng)用圖標(biāo),并選擇任一個(gè)方向執(zhí)行滑動操作,例如:用戶向上或向下執(zhí)行滑動操作,即可輸入快捷啟動該選定3D應(yīng)用子級功能的預(yù)設(shè)信號。觸摸終端接到預(yù)設(shè)信號之后,會響應(yīng)于接收到的快捷啟動該選定應(yīng)用程序子級功能的預(yù)設(shè)信號,顯示該滑動操作所選中圖標(biāo)對應(yīng)的子級功能列表。顯示滑動操作所選中3D應(yīng)用圖標(biāo)的子級功能列表,用戶可從子級功能列表選中子級功能,在選中子級功能后建立子級功能與預(yù)設(shè)信號之間的對應(yīng)關(guān)系。例如:用戶對微信圖標(biāo)執(zhí)行向上滑動操作之后,顯示的是微信圖標(biāo)的二級應(yīng)用列表,二級應(yīng)用列表包括:掃一掃子級功能、搖一搖子級功能、朋友圈子級功能、附近的人子級功能,從二級應(yīng)用列表中選中掃一掃子級功能后,則建立掃一掃子級功能與向上滑動操作之間對應(yīng)關(guān)系,并將該對應(yīng)關(guān)系存儲起來,此時(shí)快捷啟動設(shè)置完成。
需要說明的是:在彈出子級功能列表且用戶選擇了某一子級功能之后,即完成快速啟動設(shè)置之后,觸摸終端的響應(yīng)方式有三種:
第一種是:一旦用戶選擇了某一子級功能時(shí),當(dāng)前的子級功能列表自動消失,返回圖標(biāo)編輯模式;
第二種是:用戶可點(diǎn)擊非當(dāng)前子級功能列表所在的區(qū)域,此時(shí)子級功能列表消失,電子設(shè)備返回圖標(biāo)編輯模式。在此種方式下,子級功能列表所在區(qū)域與非子級功能列表所在區(qū)域可通過陰影技術(shù)進(jìn)行區(qū)分,以作提示。
第三種是:用戶選擇硬件按鍵返回圖標(biāo)編輯模式;用戶可按硬件按鍵的方式返回圖標(biāo)編輯模式,例如按返回鍵(home健)的方式,返回圖標(biāo)編輯模式。
進(jìn)一步的,為保證每一個(gè)預(yù)設(shè)信號僅對應(yīng)一個(gè)選定應(yīng)用程序下的子級功能,因此在對同一APP圖標(biāo)進(jìn)行多次快捷啟動設(shè)置時(shí),還需要考慮該多次設(shè)置是否存在覆蓋關(guān)系。例如,若第一次將微信圖標(biāo)向上滑動操作時(shí)設(shè)置為二級子級功能搖一搖的快捷啟動方式。若第二次將微信圖標(biāo)執(zhí)行向上滑動操作時(shí)設(shè)置為二級應(yīng)用朋友圈的快捷啟動方式,則此時(shí)電子設(shè)備應(yīng)將后一次的設(shè)置覆蓋前一次的設(shè)置,即將執(zhí)行微信圖標(biāo)的向上滑動設(shè)置為二級子級功能朋友圈的快捷啟動方式,此種情況下,如不覆蓋,則會出現(xiàn)系統(tǒng)錯(cuò)誤影響用戶體驗(yàn)。例如,若第一次將微信圖標(biāo)向上滑動操作時(shí)設(shè)置為二級子級功能搖一搖的快捷啟動方式,若第二次將微信圖標(biāo)向下滑動操作時(shí)設(shè)置為二級子級功能搖一搖的快捷啟動方式。此種情況下,第二次的設(shè)置不需要覆蓋第一次的設(shè)置,如此則使得用戶在使用模式下,執(zhí)行向上滑動微信圖標(biāo)和向下滑動微信圖標(biāo)時(shí),均可以啟動搖一搖這個(gè)二級應(yīng)用。由此可見,判斷當(dāng)前快捷啟動設(shè)置方式是否覆蓋前次快捷啟動設(shè)置方式的基準(zhǔn)是:當(dāng)前快捷啟動設(shè)置方式的滑動方向與前次快捷啟動設(shè)置方式的滑動方向是否一致,若一致,則當(dāng)前快捷啟動設(shè)置覆蓋前次快捷啟動設(shè)置;反之,則不覆蓋。
在本發(fā)明實(shí)施例中,獲取觸摸終端的顯示模式和操作體在觸摸終端針對3D應(yīng)用圖標(biāo)輸入的操作信息,并根據(jù)顯示模式和操作信息確定操作類型,以及根據(jù)操作類型進(jìn)行操作,實(shí)現(xiàn)了3D應(yīng)用圖標(biāo)的交互,豐富了用戶界面的交互方式,提升了用戶操控體驗(yàn),極大增強(qiáng)用戶界面的 易用性、靈活性和樂趣性。
圖1-圖14中,詳細(xì)描述了3D圖標(biāo)的交互方法,下面,將結(jié)合圖15-圖17,對采用了上述交互方法的觸摸終端進(jìn)行描述。
本發(fā)明還提供觸摸終端實(shí)施例。請參閱圖15,圖15是本發(fā)明觸摸終端第一實(shí)施例的結(jié)構(gòu)示意圖。觸摸終端的顯示模式包括使用模式和圖標(biāo)編輯模式,在使用模式下,使觸摸終端的屏幕的用戶界面上顯示有背板以及懸浮于背板的3D應(yīng)用圖標(biāo),觸摸終端4包括:獲取模塊40,檢測模塊41、確定模塊42和處理模塊43。
獲取模塊40,用于獲取觸摸終端當(dāng)前所處的顯示模式。檢測模塊41用于檢測操作體針對3D應(yīng)用圖標(biāo)輸入的操作信息。確定模塊42根據(jù)檢測到的操作信息以及獲取模塊40獲取的觸摸終端當(dāng)前所處的顯示模式,確定操作體當(dāng)前的操作類型。處理模塊43用于根據(jù)確定模塊42確定出的操作類型,對3D應(yīng)用圖標(biāo)進(jìn)行變形處理,以及執(zhí)行確定出的操作類型對應(yīng)的操。在本實(shí)施例中,觸摸終端的操作類型包括:隔空操作和觸屏操作。在觸碰操作下,操作體輸入的操作信息包括:操作體接觸屏幕的時(shí)間信息和/或操作體在屏幕上的運(yùn)動軌跡信息。其中,操作體接觸屏幕的時(shí)間信息是指操作體接觸屏幕的時(shí)長,操作體在屏幕上的運(yùn)動軌跡信息是指操作體接觸屏幕并在屏幕上滑動的相關(guān)信息。
需要說明的是,在本發(fā)明的所有實(shí)施例中,觸摸終端上的3D應(yīng)用圖標(biāo)的立體效果是采用分層技術(shù)的方式來實(shí)現(xiàn)。所謂分層技術(shù)實(shí)現(xiàn)3D立體效果,即是通過改變按照特定順序組合的分層圖片的變形參數(shù)來實(shí)現(xiàn)立體效果的技術(shù)。因此,觸摸終端4還可以包括:
預(yù)設(shè)模塊44,用于預(yù)設(shè)3D應(yīng)用圖標(biāo)的分層信息。其中,3D應(yīng)用圖標(biāo)的分層信息包括:分層圖片以及該分層圖片的排列順序。其中,處理模塊該分層43可根據(jù)預(yù)設(shè)模塊預(yù)設(shè)的分層信息,對分層圖片按照特定的排列順序組合之后,即可形成3D應(yīng)用圖標(biāo)。
本發(fā)明實(shí)施例中,獲取觸摸終端的顯示模式和操作體在觸摸終端針對3D應(yīng)用圖標(biāo)輸入的操作信息,并根據(jù)顯示模式和操作信息確定操作類型,以及根據(jù)操作類型對應(yīng)用圖標(biāo)進(jìn)行變形處理,以及執(zhí)行所述確定 出的操作類型對應(yīng)的操作,從而實(shí)現(xiàn)了3D應(yīng)用圖標(biāo)的交互,豐富了用戶界面的交互方式,提升了用戶操控體驗(yàn),極大增強(qiáng)用戶界面的易用性、靈活性和樂趣性。同時(shí),由于采用分層技術(shù)來實(shí)現(xiàn)立體效果,與采用三維建?;蛞暡顖D像來實(shí)現(xiàn)立體效果的方法相比,具有存儲量小,對硬件配置要求更低的好處,具有更好的適用性。
請參閱圖15,圖15是本發(fā)明觸控終端第二實(shí)施例的結(jié)構(gòu)示意圖。觸摸終端包括獲取模塊54,檢測模塊50、確定模塊51和處理模塊52和預(yù)設(shè)模塊55。
獲取模塊54,用于獲取觸摸終端當(dāng)前所處的顯示模式。檢測模塊50用于檢測操作體針對3D應(yīng)用圖標(biāo)輸入的操作信息。確定模塊51根據(jù)檢測模塊50檢測到的操作信息以及獲取模塊54獲取到的觸摸終端當(dāng)前所處的顯示模式,確定操作體當(dāng)前的操作類型。處理模塊52用于根據(jù)確定模塊51確定出的操作類型,對3D應(yīng)用圖標(biāo)進(jìn)行變形處理,以及執(zhí)行確定出的操作類型對應(yīng)的操作。預(yù)設(shè)模塊55,用于預(yù)設(shè)3D應(yīng)用圖標(biāo)的分層信息。其中,3D應(yīng)用圖標(biāo)的分層信息包括:分層圖片以及該分層圖片的排列順序。
在本實(shí)施例中,操作信息包括:操作體接觸屏幕的時(shí)間信息和/或操作體在屏幕上的運(yùn)動軌跡信息,其中,操作體接觸屏幕的時(shí)間信息是指操作體接觸屏幕的時(shí)長,操作體在屏幕上的運(yùn)動軌跡信息是指操作體接觸屏幕并在屏幕上滑動的信息。
下面重點(diǎn)描述操作體在使用模式和編輯模式下的觸屏操作。
在使用模式或圖標(biāo)編輯模式下,操作體可執(zhí)行不同的操作,而不同操作觸發(fā)產(chǎn)生不同操作類型,觸摸終端根據(jù)不同操作類型,響應(yīng)不同內(nèi)容。下面將分別描述使用模式和圖標(biāo)編輯模式下的不同操作。
(一)使用模式
在使用模式下,觸屏操作包括:單擊操作、上下滑動操作、左右滑動操作或長按操作中的一種或多種。當(dāng)觸摸終端處于使用模式時(shí),通過操作體接觸屏幕的時(shí)間和操作體的運(yùn)動軌跡以及觸摸終端當(dāng)前所處的顯示模式確定操作體當(dāng)前的操作類型,如圖16所示,則確定模塊51包 括第一判斷單元510、第一確定單元511、第二確定單元512、第三確定單元513和第四確定單元514。第一判斷單元510用于當(dāng)操作體接觸屏幕的時(shí)間小于預(yù)設(shè)的第一時(shí)間閾值且觸摸終端處于使用模式時(shí),判斷操作體在屏幕上是否存在運(yùn)動軌跡。第一確定單元511用于在第一判斷單元510判斷到?jīng)]有運(yùn)動軌跡,確定操作體當(dāng)前的操作類型為單擊操作。第二確定單元512用于在第一判斷單元510判斷到存在運(yùn)動軌跡且運(yùn)動軌跡為快速的上下位移操作,確定操作體當(dāng)前操作類型為上下滑動操作。第三確定單元513在判斷單元判斷到存在運(yùn)動軌跡且運(yùn)動軌跡為快速的左右位移操作,確定操作體當(dāng)前操作類型為左右滑動操作。第四確定單元514用于當(dāng)操作體接觸屏幕的時(shí)間大于或等于預(yù)設(shè)的第一時(shí)間閾值且觸摸終端處于使用模式時(shí),則確定操作體當(dāng)前的操作類型為長按操作。
處理模塊52包括第一執(zhí)行單元521、第二執(zhí)行單元522、第三執(zhí)行單元523和第四執(zhí)行單元524。
第一執(zhí)行單元521,用于當(dāng)觸摸終端處于使用模式且操作類型為單擊操作時(shí),執(zhí)行啟動3D應(yīng)用圖標(biāo)對應(yīng)應(yīng)用。
第二執(zhí)行單元522用于當(dāng)觸摸終端處于使用模式且操作類型為上下滑動操作時(shí),執(zhí)行啟動3D應(yīng)用圖標(biāo)對應(yīng)子級功能。進(jìn)一步的,啟動的子級功能后,可以在3D應(yīng)用圖標(biāo)的原位置上顯示子級功能,無需要進(jìn)入子級功能,非常方便,則第二執(zhí)行單元522又具體為顯示子級功能對應(yīng)的圖標(biāo),以提示當(dāng)前啟動的子級功能,并啟動子級功能,以及顯示子級功能的用戶界面。
第三執(zhí)行單元523用于當(dāng)觸摸終端處于使用模式且操作類型為左右滑動操作時(shí),執(zhí)行切換屏幕操作。
第四執(zhí)行單元524用于當(dāng)觸摸終端處于使用模式且操作類型為長按操作時(shí),執(zhí)行將觸摸終端切換至圖標(biāo)編輯模式的操作。為了使觸摸終端的3D顯示效果更佳,在圖標(biāo)編輯模式下,背板被分裂,3D應(yīng)用圖標(biāo)分別收縮,則第四執(zhí)行單元524又可具體為:將背板分裂為多個(gè)多面體,使3D應(yīng)用圖標(biāo)分別收縮并下沉至與其對應(yīng)的多面體上。多面體之間通 過分割標(biāo)識符來表征,以使得多面體之間分離更顯著,在本實(shí)施例中,分割標(biāo)識符為具有深度信息的分裂線。
進(jìn)一步的,本發(fā)明在使用模式下還可模擬操作下按3D應(yīng)用圖標(biāo)的3D效果,則觸控終端50還包括調(diào)整模塊53。
檢測模塊50還用于檢測操作體與屏幕之間的距離。調(diào)整模塊53用于在操作體與屏幕之間的距離小于3D應(yīng)用圖標(biāo)凸出于屏幕的最大距離,調(diào)整3D應(yīng)用圖標(biāo)凸出于屏幕的距離,使該3D應(yīng)用圖標(biāo)往背板方向下沉。在3D應(yīng)用圖標(biāo)往背板方向下沉的過程中,保持3D應(yīng)用圖標(biāo)凸出于屏幕的距離等于操作體與屏幕之間的距離,使得從視角效果上看,3D應(yīng)用圖標(biāo)由于操作體下按,而產(chǎn)生下沉,則調(diào)整模塊53又具體用于調(diào)整3D應(yīng)用圖標(biāo)凸出于所述屏幕的距離等于操作體與屏幕之間的距離。
為了使3D效果更佳,在使用模式下,背板上還顯示有圖標(biāo)的投影,其中,投影的大小或者形狀根據(jù)時(shí)間和/或日期,結(jié)合預(yù)設(shè)變化模型變化。
(二)圖標(biāo)編輯模式
本發(fā)明的背板是由多個(gè)多面體組合而成的,在使用模式下,顯示模塊用于使多個(gè)多面體無縫拼接,形成背板,3D應(yīng)用圖標(biāo)懸浮于對應(yīng)多面體;在圖標(biāo)編輯模式下,背板被分裂為多個(gè)多面體,3D應(yīng)用圖標(biāo)分別收縮并下沉于屏幕與與其對應(yīng)多面體之間的空間中,從而使得觸摸終端在使的用模式和圖標(biāo)編輯模式具有明顯的區(qū)別特征。
在圖標(biāo)編輯模式下,操作體的操作類型包括:移動操作、切屏操作或快捷設(shè)置操作中的一種或多種。當(dāng)觸摸終端處于圖標(biāo)編輯模式時(shí),也可以通過操作體接觸屏幕的時(shí)間和操作體的運(yùn)動軌跡確定操作體當(dāng)前的操作類型,則確定模塊51包括第二判斷單元515、第五確定單元516、第六確定單元517、第七確定單元518和第八確定單元519。
第二判斷單元515用于當(dāng)操作體接觸屏幕的時(shí)間小于預(yù)設(shè)的第二時(shí)間閾值且觸摸終端處于圖標(biāo)編輯模式時(shí),判斷所述操作體在屏幕上是否存在運(yùn)動軌跡。第五確定單元516用于在所述第二判斷單元515判斷到?jīng)]有運(yùn)動軌跡,則確定操作體當(dāng)前的操作類型為吸附圖標(biāo)操作。第六確 定單元517用于在第二判斷單元515判斷到存在運(yùn)動軌跡且運(yùn)動軌跡為快速的上下位移操作時(shí),確定操作體當(dāng)前的操作類型為快捷設(shè)置操作。第七確定單元518用于在第二判斷單元515判斷到存在運(yùn)動軌跡且運(yùn)動軌跡為快速的左右位移操作,確定操作體當(dāng)前的操作類型為切屏操作。第八確定單元519用于當(dāng)操作體接觸屏幕的時(shí)間大于預(yù)設(shè)的第二時(shí)間閾值且存在運(yùn)動軌跡以及所述觸摸終端處于圖標(biāo)編輯模式時(shí),則判定操作體當(dāng)前的操作類型為移動操作。
通過移動操作可以改變用戶界面中3D應(yīng)用圖標(biāo)排列,在本實(shí)施例中,移動操作包括:圖標(biāo)位置替換操作、圖標(biāo)位置變化操作、創(chuàng)建文件夾操作和刪除圖標(biāo)操作。處理模塊52包括第五執(zhí)行單元525、第六執(zhí)行單元526、第七執(zhí)行單元528和第八執(zhí)行單元529。
第五執(zhí)行單元525用于當(dāng)運(yùn)動軌跡為操作體從當(dāng)前吸附的3D應(yīng)用圖標(biāo)位置運(yùn)動到另一圖標(biāo)位置上方并停頓一預(yù)定時(shí)間后釋放操作體時(shí),則執(zhí)行圖標(biāo)位置替換操作。圖標(biāo)位置替換操作包括當(dāng)操作體當(dāng)前吸附的3D應(yīng)用圖標(biāo)運(yùn)動至被替換圖標(biāo)上方時(shí),被替換圖標(biāo)被擠出來并運(yùn)動到操作體當(dāng)前吸附的3D應(yīng)用圖標(biāo)的原始位置且操作體當(dāng)前所吸附的3D應(yīng)用圖標(biāo)則替換被替換圖標(biāo)的位置;或者,當(dāng)操作體當(dāng)前吸附的3D應(yīng)用圖標(biāo)運(yùn)動至被替換圖標(biāo)上方時(shí),被替換圖標(biāo)沉入多面體而逐漸隱退且該被替換圖標(biāo)在操作體當(dāng)前所吸附的3D應(yīng)用圖標(biāo)的原始位置逐漸顯現(xiàn)。
第六執(zhí)行單元526用于當(dāng)運(yùn)動軌跡為操作體從當(dāng)前吸附的3D應(yīng)用圖標(biāo)位置運(yùn)動到一空白多面體上方并停頓一預(yù)定時(shí)間后釋放操作體時(shí),則執(zhí)行圖標(biāo)位置變化操作。執(zhí)行圖標(biāo)位置變化操作,包括:當(dāng)操作體當(dāng)前吸附的3D應(yīng)用圖標(biāo)運(yùn)動至空白多面體上方且操作體離開屏幕后,被操作體吸附的3D應(yīng)用圖標(biāo)沉入該空白多面體上。
第七執(zhí)行單元527用于當(dāng)運(yùn)動軌跡為操作體從當(dāng)前吸附的3D應(yīng)用圖標(biāo)位置運(yùn)動到具有圖標(biāo)的另一多面體上方且未在該多面體上的圖標(biāo)上方時(shí),則執(zhí)行創(chuàng)建文件夾操作。其中,執(zhí)行創(chuàng)建文件夾操作包括:當(dāng)操作體當(dāng)前吸附的3D應(yīng)用圖標(biāo)運(yùn)動到上方具有圖標(biāo)的另一多面體上方且未在該多面體上的圖標(biāo)上方時(shí),多面體上方的原圖標(biāo)變小,操作體吸 附過來的圖標(biāo)沉入該多面體上且變小并一起放置于新創(chuàng)建的文件夾中。
第八執(zhí)行單元528用于當(dāng)運(yùn)動軌跡為操作體從當(dāng)前吸附的圖標(biāo)位置運(yùn)動到圖標(biāo)刪除位置區(qū)域,則執(zhí)行刪除圖標(biāo)操作。其中,執(zhí)行刪除圖標(biāo)操作包括:當(dāng)操作體當(dāng)前吸附的3D應(yīng)用圖標(biāo)被移動到圖標(biāo)刪除位置區(qū)域的邊緣時(shí),被吸附的3D應(yīng)用圖標(biāo)被圖標(biāo)刪除位置區(qū)域吸入而消失。
當(dāng)觸摸終端處于圖標(biāo)編輯模式且操作類型為吸附圖標(biāo)操作時(shí),處理模塊52又可具體為:使被觸按的3D應(yīng)用圖標(biāo)往屏幕方向上浮預(yù)設(shè)高度。當(dāng)觸摸終端處于圖標(biāo)編輯模式且操作類型為快捷設(shè)置操作時(shí),處理模塊52又可具體為:生成3D應(yīng)用圖標(biāo)子級功能與快捷啟動該應(yīng)用程序子級功能的預(yù)設(shè)信號的對應(yīng)關(guān)系。優(yōu)選的,生成該對關(guān)系包括:接收針對選定3D應(yīng)用圖標(biāo)輸入的快捷啟動該選定應(yīng)用程序子級功能的預(yù)設(shè)信號,并顯示選定3D應(yīng)用圖標(biāo)對應(yīng)的子級功能列表,以及接收從子級功能列表中選擇的子級功能,建立輸入的預(yù)設(shè)信號與選擇的子級功能之間的對應(yīng)關(guān)系并存儲。
本發(fā)明實(shí)施例中,獲取觸摸終端的顯示模式和操作體在觸摸終端針對3D應(yīng)用圖標(biāo)輸入的操作信息,并根據(jù)顯示模式和操作信息確定操作類型,以及根據(jù)操作類型進(jìn)行操作,實(shí)現(xiàn)了3D應(yīng)用圖標(biāo)的交互,豐富了用戶界面的交互方式,提升了用戶操控體驗(yàn),極大增強(qiáng)用戶界面的易用性、靈活性和樂趣性。
請參閱圖17,圖17是本發(fā)明觸摸終端第三實(shí)施例的結(jié)構(gòu)示意圖,觸摸終端包括處理器601、屏幕602和總線603。處理器601與屏幕602均與總線603連接。
觸摸終端60的顯示模式包括使用模式和圖標(biāo)編輯模式,在使用模式下,觸摸終端60屏幕602的用戶界面上顯示有背板以及懸浮于背板的3D應(yīng)用圖標(biāo)。處理器601處理器用于檢測操作體針對3D應(yīng)用圖標(biāo)輸入的操作信息,并根據(jù)檢測到的操作信息以及觸摸終端當(dāng)前所處的顯示模式,確定操作體當(dāng)前的操作類型,以及根據(jù)確定出的操作類型,對3D應(yīng)用圖標(biāo)進(jìn)行變形處理,以及執(zhí)行確定出的操作類型對應(yīng)的操作。
當(dāng)然,處理器601還可執(zhí)行其它操作,以使觸摸終端60還可以完 成其它功能,對于處理器601所執(zhí)行的其它操作可以參閱觸摸終端實(shí)施例,此處不再一一贅述。
以上所述僅為本發(fā)明的實(shí)施例,并非因此限制本發(fā)明的專利范圍,凡是利用本發(fā)明說明書及附圖內(nèi)容所作的等效結(jié)構(gòu)或等效流程變換,或直接或間接運(yùn)用在其他相關(guān)的技術(shù)領(lǐng)域,均同理包括在本發(fā)明的專利保護(hù)范圍內(nèi)。