本公開涉及移動終端領(lǐng)域,特別涉及一種界面顯示方法及裝置。
背景技術(shù):
在移動終端所需顯示的界面內(nèi)容較多時,受移動終端屏幕尺寸的限制,界面內(nèi)容往往不能在用戶界面中全部顯示。
相關(guān)技術(shù)中,用戶可以通過滑動的方式,操作移動終端在用戶界面中顯示隱藏的界面內(nèi)容。比如,移動終端接收到作用于用戶界面中的向上滑動信號時,用戶界面中的界面內(nèi)容會相應的向上滑動。這樣,之前隱藏在用戶界面下方的界面內(nèi)容會向上滑動,進而在用戶界面中進行顯示。
技術(shù)實現(xiàn)要素:
為了解決相關(guān)技術(shù)中界面內(nèi)容滑動至用戶界面的邊緣時,界面內(nèi)容會突然消失,比較突兀的問題,本公開提供了一種界面顯示方法及裝置。所述技術(shù)方案如下:
根據(jù)本公開實施例的第一方面,提供了一種界面顯示方法,所述方法包括:
接收作用于用戶界面中的第一滑動信號;
根據(jù)所述第一滑動信號將所述用戶界面中的界面內(nèi)容進行平移顯示;
當所述界面內(nèi)容平移至位于邊緣的卷動區(qū)域時,將所述界面內(nèi)容在所述卷動區(qū)域中進行卷動顯示,所述卷動顯示是將所述界面內(nèi)容沿三維空間中的卷動路徑卷動收起時在所述卷動區(qū)域所在平面上的投影顯示。
可選的,所述卷動路徑是曲線路徑或折線路徑;
所述曲線路徑包括:螺旋線路徑、扇形路徑、橢圓扇形路徑、雙曲線段路徑和拋物線段路徑中的任意一種;
所述折線路徑為:由三維空間中的始點、終點及其余n個任意點,按預先設(shè)定的連接順序連接所形成的折線路徑,n為大于等于0的整數(shù)。
可選的,所述卷動區(qū)域是位于所述用戶界面的卷動線和所述邊緣之間的區(qū)域,所述卷動線是直線段、折線段和曲線段中的任意一種。
可選的,所述將所述界面內(nèi)容在所述卷動區(qū)域中進行卷動顯示,包括:
按照所述第一滑動信號的滑動速度顯示沿著所述卷動路徑卷動的所述界面內(nèi)容;
或,
按照第一速度顯示沿著所述卷動路徑卷動的所述界面內(nèi)容;所述第一速度與卷動距離在所述卷動區(qū)域所在平面上的投影距離成負相關(guān)關(guān)系,所述卷動距離為所述界面內(nèi)容沿著所述卷動路徑卷動的距離;
或,
按照第一預設(shè)初速度以及第一預設(shè)加速度顯示沿著所述卷動路徑勻減速卷動的所述界面內(nèi)容。
可選的,所述方法,還包括:
在停止向所述卷動區(qū)域平移所述界面內(nèi)容之后,將進入所述卷動區(qū)域的所述界面內(nèi)容在所述卷動區(qū)域中進行反向卷動顯示,所述反向卷動顯示是將所述界面內(nèi)容沿三維空間中的所述卷動路徑反向卷出所述卷動區(qū)域時在所述卷動區(qū)域所在平面上的投影顯示;
將所述用戶界面中所述卷動區(qū)域之外的其他區(qū)域中的界面內(nèi)容進行反向平移顯示。
可選的,所述方法,還包括:
接收第二滑動信號,所述第二滑動信號的滑動方向與所述第一滑動信號的滑動方向相反;
在接收到所述第二滑動信號之后,執(zhí)行所述將進入所述卷動區(qū)域的所述界面內(nèi)容在所述卷動區(qū)域中進行反向卷動顯示的步驟。
可選的,所述將進入所述卷動區(qū)域的所述界面內(nèi)容在所述卷動區(qū)域中進行反向卷動顯示,包括:
按照預設(shè)速度在所述卷動區(qū)域中顯示沿著所述卷動路徑反向卷出所述卷動區(qū)域的所述界面內(nèi)容;
或,
按照第二預設(shè)初速度以及第二預設(shè)加速度顯示沿著所述卷動路徑反向勻加 速卷出所述卷動區(qū)域的所述界面內(nèi)容;
或,
按照第二速度顯示沿著所述卷動路徑反向卷出所述卷動區(qū)域的所述界面內(nèi)容,所述第二速度根據(jù)預設(shè)三角函數(shù)的輸出的變化而變化。
可選的,所述方法,還包括:
在所述第一滑動信號結(jié)束時,停止向所述卷動區(qū)域平移所述界面內(nèi)容;
或者,
在所述界面內(nèi)容中的預設(shè)內(nèi)容移動至所述用戶界面中的預設(shè)位置時,停止向所述卷動區(qū)域平移所述界面內(nèi)容,所述預設(shè)內(nèi)容為所述用戶界面中所述第一滑動信號所對應的觸發(fā)位置處的內(nèi)容,或者,所述用戶界面的界面內(nèi)容中與所述卷動區(qū)域之間的距離最遠的內(nèi)容;
或者,
在所述界面內(nèi)容按照減速滑動且滑動速度減為零時,停止向所述卷動區(qū)域平移所述界面內(nèi)容。
可選的,所述方法,還包括:
在所述界面內(nèi)容的移動過程中,若所述用戶界面中與所述卷動區(qū)域相對的另一側(cè)的邊緣處出現(xiàn)空白區(qū)域,則在所述空白區(qū)域中填充顯示預設(shè)填充內(nèi)容。
根據(jù)本公開實施例的第二方面,提供了一種界面顯示方法,所述方法包括:
接收作用于用戶界面中的滑動信號;
根據(jù)所述滑動信號將所述用戶界面中的界面內(nèi)容進行平移顯示;
當所述用戶界面中隱藏顯示的界面內(nèi)容從屏幕外進入位于邊緣的卷動區(qū)域時,將所述界面內(nèi)容在所述卷動區(qū)域中進行卷動顯示,所述卷動顯示是將所述界面內(nèi)容沿三維空間中的卷動路徑卷動收起時在所述卷動區(qū)域所在平面上的投影顯示。
可選的,所述卷動路徑是曲線路徑或折線路徑;
所述曲線路徑包括:螺旋線路徑、扇形路徑、橢圓扇形路徑、雙曲線段路徑和拋物線段路徑中的任意一種;
所述折線路徑為:由三維空間中的始點、終點及其余n個任意點,按預先設(shè)定的連接順序連接所形成的折線路徑,n為大于等于0的整數(shù)。
可選的,所述卷動區(qū)域是位于所述用戶界面的卷動線和所述邊緣之間的區(qū)域,所述卷動線是直線段、折線段和曲線段中的任意一種。
可選的,所述將所述界面內(nèi)容在所述卷動區(qū)域中進行卷動顯示,包括:
按照所述滑動信號的滑動速度顯示沿著所述卷動路徑卷動的所述界面內(nèi)容;
或,
按照目標速度顯示沿著所述卷動路徑卷動的所述界面內(nèi)容;所述目標速度與卷動距離在所述卷動區(qū)域所在平面上的投影距離成負相關(guān)關(guān)系,所述卷動距離為所述界面內(nèi)容沿著所述卷動路徑卷動的距離;
或,
按照預設(shè)初速度以及預設(shè)加速度顯示沿著所述卷動路徑勻減速卷動的所述界面內(nèi)容。
可選的,所述方法,還包括:
在所述滑動信號結(jié)束時,停止向所述卷動區(qū)域平移所述界面內(nèi)容;
或者,
在所述界面內(nèi)容中的預設(shè)內(nèi)容移動至所述用戶界面中的預設(shè)位置時,停止向所述卷動區(qū)域平移所述界面內(nèi)容,所述預設(shè)內(nèi)容為所述用戶界面中所述滑動信號所對應的觸發(fā)位置處的內(nèi)容,或者,所述用戶界面的界面內(nèi)容中與所述卷動區(qū)域之間的距離最遠的內(nèi)容;
或者,
在所述界面內(nèi)容按照減速滑動且滑動速度減為零時,停止向所述卷動區(qū)域平移所述界面內(nèi)容。
根據(jù)本公開實施例的第三方面,提供了一種界面顯示裝置,所述裝置包括:
第一接收模塊,被配置為接收作用于用戶界面中的第一滑動信號;
第一顯示模塊,被配置為根據(jù)所述第一接收模塊接收到的所述第一滑動信號將所述用戶界面中的界面內(nèi)容進行平移顯示;
第二顯示模塊,被配置為在所述界面內(nèi)容平移至位于邊緣的卷動區(qū)域時,將所述界面內(nèi)容在所述卷動區(qū)域中進行卷動顯示,所述卷動顯示是將所述界面內(nèi)容沿三維空間中的卷動路徑卷動收起時在所述卷動區(qū)域所在平面上的投影顯 示。
可選的,所述卷動路徑是曲線路徑或折線路徑;
所述曲線路徑包括:螺旋線路徑、扇形路徑、橢圓扇形路徑、雙曲線段路徑和拋物線段路徑中的任意一種;
所述折線路徑為:由三維空間中的始點、終點及其余n個任意點,按預先設(shè)定的連接順序連接所形成的折線路徑,n為大于等于0的整數(shù)。
可選的,所述卷動區(qū)域是位于所述用戶界面的卷動線和所述邊緣之間的區(qū)域,所述卷動線是直線段、折線段和曲線段中的任意一種。
可選的,所述第二顯示模塊,還被配置為:
按照所述第一滑動信號的滑動速度顯示沿著所述卷動路徑卷動的所述界面內(nèi)容;
或,
按照第一速度顯示沿著所述卷動路徑卷動的所述界面內(nèi)容;所述第一速度與卷動距離在所述卷動區(qū)域所在平面上的投影距離成負相關(guān)關(guān)系,所述卷動距離為所述界面內(nèi)容沿著所述卷動路徑卷動的距離;
或,
按照第一預設(shè)初速度以及第一預設(shè)加速度顯示沿著所述卷動路徑勻減速卷動的所述界面內(nèi)容。
可選的,所述裝置,還包括:
第三顯示模塊,被配置為在停止向所述卷動區(qū)域平移所述界面內(nèi)容之后,將進入所述卷動區(qū)域的所述界面內(nèi)容在所述卷動區(qū)域中進行反向卷動顯示,所述反向卷動顯示是將所述界面內(nèi)容沿三維空間中的所述卷動路徑反向卷出所述卷動區(qū)域時在所述卷動區(qū)域所在平面上的投影顯示;
第四顯示模塊,被配置為將所述用戶界面中所述卷動區(qū)域之外的其他區(qū)域中的界面內(nèi)容進行反向平移顯示。
可選的,所述裝置,還包括:
第二接收模塊,被配置為接收第二滑動信號,所述第二滑動信號的滑動方向與所述第一滑動信號的滑動方向相反;
所述第三顯示模塊,還被配置為在所述第二接收模塊接收到所述第二滑動信號之后,執(zhí)行所述將進入所述卷動區(qū)域的所述界面內(nèi)容在所述卷動區(qū)域中進 行反向卷動顯示的步驟。
可選的,所述第三顯示模塊,還被配置為:
按照預設(shè)速度在所述卷動區(qū)域中顯示沿著所述卷動路徑反向卷出所述卷動區(qū)域的所述界面內(nèi)容;
或,
按照第二預設(shè)初速度以及第二預設(shè)加速度顯示沿著所述卷動路徑反向勻加速卷出所述卷動區(qū)域的所述界面內(nèi)容;
或,
按照第二速度顯示沿著所述卷動路徑反向卷出所述卷動區(qū)域的所述界面內(nèi)容,所述第二速度根據(jù)預設(shè)三角函數(shù)的輸出的變化而變化。
可選的,所述裝置,還包括停止平移模塊,所述停止平移模塊被配置為:
在所述第一滑動信號結(jié)束時,停止向所述卷動區(qū)域平移所述界面內(nèi)容;
或者,
在所述界面內(nèi)容中的預設(shè)內(nèi)容移動至所述用戶界面中的預設(shè)位置時,停止向所述卷動區(qū)域平移所述界面內(nèi)容,所述預設(shè)內(nèi)容為所述用戶界面中所述第一滑動信號所對應的觸發(fā)位置處的內(nèi)容,或者,所述用戶界面的界面內(nèi)容中與所述卷動區(qū)域之間的距離最遠的內(nèi)容;
或者,
在所述界面內(nèi)容按照減速滑動且滑動速度減為零時,停止向所述卷動區(qū)域平移所述界面內(nèi)容。
可選的,所述裝置,還包括:
內(nèi)容填充模塊,還被配置為在所述界面內(nèi)容的移動過程中,若所述用戶界面中與所述卷動區(qū)域相對的另一側(cè)的邊緣處出現(xiàn)空白區(qū)域,則在所述空白區(qū)域中填充顯示預設(shè)填充內(nèi)容。
根據(jù)本公開實施例的第四方面,提供了一種界面顯示裝置,所述裝置包括:
接收模塊,被配置為接收作用于用戶界面中的滑動信號;
第一顯示模塊,被配置為根據(jù)所述接收模塊接收到的所述滑動信號將所述用戶界面中的界面內(nèi)容進行平移顯示;
第二顯示模塊,被配置為在所述用戶界面中隱藏顯示的界面內(nèi)容從屏幕外 進入位于邊緣的卷動區(qū)域時,將所述界面內(nèi)容在所述卷動區(qū)域中進行卷動顯示,所述卷動顯示是將所述界面內(nèi)容沿三維空間中的卷動路徑卷動收起時在所述卷動區(qū)域所在平面上的投影顯示。
可選的,所述卷動路徑是曲線路徑或折線路徑;
所述曲線路徑包括:螺旋線路徑、扇形路徑、橢圓扇形路徑、雙曲線段路徑和拋物線段路徑中的任意一種;
所述折線路徑為:由三維空間中的始點、終點及其余n個任意點,按預先設(shè)定的連接順序連接所形成的折線路徑,n為大于等于0的整數(shù)。
可選的,所述卷動區(qū)域是位于所述用戶界面的卷動線和所述邊緣之間的區(qū)域,所述卷動線是直線段、折線段和曲線段中的任意一種。
可選的,所述第二顯示模塊,被配置為:
按照所述滑動信號的滑動速度顯示沿著所述卷動路徑卷動的所述界面內(nèi)容;
或,
按照目標速度顯示沿著所述卷動路徑卷動的所述界面內(nèi)容;所述目標速度與卷動距離在所述卷動區(qū)域所在平面上的投影距離成負相關(guān)關(guān)系,所述卷動距離為所述界面內(nèi)容沿著所述卷動路徑卷動的距離;
或,
按照預設(shè)初速度以及預設(shè)加速度顯示沿著所述卷動路徑勻減速卷動的所述界面內(nèi)容。
可選的,所述裝置,還包括:停止平移模塊,所述停止平移模塊,被配置為:
在所述滑動信號結(jié)束時,停止向所述卷動區(qū)域平移所述界面內(nèi)容;
或者,
在所述界面內(nèi)容中的預設(shè)內(nèi)容移動至所述用戶界面中的預設(shè)位置時,停止向所述卷動區(qū)域平移所述界面內(nèi)容,所述預設(shè)內(nèi)容為所述用戶界面中所述滑動信號所對應的觸發(fā)位置處的內(nèi)容,或者,所述用戶界面的界面內(nèi)容中與所述卷動區(qū)域之間的距離最遠的內(nèi)容;
或者,
在所述界面內(nèi)容按照減速滑動且滑動速度減為零時,停止向所述卷動區(qū)域 平移所述界面內(nèi)容。
根據(jù)本公開實施例的第五方面,提供了一種界面顯示裝置,所述裝置包括:
處理器;
用于存儲所述處理器可執(zhí)行指令的存儲器;
其中,所述處理器被配置為:
接收作用于用戶界面中的第一滑動信號;
根據(jù)所述第一滑動信號將所述用戶界面中的界面內(nèi)容進行平移顯示;
當所述界面內(nèi)容平移至位于邊緣的卷動區(qū)域時,將所述界面內(nèi)容在所述卷動區(qū)域中進行卷動顯示,所述卷動顯示是將所述界面內(nèi)容沿三維空間中的卷動路徑卷動收起時在所述卷動區(qū)域所在平面上的投影顯示。
本公開的實施例提供的技術(shù)方案可以包括以下有益效果:
通過在用戶界面中的界面內(nèi)容平移至位于邊緣的卷動區(qū)域時,將界面內(nèi)容在卷動區(qū)域中進行卷動顯示。其中,卷動顯示是將界面內(nèi)容沿三維空間中的卷動路徑卷動收起時在卷動區(qū)域所在平面上的投影顯示。解決了相關(guān)技術(shù)中界面內(nèi)容滑動至用戶界面的邊緣時,界面內(nèi)容會突然消失比較突兀的問題;達到了界面內(nèi)容可以在邊緣處的卷動區(qū)域中卷動顯示,進而平緩的在用戶界面中消失或者平緩地進入用戶界面,降低界面內(nèi)容突然消失或者突然出現(xiàn)時帶來的突兀感的效果。
應當理解的是,以上的一般描述和后文的細節(jié)描述僅是示例性的,并不能限制本公開。
附圖說明
此處的附圖被并入說明書中并構(gòu)成本說明書的一部分,示出了符合本公開的實施例,并于說明書一起用于解釋本公開的原理。
圖1是根據(jù)部分示例性實施例示出的一種界面顯示方法所涉及的卷動區(qū)域的示意圖。
圖2是根據(jù)一示例性實施例示出的一種界面顯示方法的流程圖。
圖3a是根據(jù)另一示例性實施例示出的一種界面顯示方法的流程圖。
圖3b是根據(jù)另一示例性實施例示出的移動終端展示用戶界面的展示示意圖。
圖3c是根據(jù)另一示例性實施例示出的卷動路徑的示意圖。
圖3d是根據(jù)另一示例性實施例示出的界面內(nèi)容在卷動區(qū)域中卷動顯示的示意圖。
圖3e是根據(jù)另一示例性實施例示出的卷動距離和投影距離的示意圖。
圖3f是根據(jù)另一示例性實施例示出的另一種界面顯示方法的流程圖。
圖3g是根據(jù)另一示例性實施例示出的卷動區(qū)域中的界面內(nèi)容卷出的示意圖。
圖3h是根據(jù)另一示例性實施例示出的在空白區(qū)域中填充預設(shè)填充內(nèi)容的示意圖。
圖4是根據(jù)一示例性實施例示出的一種界面顯示方法的流程圖。
圖5是根據(jù)另一示例性實施例示出的一種界面顯示方法的流程圖。
圖6是根據(jù)一示例性實施例示出的一種界面顯示裝置的框圖。
圖7是根據(jù)另一示例性實施例示出的一種界面顯示裝置的框圖。
圖8是根據(jù)一示例性實施例示出的一種界面顯示裝置的框圖。
圖9是根據(jù)另一示例性實施例示出的一種界面顯示裝置的框圖。
圖10是根據(jù)一示例性實施例示出的一種界面顯示裝置的框圖。
具體實施方式
這里將詳細地對示例性實施例進行說明,其示例表示在附圖中。下面的描述涉及附圖時,除非另有表示,不同附圖中的相同數(shù)字表示相同或相似的要素。以下示例性實施例中所描述的實施方式并不代表與本公開相一致的所有實施方式。相反,它們僅是與如所附權(quán)利要求書中所詳述的、本公開的一些方面相一致的裝置和方法的例子。
移動終端可以通過用戶界面向用戶展示界面內(nèi)容。比如,在瀏覽器中,移動終端可以通過用戶界面向用戶展示網(wǎng)頁內(nèi)容。又比如,在電子書閱讀軟件中,移動終端可以通過用戶界面向用戶展示電子書中的內(nèi)容。再比如,在社交應用程序中,移動終端可以通過用戶界面向用戶展示好友的新鮮事。實際實現(xiàn)時, 該用戶界面可以占據(jù)移動終端的整個屏幕,也可以占據(jù)移動終端的部分屏幕,本實施例對此并不做限定。
在本公開各個示例性實施例所提供的界面顯示方法中,用戶界面中可以包括位于邊緣的至少一個卷動區(qū)域。比如,用戶界面中可以包括位于用戶界面中的上邊緣、下邊緣、左邊緣和右邊緣中的至少一個邊緣的卷動區(qū)域。以用戶界面中同時包括兩個卷動區(qū)域為例,請參考圖1,用戶界面中可以包括位于下邊緣的第一卷動區(qū)域11和位于上邊緣的第二卷動區(qū)域12。
卷動區(qū)域是用戶界面中位于卷動線和距離該卷動線最近的一側(cè)的屏幕邊緣之間的區(qū)域。卷動線可以為直線段、折線段和曲線段中的任意一種。比如,請參考圖1,卷動線可以為圖中所示的第一卷動區(qū)域11所對應的折線段狀的卷動線13,也可以為圖中所示的第二卷動區(qū)域12所對應的曲線段狀的卷動線14。
可選地,本公開各個示例性實施例所述的卷動線可以是虛擬的并不顯示的線,其只是用于劃定卷動區(qū)域的邊界。并且實際實現(xiàn)時,卷動線與屏幕邊緣之間的距離可以小于預設(shè)閾值。比如,以卷動區(qū)域為圖1中的第一卷動區(qū)域11來舉例說明,卷動線13與屏幕邊緣之間的距離可以小于屏幕長度的1/5。
圖2是根據(jù)一示例性實施例示出的一種界面顯示方法的流程圖,如圖2所示,該界面顯示方法包括以下步驟。
在步驟201中,接收作用于用戶界面中的第一滑動信號。
在步驟202中,根據(jù)第一滑動信號將用戶界面中的界面內(nèi)容進行平移顯示。
在步驟203中,當界面內(nèi)容平移至位于邊緣的卷動區(qū)域時,將界面內(nèi)容在卷動區(qū)域中進行卷動顯示。
卷動顯示是將界面內(nèi)容沿三維空間中的卷動路徑卷動收起時在卷動區(qū)域所在平面上的投影顯示。
綜上所述,本公開實施例中提供的界面顯示方法,通過在用戶界面中的界面內(nèi)容平移至位于邊緣的卷動區(qū)域時,將界面內(nèi)容在卷動區(qū)域中進行卷動顯示。其中,卷動顯示是將界面內(nèi)容沿三維空間中的卷動路徑卷動收起時在卷動區(qū)域所在平面上的投影顯示。解決了相關(guān)技術(shù)中界面內(nèi)容滑動至用戶界面的邊緣時,界面內(nèi)容會突然消失比較突兀的問題;達到了界面內(nèi)容可以在邊緣處的卷動區(qū)域中卷動顯示,進而平緩的在用戶界面中消失,降低界面內(nèi)容突然消失時帶來 的突兀感的效果。
圖3a是根據(jù)一示例性實施例示出的一種界面顯示方法的流程圖,如圖3a所示,該界面顯示方法包括以下步驟。
在步驟301中,顯示用戶界面。
比如,用戶在移動終端中通過瀏覽器查看a省前兩個季度中每個月的人均消費水平時,移動終端可以展示圖3b所示的界面。
在步驟302中,接收作用于用戶界面中的第一滑動信號。
第一滑動信號可以為向上滑動、向下滑動、向左滑動或者向右滑動的滑動信號。
比如,結(jié)合圖3b,當用戶想要查看用戶界面中上側(cè)隱藏顯示的界面內(nèi)容時,用戶可以在用戶界面中施加向下滑動的第一滑動信號,相應的,移動終端可以接收到向下滑動的第一滑動信號。其中,用戶界面中隱藏顯示的界面內(nèi)容是指用戶界面中在第一滑動信號的滑動方向的相反方向側(cè)隱藏的內(nèi)容。
在步驟303中,以第一滑動信號所對應的滑動速度向第一滑動信號的滑動方向平移顯示界面內(nèi)容。
平移顯示是指界面內(nèi)容向第一滑動信號的滑動方向側(cè)平移并顯示。
以第一滑動信號所對應的滑動速度,也即用戶手指的滑動速度為vuser來舉例說明,移動終端可以按照vuser向第一滑動信號的滑動方向平移顯示界面內(nèi)容。
需要說明的是,如果平移顯示之前,受用戶界面的界面尺寸的限制,用戶界面中存在在第一滑動信號的滑動方向的相反方向側(cè)隱藏顯示的界面內(nèi)容,則在平移顯示的過程中,用戶界面中在第一滑動信號的滑動方向的相反方向側(cè)隱藏的界面內(nèi)容會以平移的方式從屏幕外進入屏幕內(nèi),而用戶界面中在第一滑動信號的滑動方向側(cè)的界面內(nèi)容會相應的移出屏幕。
在步驟304中,當界面內(nèi)容平移至位于邊緣的卷動區(qū)域時,按照第一滑動信號的滑動速度顯示沿著卷動路徑卷動的界面內(nèi)容。
卷動區(qū)域是位于用戶界面的卷動線和距離該卷動線最近的一側(cè)的屏幕邊緣之間的區(qū)域,卷動線是直線段、折線段和曲線段中的任意一種。
卷動路徑是曲線路徑或折線路徑;曲線路徑包括:螺旋線路徑、扇形路徑、橢圓扇形路徑、雙曲線段路徑和拋物線段路徑中的任意一種;折線路徑為:由 三維空間中的始點、終點及其余n個任意點,按預先設(shè)定的連接順序連接所形成的折線路徑,n為大于等于0的整數(shù)。
比如,請參考圖3c中的(1)圖、(2)圖和(3)圖(以卷動線為直線段舉例),其分別示出了卷動路徑為橢圓扇形路徑31、拋物線段路徑32和折線路徑33的情況。扇形路徑與橢圓扇形路徑類似,不同的是,扇形路徑中連接弧線兩端的半徑相同,而橢圓扇形中連接弧線兩端的半徑不同。
以卷動路徑為橢圓扇形路徑來舉例說明,請參考圖3d(圖中以卷動線為直線段來示意說明),當界面內(nèi)容平移至卷動區(qū)域之后,進入卷動區(qū)域34的界面內(nèi)容在卷動區(qū)域34中進行卷動顯示。卷動顯示是進入卷動區(qū)域34的界面內(nèi)容沿三維空間中的橢圓扇形路徑卷動收起時在卷動區(qū)域34所在平面35上的投影顯示。
其中,界面內(nèi)容在卷動區(qū)域中卷動的速度為第一滑動信號的滑動速度,也即界面內(nèi)容的滑動速度為vuser。
在步驟305中,在第一滑動信號結(jié)束時,停止向卷動區(qū)域平移界面內(nèi)容。
需要說明的一點是,步驟303只是以移動終端按照第一滑動信號的滑動速度平移顯示界面內(nèi)容來舉例說明,可選的:
在一種可能的實現(xiàn)方式中,
步驟303可以替換為:按照第一速度平移顯示界面內(nèi)容;第一速度與卷動距離在卷動區(qū)域所在平面上的投影距離成負相關(guān)關(guān)系,卷動距離為界面內(nèi)容沿著卷動路徑卷動的距離。
請參考圖3e,弧線段ab即為卷動距離,直線段cd為該卷動距離在卷動區(qū)域34所在平面35上的投影距離。
界面內(nèi)容的平移速度可以隨著界面內(nèi)容平移距離的增大而減小,并在界面內(nèi)容移動至預設(shè)位置時,速度降為零??蛇x的,第一速度vi可以為:
其中,vuser為第一滑動信號的滑動速度,duser為界面內(nèi)容中的預設(shè)內(nèi)容從接觸卷動線開始到到達預設(shè)位置處結(jié)束時用戶手指的滑動距離,di為t時刻進入卷動區(qū)域的界面內(nèi)容在卷動區(qū)域所在平面上的投影距離。
預設(shè)內(nèi)容為用戶界面中第一滑動信號所對應的觸發(fā)位置處的內(nèi)容,或者,用戶界面的界面內(nèi)容中與卷動區(qū)域之間的距離最大的內(nèi)容。預設(shè)位置可以為用戶界面中的一個固定位置,如卷動線處;也可以為固定位置偏移目標長度之后的位置。以預設(shè)位置為后者來舉例,預設(shè)位置可以為預設(shè)內(nèi)容到達卷動線的位置后繼續(xù)移動手指移動距離的預設(shè)倍數(shù)后所對應的位置。比如,手指移動距離為d,預設(shè)倍數(shù)為1/2,則預設(shè)位置即為達到卷動線的位置后繼續(xù)移動1/2d后所對應的位置。
在步驟303替換為上述內(nèi)容之后,步驟304可以相應的替換為:按照第一速度顯示沿著卷動路徑卷動的界面內(nèi)容;第一速度與卷動距離在卷動區(qū)域所在平面上的投影距離成負相關(guān)關(guān)系,卷動距離為界面內(nèi)容沿著卷動路徑卷動的距離。
界面內(nèi)容的卷動速度可以隨著界面內(nèi)容平移距離的增大而減小,并在界面內(nèi)容中的預設(shè)內(nèi)容移動至預設(shè)位置時,速度降為零??蛇x的,第一速度vi可以為:
其中,vuser為第一滑動信號的滑動速度,duser為界面內(nèi)容中的預設(shè)內(nèi)容從接觸卷動線開始到到達預設(shè)位置處結(jié)束時用戶手指的滑動距離,di為t時刻進入卷動區(qū)域的界面內(nèi)容在卷動區(qū)域所在平面上的投影距離。
經(jīng)過上述替換之后,步驟305可以相應的替換為:在界面內(nèi)容中的預設(shè)內(nèi)容移動至用戶界面中的預設(shè)位置時,停止向卷動區(qū)域平移界面內(nèi)容,預設(shè)內(nèi)容為用戶界面中第一滑動信號所對應的觸發(fā)位置處的內(nèi)容,或者,用戶界面的界面內(nèi)容中與卷動區(qū)域之間的距離最遠的內(nèi)容。
比如,以預設(shè)位置為預設(shè)內(nèi)容到達卷動線的位置后繼續(xù)移動手指移動距離的預設(shè)倍數(shù)后所對應的位置,且預設(shè)倍數(shù)為1/2來舉例,則在預設(shè)內(nèi)容移動至卷動線,且繼續(xù)移動1/2d之后,停止向卷動區(qū)域平移界面內(nèi)容。其中,d為用戶施加第一滑動信號時手指移動的距離。
又比如,以預設(shè)內(nèi)容為用戶界面的界面內(nèi)容中與卷動區(qū)域之間的距離最遠的內(nèi)容,且預設(shè)位置為卷動線來舉例說明,在圖3b所示的用戶界面中,當用戶界面最上側(cè)隱藏的界面內(nèi)容平移至卷動線時,停止向卷動區(qū)域中平移界面內(nèi)容。
在另一種可能的實現(xiàn)方式中,
步驟303可以替換為:按照第一預設(shè)初速度以及第一預設(shè)加速度以勻減速平移顯示界面內(nèi)容。
界面內(nèi)容的平移速度還可以為初始速度為第一預設(shè)初速度,且按照第一預設(shè)加速度勻減速的速度。以第一預設(shè)初速度為第一滑動信號的滑動速度vuser,第一預設(shè)加速度可以為a來舉例,則平移速度vi為:
在步驟303替換為上述內(nèi)容之后,步驟304可以替換為:按照第一預設(shè)初速度以及第一預設(shè)加速度顯示沿著卷動路徑均減速卷動的界面內(nèi)容。
界面內(nèi)容在卷動區(qū)域中的卷動速度還可以為初始速度為第一預設(shè)初速度,且按照第一預設(shè)加速度均減速的速度。以第一預設(shè)初速度為第一滑動信號的滑動速度vuser,第一預設(shè)加速度可以為a來舉例,則卷動速度vi為:
經(jīng)過上述替換之后,步驟305可以相應的替換為:在界面內(nèi)容按照減速滑動且滑動速度減為零時,停止向卷動區(qū)域平移界面內(nèi)容。
需要說明的另一點是,本實施例所說的卷動速度vi為界面內(nèi)容沿著三維空間中的卷動路徑卷動顯示的速度,界面內(nèi)容在卷動區(qū)域所在平面上的運動軌跡的速度vscreen為vi在卷動區(qū)域所在平面上的分量,也即為vscreen:vscreen=vi*cosθ。其中,θ為t時刻界面內(nèi)容沿著三維空間中的卷動路徑運動的速度方向與其在卷動區(qū)域所在平面上投影的夾角。比如,請參考圖3e,其示出了vi、vscreen以及θ之間的關(guān)系。
綜上所述,本公開實施例中提供的界面顯示方法,通過在用戶界面中的界面內(nèi)容平移至位于邊緣的卷動區(qū)域時,將界面內(nèi)容在卷動區(qū)域中進行卷動顯示。其中,卷動顯示是將界面內(nèi)容沿三維空間中的卷動路徑卷動收起時在卷動區(qū)域所在平面上的投影顯示。解決了相關(guān)技術(shù)中界面內(nèi)容滑動至用戶界面的邊緣時,界面內(nèi)容會突然消失比較突兀的問題;達到了界面內(nèi)容可以在邊緣處的卷動區(qū)域中卷動顯示,進而平緩的在用戶界面中消失,降低界面內(nèi)容突然消失時帶來的突兀感的效果。
需要補充說明的第一點是,在步驟305之后,移動終端可以保持用戶界面中的界面內(nèi)容靜止。當然,移動終端還可以將進入卷動區(qū)域的界面內(nèi)容反向卷出。比如,請參考圖3f,該界面顯示方法還可以包括如下步驟。
在步驟306中,在停止向卷動區(qū)域平移界面內(nèi)容之后,將進入卷動區(qū)域的界面內(nèi)容在卷動區(qū)域中進行反向卷動顯示。
其中,反向卷動顯示是將界面內(nèi)容沿三維空間中的卷動路徑反向卷出卷動區(qū)域時在卷動區(qū)域所在平面上的投影顯示。反向卷動顯示與卷動顯示類似,只是界面內(nèi)容的卷動方向相反,本實施例在此不再贅述。
可選的,作為一種可能的實現(xiàn)方式,在界面內(nèi)容的移動過程中,如果用戶界面中與卷動區(qū)域相對的另一側(cè)的邊緣處出現(xiàn)空白區(qū)域,則為了避免浪費用戶界面的顯示資源的問題,移動終端還可以將進入卷動區(qū)域的界面內(nèi)容在卷動區(qū)域中進行反向卷動顯示。并且,在空白區(qū)域中重新被填充有界面內(nèi)容時,移動終端停止反向卷出;或者,在空白區(qū)域達到預設(shè)的停止點時,停止反向卷出。
作為另一種可能的實現(xiàn)方式,若用戶想要重新查看進入卷動區(qū)域的界面內(nèi)容,則用戶可以施加第二滑動信號,相應的,移動終端可以接收該第二滑動信號。第二滑動信號的滑動方向與第一滑動信號的滑動方向相反。在接收到第二滑動信號之后,將進入卷動區(qū)域的界面內(nèi)容在卷動區(qū)域中進行反向卷動顯示。此時,當?shù)诙瑒有盘柦Y(jié)束時,停止反向卷出。
比如,請參考圖3g,用戶施加向上滑動的第二滑動信號之后,移動終端可以將卷動區(qū)域中的界面內(nèi)容沿著卷動路徑向上卷出該卷動區(qū)域。
在步驟307中,將用戶界面中卷動區(qū)域之外的其他區(qū)域中的界面內(nèi)容進行反向平移顯示。
與步驟306類似,移動終端可以將用戶界面中卷動區(qū)域之外的其他區(qū)域中的界面內(nèi)容進行反向平移顯示。
需要補充說明的是,將進入卷動區(qū)域的界面內(nèi)容在卷動區(qū)域中進行反向卷動顯示的步驟可以包括如下三種可能的實現(xiàn)方式:
第一種,按照預設(shè)速度在卷動區(qū)域中顯示沿著卷動路徑反向卷出卷動區(qū)域的界面內(nèi)容。
第二種,按照第二預設(shè)初速度以及第二預設(shè)加速度顯示沿著卷動路徑反向勻加速卷出卷動區(qū)域的界面內(nèi)容。
第二預設(shè)初速度可以為零,也可以為其它預設(shè)的數(shù)值,本實施例對此并不做限定。
以第二預設(shè)初速度為零來舉例,移動終端反向卷出界面內(nèi)容的卷出速度vi可以為:vi=a*t。其中,
第三種,按照第二速度顯示沿著卷動路徑反向卷出卷動區(qū)域的界面內(nèi)容,第二速度根據(jù)預設(shè)三角函數(shù)的輸出的變化而變化。
預設(shè)三角函數(shù)可以為sin函數(shù)或者cos函數(shù),且本實施例的速度取三角函數(shù)的輸出的絕對值。
以預設(shè)三角函數(shù)為sin函數(shù)來舉例說明,第二速度可以為:
本實施例只是以移動終端通過上述方式將進入卷動區(qū)域的界面內(nèi)容反向卷出來舉例說明,可選的,移動終端還可以通過其他方式來實現(xiàn),本實施例對此并不做限定。
需要補充說明的第二點是,在界面內(nèi)容的移動過程中,若用戶界面中與卷動區(qū)域相對的另一側(cè)出現(xiàn)空白區(qū)域,則移動終端可以在空白區(qū)域中填充顯示預設(shè)填充內(nèi)容。其中,預設(shè)填充內(nèi)容可以包括顏色、花紋、文字、圖片和推廣信息中的至少一種。
比如,結(jié)合圖3b,當用戶界面中最上側(cè)隱藏的界面內(nèi)容進入用戶界面,且界面內(nèi)容繼續(xù)移動時,用戶界面的上側(cè)的邊緣處將會出現(xiàn)空白區(qū)域,此時,為了避免顯示空白的問題,移動終端可以在該空白區(qū)域中填充顯示預設(shè)填充內(nèi)容。以填充內(nèi)容為花紋來舉例,移動終端可以在空白區(qū)域36中展示圖3h所示的花紋。
可選的,隨著界面內(nèi)容的繼續(xù)平移,空白區(qū)域會不斷增大,移動終端可以 通過預設(shè)填充內(nèi)容不斷的填充該空白區(qū)域,本實施例對此并不做限定。
通過在空白區(qū)域中填充顯示預設(shè)填充內(nèi)容,避免了用戶界面中出現(xiàn)空白進而浪費用戶界面的顯示資源的問題。同時,商家可以通過在該空白區(qū)域中填充推廣信息來向用戶進行產(chǎn)品推廣,豐富了商家的推廣渠道。
需要補充說明的第三點是,在移動終端顯示用戶界面時,若用戶界面中的部分界面內(nèi)容已經(jīng)位于卷動區(qū)域,則移動終端顯示用戶界面的步驟可以包括:
在卷動區(qū)域中,按照卷動路徑顯示位于卷動區(qū)域中的界面內(nèi)容。并且,在卷動區(qū)域之外的其他區(qū)域,則以平鋪方式展示位于該其他區(qū)域中的界面內(nèi)容。本實施例對此并不做限定。
通過在用戶界面的卷動區(qū)域中按照卷動路徑顯示其中的界面內(nèi)容,避免了采用平鋪方式顯示時,后續(xù)在卷動區(qū)域中卷動顯示時,界面內(nèi)容會發(fā)生變形的問題,提高了用戶的用戶體驗。
圖4是根據(jù)一示例性實施例示出的一種界面顯示方法的流程圖,上述實施例是界面內(nèi)容平移至卷動區(qū)域時,對卷動區(qū)域中的界面內(nèi)容進行卷動顯示,而與上述實施例不同的是,本實施例是以用戶界面中隱藏顯示的界面內(nèi)容從屏幕外進入卷動區(qū)域時,將界面內(nèi)容在卷動區(qū)域中進行卷動顯示來舉例說明。如圖4所示,該界面顯示方法包括以下步驟。
在步驟401中,接收作用于用戶界面中的滑動信號。
在步驟402中,根據(jù)滑動信號將用戶界面中的界面內(nèi)容進行平移顯示。
在步驟403中,當用戶界面中隱藏顯示的界面內(nèi)容從屏幕外進入位于邊緣的卷動區(qū)域時,將界面內(nèi)容在卷動區(qū)域中進行卷動顯示。
卷動顯示是將界面內(nèi)容沿三維空間中的卷動路徑卷動收起時在卷動區(qū)域所在平面上的投影顯示。
綜上所述,本公開實施例中提供的界面顯示方法,通過在用戶界面中隱藏顯示的界面內(nèi)容從屏幕外進入位于邊緣的卷動區(qū)域時,將界面內(nèi)容在卷動區(qū)域中進行卷動顯示;解決了相關(guān)技術(shù)中界面內(nèi)容剛進入屏幕內(nèi)時,界面顯示比較突兀的問題;達到了界面內(nèi)容可以在卷動區(qū)域中卷動顯示,進而平緩地進入用戶界面,降低界面內(nèi)容突然進入用戶界面時帶來的突兀感的效果。
圖5是根據(jù)一示例性實施例示出的一種界面顯示方法的流程圖,上述實施例是界面內(nèi)容平移至卷動區(qū)域時,對卷動區(qū)域中的界面內(nèi)容進行卷動顯示,而與上述實施例不同的是,本實施例是以用戶界面中隱藏顯示的界面內(nèi)容從屏幕外進入卷動區(qū)域時,將界面內(nèi)容在卷動區(qū)域中進行卷動顯示來舉例說明。如圖5所示,該界面顯示方法包括以下步驟。
在步驟501中,顯示用戶界面。
在步驟502中,接收作用于用戶界面中的滑動信號。
在步驟503中,以滑動信號所對應的滑動速度向滑動信號的滑動方向平移顯示界面內(nèi)容。
步驟501至步驟503與上述實施例中的步驟301至步驟303類似,本實施例在此不再贅述。
在步驟504中,當用戶界面中隱藏顯示的界面內(nèi)容從屏幕外進入位于邊緣的卷動區(qū)域時,按照滑動信號的滑動速度顯示沿著卷動路徑卷動的界面內(nèi)容。
在用戶界面中的界面內(nèi)容進行平移顯示時,用戶界面中之前隱藏顯示的界面內(nèi)容可能會從屏幕外進入到位于邊緣的卷動區(qū)域。其中,用戶界面中隱藏顯示的界面內(nèi)容是指用戶界面中在滑動信號的滑動方向的相反方向側(cè)隱藏的內(nèi)容。
比如,用戶向下滑動時,用戶界面中上側(cè)隱藏顯示的界面內(nèi)容會進入到位于屏幕邊緣的卷動區(qū)域。
移動終端可以將進入卷動區(qū)域的界面內(nèi)容進行卷動顯示。其實際顯示方式與上述實施例中的步驟304的顯示方式類似,本實施例在此不再贅述。
在步驟505中,在滑動信號結(jié)束時,停止向卷動區(qū)域平移界面內(nèi)容。
需要說明的一點是,步驟503只是以移動終端按照滑動信號的滑動速度平移顯示界面內(nèi)容來舉例說明,可選的:
在一種可能的實現(xiàn)方式中,
步驟503可以替換為:按照目標速度平移顯示界面內(nèi)容;目標速度與卷動距離在卷動區(qū)域所在平面上的投影距離成負相關(guān)關(guān)系,卷動距離為界面內(nèi)容沿著卷動路徑卷動的距離。
界面內(nèi)容的平移速度可以隨著界面內(nèi)容平移距離的增大而減小,并在界面內(nèi)容移動至預定預設(shè)位置時,速度降為零。可選的,目標速度vi可以為:
其中,vuser為滑動信號的滑動速度,duser為界面內(nèi)容中的預設(shè)內(nèi)容從接觸卷動線開始到到達預設(shè)位置處結(jié)束時用戶手指的滑動距離,di為t時刻進入卷動區(qū)域的界面內(nèi)容在用戶界面所在平面上的投影距離。
預設(shè)內(nèi)容為用戶界面中滑動信號所對應的觸發(fā)位置處的內(nèi)容,或者,用戶界面的界面內(nèi)容中與卷動區(qū)域之間的距離最大的內(nèi)容。預設(shè)位置可以為用戶界面中的一個固定位置,如卷動線處,也可以為固定位置偏移目標長度之后的位置。以預設(shè)位置為后者來舉例,預設(shè)位置可以為預設(shè)內(nèi)容到達卷動線的位置后繼續(xù)移動手指移動距離的預設(shè)倍數(shù)后所對應的位置。
在步驟503替換為上述內(nèi)容之后,步驟504可以相應的替換為:按照目標速度顯示沿著卷動路徑卷動的界面內(nèi)容;目標速度與卷動距離在卷動區(qū)域所在平面上的投影距離成負相關(guān)關(guān)系,卷動距離為界面內(nèi)容沿著卷動路徑卷動的距離。
界面內(nèi)容的卷動速度可以隨著界面內(nèi)容平移距離的增大而減小,并在界面內(nèi)容中的預設(shè)內(nèi)容移動至預設(shè)位置時,速度降為零??蛇x的,目標速度vi可以為:
其中,vuser為滑動信號的滑動速度,duser為界面內(nèi)容中的預設(shè)內(nèi)容從接觸卷動線開始到到達預設(shè)位置處結(jié)束時用戶手指的滑動距離,di為t時刻進入卷動區(qū)域的界面內(nèi)容在卷動區(qū)域所在平面上的投影距離。
在經(jīng)過上述替換之后,步驟505可以替換為:在界面內(nèi)容中的預設(shè)內(nèi)容移動至用戶界面中的預設(shè)位置時,停止向卷動區(qū)域平移界面內(nèi)容,預設(shè)內(nèi)容為用戶界面中滑動信號所對應的觸發(fā)位置處的內(nèi)容,或者,用戶界面的界面內(nèi)容中與卷動區(qū)域之間的距離最遠的內(nèi)容。
在另一種可能的實現(xiàn)方式中,
步驟503還可以替換為:按照預設(shè)初速度以及預設(shè)加速度以勻減速平移顯示界面內(nèi)容。
可選的,界面內(nèi)容在卷動區(qū)域中的平移速度還可以為初始速度為預設(shè)初速度,且按照預設(shè)加速度勻減速的速度。
可選的,以預設(shè)初速度為滑動信號的滑動速度vuser,預設(shè)加速度可以為a來舉例,則卷動速度vi為:
步驟503替換為上述內(nèi)容之后,步驟504可以替換為:按照預設(shè)初速度以及預設(shè)加速度顯示沿著卷動路徑勻減速卷動的界面內(nèi)容。
可選的,界面內(nèi)容在卷動區(qū)域中的卷動速度還可以為初始速度為預設(shè)初速度,且按照預設(shè)加速度勻減速的速度。
可選的,以預設(shè)初速度為滑動信號的滑動速度vuser,預設(shè)加速度可以為a來舉例,則卷動速度vi為:
經(jīng)過上述替換之后,步驟505可以替換為:在界面內(nèi)容按照減速滑動且滑動速度減為零時,停止向卷動區(qū)域平移界面內(nèi)容。
需要說明的另一點是,本步驟所說的卷動速度vi為界面內(nèi)容沿著三維空間中的卷動路徑卷動顯示的速度,界面內(nèi)容在卷動區(qū)域所在平面上的運動軌跡的速度則為vi在卷動區(qū)域所在平面上的分量,也即為vscreen:vscreen=vi*cosθ。其中,θ為t時刻界面內(nèi)容沿著三維空間中的卷動路徑運動的速度方向與其在卷動區(qū)域所在平面上投影的夾角。
需要說明的再一點是,在移動終端顯示用戶界面時,若用戶界面中的部分界面內(nèi)容已經(jīng)位于卷動區(qū)域,則移動終端顯示用戶界面的步驟可以包括:
在卷動區(qū)域中,按照卷動路徑顯示位于卷動區(qū)域中的界面內(nèi)容。并且,在卷動區(qū)域之外的其他區(qū)域,則以平鋪方式展示位于該其他區(qū)域中的界面內(nèi)容。本實施例對此并不做限定。
通過在用戶界面的卷動區(qū)域中按照卷動路徑顯示其中的界面內(nèi)容,避免了 采用平鋪方式顯示時,后續(xù)在卷動區(qū)域中卷動顯示時,界面內(nèi)容會發(fā)生變形的問題,提高了用戶的用戶體驗。
綜上所述,本公開實施例中提供的界面顯示方法,通過在用戶界面中隱藏顯示的界面內(nèi)容從屏幕外進入位于邊緣的卷動區(qū)域時,將界面內(nèi)容在卷動區(qū)域中進行卷動顯示;解決了相關(guān)技術(shù)中界面內(nèi)容剛進入屏幕內(nèi)時,界面顯示比較突兀的問題;達到了界面內(nèi)容可以在卷動區(qū)域中卷動顯示,進而平緩地進入用戶界面,降低界面內(nèi)容突然進入用戶界面時帶來的突兀感的效果。
下述為本公開裝置實施例,可以用于執(zhí)行本公開方法實施例。對于本公開裝置實施例中未披露的細節(jié),請參照本公開方法實施例。
圖6是根據(jù)一示例性實施例示出的一種界面顯示裝置的框圖,該界面顯示裝置可以通過軟件、硬件或者兩者的結(jié)合實現(xiàn)成為移動終端的全部或者一部分,如圖6所示,該界面顯示裝置包括但不限于:第一接收模塊610、第一顯示模塊620和第二顯示模塊630。
第一接收模塊610,被配置為接收作用于用戶界面中的第一滑動信號。
第一顯示模塊620,被配置為根據(jù)第一接收模塊610接收到的第一滑動信號將用戶界面中的界面內(nèi)容進行平移顯示。
第二顯示模塊630,被配置為在界面內(nèi)容平移至位于邊緣的卷動區(qū)域時,將界面內(nèi)容在卷動區(qū)域中進行卷動顯示。
卷動顯示是將界面內(nèi)容沿三維空間中的卷動路徑卷動收起時在卷動區(qū)域所在平面上的投影顯示。
綜上所述,本公開實施例中提供的界面顯示裝置,通過在用戶界面中的界面內(nèi)容平移至位于邊緣的卷動區(qū)域時,將界面內(nèi)容在卷動區(qū)域中進行卷動顯示。其中,卷動顯示是將界面內(nèi)容沿三維空間中的卷動路徑卷動收起時在卷動區(qū)域所在平面上的投影顯示。解決了相關(guān)技術(shù)中界面內(nèi)容滑動至用戶界面的邊緣時,界面內(nèi)容會突然消失比較突兀的問題;達到了界面內(nèi)容可以在邊緣處的卷動區(qū)域中卷動顯示,進而平緩的在用戶界面中消失,降低界面內(nèi)容突然消失時帶來的突兀感的效果。
圖7是根據(jù)一示例性實施例示出的一種界面顯示裝置的框圖,該界面顯示 裝置可以通過軟件、硬件或者兩者的結(jié)合實現(xiàn)成為移動終端的全部或者一部分,如圖7所示,該界面顯示裝置包括但不限于:第一接收模塊710、第一顯示模塊720和第二顯示模塊730。
第一接收模塊710,被配置為接收作用于用戶界面中的第一滑動信號。
第一滑動信號可以為向上滑動、向下滑動、向左滑動或者向右滑動的滑動信號。
第一顯示模塊720,被配置為根據(jù)第一接收模塊710接收到的第一滑動信號將用戶界面中的界面內(nèi)容進行平移顯示。
在第一接收模塊710接收到第一滑動信號之后,第一顯示模塊720按照第一滑動信號的滑動方向平移顯示用戶界面中的界面內(nèi)容。
第二顯示模塊730,被配置為在界面內(nèi)容平移至位于邊緣的卷動區(qū)域時,將界面內(nèi)容在卷動區(qū)域中進行卷動顯示。
卷動顯示是將界面內(nèi)容沿三維空間中的卷動路徑卷動收起時在卷動區(qū)域所在平面上的投影顯示。
在第一顯示模塊720按照第一滑動信號的滑動方向平移顯示用戶界面中的界面內(nèi)容時,在界面內(nèi)容平移至卷動線處時,第二顯示模塊730可以將進入卷動線之后也即進入卷動區(qū)域的界面內(nèi)容在卷動區(qū)域中進行卷動顯示。
可選的,卷動區(qū)域是位于用戶界面的卷動線和邊緣之間的區(qū)域,卷動線是直線段、折線段和曲線段中的任意一種。
并且,卷動路徑是曲線路徑或折線路徑;曲線路徑包括:螺旋線路徑、扇形路徑、橢圓扇形路徑、雙曲線段路徑和拋物線段路徑中的任意一種;折線路徑為:由三維空間中的始點、終點及其余n個任意點,按預先設(shè)定的連接順序連接所形成的折線路徑,n為大于等于0的整數(shù)。
可選的,第二顯示模塊730將界面內(nèi)容在卷動區(qū)域中卷動顯示可以包括如下三種可能的實現(xiàn)方式:
第一種,按照第一滑動信號的滑動速度顯示沿著卷動路徑卷動的界面內(nèi)容。
以第一滑動信號所對應的滑動速度,也即用戶的手指滑動速度為vuser來舉例說明,第二顯示模塊730可以按照vuser顯示沿著卷動路徑卷動的界面內(nèi)容。
第二種,按照第一速度顯示沿著卷動路徑卷動的界面內(nèi)容;第一速度與卷動距離在卷動區(qū)域所在平面上的投影距離成負相關(guān)關(guān)系,卷動距離為界面內(nèi)容 沿著卷動路徑卷動的距離。
界面內(nèi)容的卷動速度可以隨著界面內(nèi)容平移距離的增大而減小,并在界面內(nèi)容中的預設(shè)內(nèi)容移動至預設(shè)位置時,速度降為零??蛇x的,第一速度vi可以為:
其中,vuser為第一滑動信號的滑動速度,duser為界面內(nèi)容中的預設(shè)內(nèi)容從接觸卷動線開始到到達預設(shè)位置處結(jié)束時用戶手指的滑動距離,di為t時刻進入卷動區(qū)域的界面內(nèi)容在卷動區(qū)域所在平面上的投影距離。
預設(shè)內(nèi)容為用戶界面中第一滑動信號所對應的觸發(fā)位置處的內(nèi)容,或者,用戶界面的界面內(nèi)容中與卷動區(qū)域之間的距離最大的內(nèi)容。預設(shè)位置可以為用戶界面中的一個固定位置,如卷動線處,也可以為固定位置偏移目標長度之后的位置。以預設(shè)位置為后者來舉例,預設(shè)位置可以為預設(shè)內(nèi)容到達卷動線的位置后繼續(xù)移動手指移動距離的預設(shè)倍數(shù)后所對應的位置。
第三種,按照第一預設(shè)初速度以及第一預設(shè)加速度顯示沿著卷動路徑勻減速卷動的界面內(nèi)容。
可選的,界面內(nèi)容在卷動區(qū)域中的卷動速度還可以為初始速度為第一預設(shè)初速度,且按照第一預設(shè)加速度勻減速的速度。
可選的,以第一預設(shè)初速度為第一滑動信號的滑動速度vuser,第一預設(shè)加速度可以為a來舉例,則卷動速度vi為:
本實施例所說的卷動速度vi為界面內(nèi)容沿著三維空間中的卷動路徑卷動顯示的速度,界面內(nèi)容在卷動區(qū)域所在平面上的運動軌跡的速度則為vi在卷動區(qū)域所在平面上的分量,也即為vscreen:vscreen=vi*cosθ。其中,θ為t時刻界面內(nèi)容沿著三維空間中的卷動路徑運動的速度方向與其在卷動區(qū)域所在平面上投影的夾角。
需要補充說明的一點是,第一顯示模塊720平移顯示界面內(nèi)容的平移速度與上述第二顯示模塊730卷動顯示的速度類似,也即第一顯示模塊720也可以包括以下三種可能的實現(xiàn)方式:
第一種,第一顯示模塊720以第一滑動信號的滑動速度向第一滑動信號的 滑動方向平移顯示界面內(nèi)容。
以第一滑動信號所對應的滑動速度,也即用戶的手指滑動速度為vuser來舉例說明,第一顯示模塊720可以按照vuser向第一滑動信號的滑動方向平移顯示界面內(nèi)容。
第二種,按照第一速度平移顯示界面內(nèi)容;第一速度與卷動距離在卷動區(qū)域所在平面上的投影距離成負相關(guān)關(guān)系,卷動距離為界面內(nèi)容沿著卷動路徑卷動的距離。
界面內(nèi)容的平移速度可以隨著界面內(nèi)容平移距離的增大而減小,并在界面內(nèi)容移動至預設(shè)位置時,速度降為零??蛇x的,第一速度vi可以為:
其中,vuser為第一滑動信號的滑動速度,duser為界面內(nèi)容中的預設(shè)內(nèi)容從接觸卷動線開始到到達預設(shè)位置處結(jié)束時用戶手指的滑動距離,di為t時刻進入卷動區(qū)域的界面內(nèi)容在用戶界面所在平面上的投影距離。
第三種,按照第一預設(shè)初速度以及第一預設(shè)加速度以勻減速平移顯示界面內(nèi)容。
可選的,界面內(nèi)容在卷動區(qū)域中的平移速度還可以為初始速度為第一預設(shè)初速度,且按照第一預設(shè)加速度勻減速的速度。
可選的,以第一預設(shè)初速度為第一滑動信號的滑動速度vuser,第一預設(shè)加速度可以為a來舉例,則卷動速度vi為:
可選的,該裝置還包括:第三顯示模塊740和第四顯示模塊750。
第三顯示模塊740,被配置為在停止向卷動區(qū)域平移界面內(nèi)容之后,將進入卷動區(qū)域的界面內(nèi)容在卷動區(qū)域中進行反向卷動顯示。
其中,反向卷動顯示是將界面內(nèi)容沿三維空間中的卷動路徑反向卷出卷動區(qū)域時在卷動區(qū)域所在平面上的投影顯示。
可選的,作為一種可能的實現(xiàn)方式,在界面內(nèi)容的移動過程中,如果用戶界面中與卷動區(qū)域相對的一側(cè)的邊緣處出現(xiàn)空白區(qū)域,則為了避免浪費用戶界 面的顯示資源的問題,第三顯示模塊740還可以將進入卷動區(qū)域的界面內(nèi)容在卷動區(qū)域中進行反向卷動顯示。此時,在空白區(qū)域中重新被填充有界面內(nèi)容時,停止反向卷出;或者,在空白區(qū)域達到預設(shè)的停止點時,停止反向卷出。
第四顯示模塊750,被配置為將用戶界面中卷動區(qū)域之外的其他區(qū)域中的界面內(nèi)容進行反向平移顯示。
與第三顯示模塊740類似,第四顯示模塊750可以將用戶界面中卷動區(qū)域之外的其他區(qū)域中的界面內(nèi)容進行反向平移顯示。
可選的,該裝置還包括:第二接收模塊760。
第二接收模塊760,被配置為接收第二滑動信號,第二滑動信號的滑動方向與第一滑動信號的滑動方向相反。
作為一種可能的實現(xiàn)方式,若用戶想要查看進入卷動區(qū)域的界面內(nèi)容,則用戶可以施加第二滑動信號,相應的,第二接收模塊760可以接收該第二滑動信號。第二滑動信號的滑動方向與第一滑動信號的滑動方向相反。在接收到第二滑動信號之后,第三顯示模塊740將進入卷動區(qū)域的界面內(nèi)容在卷動區(qū)域中進行反向卷動顯示。
可選的,第三顯示模塊740進行反向卷動顯示可以包括如下三種可能的實現(xiàn)方式:
第一種,按照預設(shè)速度在卷動區(qū)域中顯示沿著卷動路徑反向卷出卷動區(qū)域的界面內(nèi)容。
第二種,按照第二預設(shè)初速度以及第二預設(shè)加速度顯示沿著卷動路徑反向勻加速卷出卷動區(qū)域的界面內(nèi)容。
第二預設(shè)初速度可以為零,也可以為其它預設(shè)的數(shù)值,本實施例對此并不做限定。
以第二預設(shè)初速度為零來舉例,第三顯示模塊740反向卷出界面內(nèi)容的卷出速度vi可以為:vi=a*t。其中,
第三種,按照第二速度顯示沿著卷動路徑反向卷出卷動區(qū)域的界面內(nèi)容,第二速度根據(jù)預設(shè)三角函數(shù)的輸出的變化而變化。
預設(shè)三角函數(shù)可以為sin函數(shù)或者cos函數(shù),且第二速度為預設(shè)三角函數(shù)的 輸出的絕對值。以預設(shè)三角函數(shù)為sin函數(shù)來舉例,第二速度可以為:
本實施例只是以第三顯示模塊740通過上述幾種方式將進入卷動區(qū)域的界面內(nèi)容反向卷出來舉例說明,可選的,第三顯示模塊740還可以通過其他方式來實現(xiàn),本實施例對此并不做限定。
可選的,該裝置還包括:停止平移模塊770。
停止平移模塊770,被配置為:
在第一滑動信號結(jié)束時,停止向卷動區(qū)域平移界面內(nèi)容;
或者,
在界面內(nèi)容中的預設(shè)內(nèi)容移動至用戶界面中的預設(shè)位置時,停止向卷動區(qū)域平移界面內(nèi)容,預設(shè)內(nèi)容為用戶界面中第一滑動信號所對應的觸發(fā)位置處的內(nèi)容,或者,用戶界面的界面內(nèi)容中與卷動區(qū)域之間的距離最遠的內(nèi)容
或者,
在界面內(nèi)容按照減速滑動且滑動速度減為零時,停止向卷動區(qū)域平移界面內(nèi)容。
需要說明的是,上述停止平移模塊770的三種可能的實現(xiàn)方式依次對應于第二顯示模塊730的三種可能的實現(xiàn)方式。
可選的,該裝置還包括:內(nèi)容填充模塊780。
內(nèi)容填充模塊780,被配置為在界面內(nèi)容的移動過程中,若用戶界面中與卷動區(qū)域相對的另一側(cè)的邊緣處出現(xiàn)空白區(qū)域,則在空白區(qū)域中填充顯示預設(shè)填充內(nèi)容。
其中,預設(shè)填充內(nèi)容可以包括顏色、花紋、文字、圖片和推廣信息中的至少一種。
可選的,隨著界面內(nèi)容的繼續(xù)平移,空白區(qū)域會不斷增大,相應的,內(nèi)容填充模塊780可以通過預設(shè)填充內(nèi)容不斷的填充該空白區(qū)域,本實施例對此并不做限定。
需要補充說明的一點是,在界面顯示裝置顯示用戶界面時,若用戶界面中的部分界面內(nèi)容已經(jīng)位于卷動區(qū)域,則界面顯示裝置顯示用戶界面可以包括:
在卷動區(qū)域中,按照卷動路徑顯示位于卷動區(qū)域中的界面內(nèi)容。并且,在卷動區(qū)域之外的其他區(qū)域,則以平鋪方式展示位于該其他區(qū)域中的界面內(nèi)容。本實施例對此并不做限定。
綜上所述,本公開實施例中提供的界面顯示裝置,通過在用戶界面中的界面內(nèi)容平移至位于邊緣的卷動區(qū)域時,將界面內(nèi)容在卷動區(qū)域中進行卷動顯示。其中,卷動顯示是將界面內(nèi)容沿三維空間中的卷動路徑卷動收起時在卷動區(qū)域所在平面上的投影顯示。解決了相關(guān)技術(shù)中界面內(nèi)容滑動至用戶界面的邊緣時,界面內(nèi)容會突然消失比較突兀的問題;達到了界面內(nèi)容可以在邊緣處的卷動區(qū)域中卷動顯示,進而平緩的在用戶界面中消失,降低界面內(nèi)容突然消失時帶來的突兀感的效果。
通過在空白區(qū)域中填充顯示預設(shè)填充內(nèi)容,避免了用戶界面中出現(xiàn)空白進而浪費用戶界面的顯示資源的問題。同時,商家可以通過在該空白區(qū)域中填充推廣信息來向用戶進行產(chǎn)品推廣,豐富了商家的推廣渠道。
通過在用戶界面的卷動區(qū)域中按照卷動路徑顯示其中的界面內(nèi)容,避免了采用平鋪方式顯示時,后續(xù)在卷動區(qū)域中卷動顯示時,界面內(nèi)容會發(fā)生變形的問題,提高了用戶的用戶體驗。
圖8是根據(jù)一示例性實施例示出的一種界面顯示裝置的框圖,該界面顯示裝置可以通過軟件、硬件或者兩者的結(jié)合實現(xiàn)成為移動終端的全部或者一部分,如圖8所示,該界面顯示裝置包括但不限于:接收模塊810、第一顯示模塊820和第二顯示模塊830。
接收模塊810,被配置為接收作用于用戶界面中的滑動信號。
第一顯示模塊820,被配置為根據(jù)接收模塊810接收到的滑動信號將用戶界面中的界面內(nèi)容進行平移顯示。
第二顯示模塊830,被配置為在用戶界面中隱藏顯示的界面內(nèi)容從屏幕外進入位于邊緣的卷動區(qū)域時,將界面內(nèi)容在卷動區(qū)域中進行卷動顯示。
卷動顯示是將界面內(nèi)容沿三維空間中的卷動路徑卷動收起時在卷動區(qū)域所在平面上的投影顯示。
綜上所述,本公開實施例中提供的界面顯示裝置,通過在用戶界面中隱藏顯示的界面內(nèi)容從屏幕外進入位于邊緣的卷動區(qū)域時,將界面內(nèi)容在卷動區(qū)域 中進行卷動顯示;解決了相關(guān)技術(shù)中界面內(nèi)容剛進入屏幕內(nèi)時,界面顯示比較突兀的問題;達到了界面內(nèi)容可以在卷動區(qū)域中卷動顯示,進而平緩的進入用戶界面,降低界面內(nèi)容突然進入用戶界面時帶來的突兀感的效果。
圖9是根據(jù)一示例性實施例示出的一種界面顯示裝置的框圖,該界面顯示裝置可以通過軟件、硬件或者兩者的結(jié)合實現(xiàn)成為移動終端的全部或者一部分,如圖9所示,該界面顯示裝置包括但不限于:接收模塊910、第一顯示模塊920和第二顯示模塊930。
接收模塊910,被配置為接收作用于用戶界面中的滑動信號。
第一顯示模塊920,被配置為根據(jù)接收模塊910接收到的滑動信號將用戶界面中的界面內(nèi)容進行平移顯示。
第一顯示模塊920的實現(xiàn)方法與上述實施例中的第一顯示模塊720的實現(xiàn)方法類似,本實施例在此不再贅述。
第二顯示模塊930,被配置為在用戶界面中隱藏顯示的界面內(nèi)容從屏幕外進入位于邊緣的卷動區(qū)域時,將界面內(nèi)容在卷動區(qū)域中進行卷動顯示。
卷動顯示是將界面內(nèi)容沿三維空間中的卷動路徑卷動收起時在卷動區(qū)域所在平面上的投影顯示。
可選的,卷動區(qū)域是位于用戶界面的卷動線和邊緣之間的區(qū)域,卷動線是直線段、折線段和曲線段中的任意一種。
并且,卷動路徑是曲線路徑或折線路徑;曲線路徑包括:螺旋線路徑、扇形路徑、橢圓扇形路徑、雙曲線段路徑和拋物線段路徑中的任意一種;折線路徑為:由三維空間中的始點、終點及其余n個任意點,按預先設(shè)定的連接順序連接所形成的折線路徑,n為大于等于0的整數(shù)。
可選的,第二顯示模塊930將界面內(nèi)容在卷動區(qū)域中卷動顯示可以包括如下三種可能的實現(xiàn)方式:
第一種,按照滑動信號的滑動速度顯示沿著卷動路徑卷動的界面內(nèi)容。
以滑動信號所對應的滑動速度,也即用戶的手指滑動速度為vuser來舉例說明,第二顯示模塊930可以按照vuser顯示沿著卷動路徑卷動的界面內(nèi)容。
第二種,按照目標速度顯示沿著卷動路徑卷動的界面內(nèi)容;目標速度與卷動距離在卷動區(qū)域所在平面上的投影距離成負相關(guān)關(guān)系,卷動距離為界面內(nèi)容 沿著卷動路徑卷動的距離。
界面內(nèi)容的卷動速度可以隨著界面內(nèi)容平移距離的增大而減小,并在界面內(nèi)容中的預設(shè)內(nèi)容移動至預設(shè)位置時,速度降為零??蛇x的,目標速度vi可以為:
其中,vuser為滑動信號的滑動速度,duser為界面內(nèi)容中的預設(shè)內(nèi)容從接觸卷動線開始到到達預設(shè)位置處結(jié)束時用戶手指的滑動距離,di為t時刻進入卷動區(qū)域的界面內(nèi)容在卷動區(qū)域所在平面上的投影距離。
預設(shè)內(nèi)容為用戶界面中滑動信號所對應的觸發(fā)位置處的內(nèi)容,或者,用戶界面的界面內(nèi)容中與卷動區(qū)域之間的距離最大的內(nèi)容。預設(shè)位置可以為用戶界面中的一個固定位置,如卷動線處,也可以為固定位置偏移目標長度之后的位置。以預設(shè)位置為后者來舉例,預設(shè)位置可以為預設(shè)內(nèi)容到達卷動線的位置后繼續(xù)移動手指移動距離的預設(shè)倍數(shù)后所對應的位置。
第三種,按照預設(shè)初速度以及預設(shè)加速度顯示沿著卷動路徑勻減速卷動的界面內(nèi)容。
可選的,界面內(nèi)容在卷動區(qū)域中的卷動速度還可以為初始速度為預設(shè)初速度,且按照預設(shè)加速度勻減速的速度。
可選的,以預設(shè)初速度為滑動信號的滑動速度vuser,預設(shè)加速度可以為a來舉例,則卷動速度vi為:
vi=vuser-a*t(t≤vuser/a)。
本實施例所說的卷動速度vi為界面內(nèi)容沿著三維空間中的卷動路徑卷動顯示的速度,界面內(nèi)容在卷動區(qū)域所在平面上的運動軌跡的速度則為vi在卷動區(qū)域所在平面上的分量,也即為vscreen:vscreen=vi*cosθ。其中,θ為t時刻界面內(nèi)容沿著三維空間中的卷動路徑運動的速度方向與其在卷動區(qū)域所在平面上投影的夾角。
需要補充說明的一點是,第一顯示模塊920平移顯示界面內(nèi)容的平移速度與第二顯示模塊930卷動顯示的速度類似,也即第一顯示模塊920可以包括如下三種可能的實現(xiàn)方式:
第一種,第一顯示模塊920以滑動信號的滑動速度向滑動信號的滑動方向 平移顯示界面內(nèi)容。
以滑動信號所對應的滑動速度,也即用戶的手指滑動速度為vuser來舉例說明,第一顯示模塊920可以按照vuser向滑動信號的滑動方向平移顯示界面內(nèi)容。
第二種,按照目標速度平移顯示界面內(nèi)容;目標速度與卷動距離在卷動區(qū)域所在平面上的投影距離成負相關(guān)關(guān)系,卷動距離為界面內(nèi)容沿著卷動路徑卷動的距離。
界面內(nèi)容的平移速度可以隨著界面內(nèi)容平移距離的增大而減小,并在界面內(nèi)容移動至預定預設(shè)位置時,速度降為零??蛇x的,目標速度vi可以為:
其中,vuser為滑動信號的滑動速度,duser為界面內(nèi)容中的預設(shè)內(nèi)容從接觸卷動線開始到到達預設(shè)位置處結(jié)束時用戶手指的滑動距離,di為t時刻進入卷動區(qū)域的界面內(nèi)容在用戶界面所在平面上的投影距離。
第三種,按照預設(shè)初速度以及預設(shè)加速度以勻減速平移顯示界面內(nèi)容。
可選的,界面內(nèi)容在卷動區(qū)域中的平移速度還可以為初始速度為預設(shè)初速度,且按照預設(shè)加速度勻減速的速度。
可選的,以預設(shè)初速度為滑動信號的滑動速度vuser,預設(shè)加速度可以為a來舉例,則卷動速度vi為:
關(guān)于上述實施例中的裝置,其中各個模塊執(zhí)行操作的具體方式已經(jīng)在有關(guān)該方法的實施例中進行了詳細描述,此處將不做詳細闡述說明。
可選的,該裝置還包括:停止平移模塊940。
停止平移模塊940,被配置為:
在滑動信號結(jié)束時,停止向卷動區(qū)域平移界面內(nèi)容;
或者,
在界面內(nèi)容中的預設(shè)內(nèi)容移動至用戶界面中的預設(shè)位置時,停止向卷動區(qū)域平移界面內(nèi)容,預設(shè)內(nèi)容為用戶界面中滑動信號所對應的觸發(fā)位置處的內(nèi)容,或者,用戶界面的界面內(nèi)容中與卷動區(qū)域之間的距離最遠的內(nèi)容;
或者,
在界面內(nèi)容按照減速滑動且滑動速度減為零時,停止向卷動區(qū)域平移界面內(nèi)容。
停止平移模塊940的實現(xiàn)方法與上述停止平移模塊770類似,本實施例在此不再贅述。
需要補充說明的是,在界面顯示裝置顯示用戶界面時,若用戶界面中的部分界面內(nèi)容已經(jīng)位于卷動區(qū)域,則界面顯示裝置顯示用戶界面的步驟可以包括:
在卷動區(qū)域中,按照卷動路徑顯示位于卷動區(qū)域中的界面內(nèi)容。并且,在卷動區(qū)域之外的其他區(qū)域,則以平鋪方式展示位于該其他區(qū)域中的界面內(nèi)容。本實施例對此并不做限定。
綜上所述,本公開實施例中提供的界面顯示裝置,通過在用戶界面中隱藏顯示的界面內(nèi)容從屏幕外進入位于邊緣的卷動區(qū)域時,將界面內(nèi)容在卷動區(qū)域中進行卷動顯示;解決了相關(guān)技術(shù)中界面內(nèi)容剛進入屏幕內(nèi)時,界面顯示比較突兀的問題;達到了界面內(nèi)容可以在卷動區(qū)域中卷動顯示,進而平緩的進入用戶界面,降低界面內(nèi)容突然進入用戶界面時帶來的突兀感的效果。
通過在用戶界面的卷動區(qū)域中按照卷動路徑顯示其中的界面內(nèi)容,避免了采用平鋪方式顯示時,后續(xù)在卷動區(qū)域中卷動顯示時,界面內(nèi)容會發(fā)生變形的問題,提高了用戶的用戶體驗。
本公開一示例性實施例提供了一種界面顯示裝置,能夠?qū)崿F(xiàn)本公開提供的界面顯示方法,該界面顯示裝置包括:處理器、用于存儲處理器可執(zhí)行指令的存儲器;
其中,處理器被配置為:
接收作用于用戶界面中的第一滑動信號;
根據(jù)第一滑動信號將用戶界面中的界面內(nèi)容進行平移顯示;
當界面內(nèi)容平移至位于邊緣的卷動區(qū)域時,將界面內(nèi)容在卷動區(qū)域中進行卷動顯示,卷動顯示是將界面內(nèi)容沿三維空間中的卷動路徑卷動收起時在卷動區(qū)域所在平面上的投影顯示。
圖10是根據(jù)一示例性實施例示出的一種界面顯示裝置的框圖。例如,裝置 1000可以是移動電話,計算機,數(shù)字廣播終端,消息收發(fā)設(shè)備,游戲控制臺,平板設(shè)備,醫(yī)療設(shè)備,健身設(shè)備,個人數(shù)字助理等。
參照圖10,裝置1000可以包括以下一個或多個組件:處理組件1002,存儲器1004,電源組件1006,多媒體組件1008,音頻組件1010,輸入/輸出(i/o)接口1012,傳感器組件1014,以及通信組件1016。
處理組件1002通??刂蒲b置1000的整體操作,諸如與顯示,電話呼叫,數(shù)據(jù)通信,相機操作和記錄操作相關(guān)聯(lián)的操作。處理組件1002可以包括一個或多個處理器1018來執(zhí)行指令,以完成上述的方法的全部或部分步驟。此外,處理組件1002可以包括一個或多個模塊,便于處理組件1002和其他組件之間的交互。例如,處理組件1002可以包括多媒體模塊,以方便多媒體組件1008和處理組件1002之間的交互。
存儲器1004被配置為存儲各種類型的數(shù)據(jù)以支持在裝置1000的操作。這些數(shù)據(jù)的示例包括用于在裝置1000上操作的任何應用程序或方法的指令,聯(lián)系人數(shù)據(jù),電話簿數(shù)據(jù),消息,圖片,視頻等。存儲器1004可以由任何類型的易失性或非易失性存儲設(shè)備或者它們的組合實現(xiàn),如靜態(tài)隨機存取存儲器(sram),電可擦除可編程只讀存儲器(eeprom),可擦除可編程只讀存儲器(eprom),可編程只讀存儲器(prom),只讀存儲器(rom),磁存儲器,快閃存儲器,磁盤或光盤。
電源組件1006為裝置1000的各種組件提供電力。電源組件1006可以包括電源管理系統(tǒng),一個或多個電源,及其他與為裝置1000生成、管理和分配電力相關(guān)聯(lián)的組件。
多媒體組件1008包括在裝置1000和用戶之間的提供一個輸出接口的屏幕。在一些實施例中,屏幕可以包括液晶顯示器(lcd)和觸摸面板(tp)。如果屏幕包括觸摸面板,屏幕可以被實現(xiàn)為觸摸屏,以接收來自用戶的輸入信號。觸摸面板包括一個或多個觸摸傳感器以感測觸摸、滑動和觸摸面板上的手勢。觸摸傳感器可以不僅感測觸摸或滑動動作的邊界,而且還檢測與觸摸或滑動操作相關(guān)的持續(xù)時間和壓力。在一些實施例中,多媒體組件1008包括一個前置攝像頭和/或后置攝像頭。當裝置1000處于操作模式,如拍攝模式或視頻模式時,前置攝像頭和/或后置攝像頭可以接收外部的多媒體數(shù)據(jù)。每個前置攝像頭和后置攝像頭可以是一個固定的光學透鏡系統(tǒng)或具有焦距和光學變焦能力。
音頻組件1010被配置為輸出和/或輸入音頻信號。例如,音頻組件1010包括一個麥克風(mic),當裝置1000處于操作模式,如呼叫模式、記錄模式和語音識別模式時,麥克風被配置為接收外部音頻信號。所接收的音頻信號可以被進一步存儲在存儲器1004或經(jīng)由通信組件1016發(fā)送。在一些實施例中,音頻組件1010還包括一個揚聲器,用于輸出音頻信號。
i/o接口1012為處理組件1002和外圍接口模塊之間提供接口,上述外圍接口模塊可以是鍵盤,點擊輪,按鈕等。這些按鈕可包括但不限于:主頁按鈕、音量按鈕、啟動按鈕和鎖定按鈕。
傳感器組件1014包括一個或多個傳感器,用于為裝置1000提供各個方面的狀態(tài)評估。例如,傳感器組件1014可以檢測到裝置1000的打開/關(guān)閉狀態(tài),組件的相對定位,例如組件為裝置1000的顯示器和小鍵盤,傳感器組件1014還可以檢測裝置1000或裝置1000一個組件的位置改變,用戶與裝置1000接觸的存在或不存在,裝置1000方位或加速/減速和裝置1000的溫度變化。傳感器組件1014可以包括接近傳感器,被配置用來在沒有任何的物理接觸時檢測附近物體的存在。傳感器組件1014還可以包括光傳感器,如cmos或ccd圖像傳感器,用于在成像應用中使用。在一些實施例中,該傳感器組件614還可以包括加速度傳感器,陀螺儀傳感器,磁傳感器,壓力傳感器或溫度傳感器。
通信組件1016被配置為便于裝置1000和其他設(shè)備之間有線或無線方式的通信。裝置1000可以接入基于通信標準的無線網(wǎng)絡(luò),如wi-fi,2g或3g,或它們的組合。在一個示例性實施例中,通信組件1016經(jīng)由廣播信道接收來自外部廣播管理系統(tǒng)的廣播信號或廣播相關(guān)信息。在一個示例性實施例中,通信組件1016還包括近場通信(nfc)模塊,以促進短程通信。例如,在nfc模塊可基于射頻識別(rfid)技術(shù),紅外數(shù)據(jù)協(xié)會(irda)技術(shù),超寬帶(uwb)技術(shù),藍牙(bt)技術(shù)和其他技術(shù)來實現(xiàn)。
在示例性實施例中,裝置1000可以被一個或多個應用專用集成電路(asic)、數(shù)字信號處理器(dsp)、數(shù)字信號處理設(shè)備(dspd)、可編程邏輯器件(pld)、現(xiàn)場可編程門陣列(fpga)、控制器、微控制器、微處理器或其他電子元件實現(xiàn),用于執(zhí)行上述界面顯示方法。
在示例性實施例中,還提供了一種包括指令的非臨時性計算機可讀存儲介質(zhì),例如包括指令的存儲器1004,上述指令可由裝置1000的處理器1018執(zhí)行 以完成上述界面顯示方法。例如,非臨時性計算機可讀存儲介質(zhì)可以是rom、隨機存取存儲器(ram)、cd-rom、磁帶、軟盤和光數(shù)據(jù)存儲設(shè)備等。
本領(lǐng)域技術(shù)人員在考慮說明書及實踐這里公開的發(fā)明后,將容易想到本公開的其它實施方案。本申請旨在涵蓋本公開的任何變型、用途或者適應性變化,這些變型、用途或者適應性變化遵循本公開的一般性原理并包括本公開未公開的本技術(shù)領(lǐng)域中的公知常識或慣用技術(shù)手段。說明書和實施例僅被視為示例性的,本公開的真正范圍和精神由下面的權(quán)利要求指出。
應當理解的是,本公開并不局限于上面已經(jīng)描述并在附圖中示出的精確結(jié)構(gòu),并且可以在不脫離其范圍進行各種修改和改變。本公開的范圍僅由所附的權(quán)利要求來限制。