[發(fā)明專利]用戶界面的顯示方法、裝置、設(shè)備及介質(zhì)

有效

• 申請(qǐng)?zhí)枺?/td>: 201911183743.6
• 申請(qǐng)日: 2019-11-27
• 公開（公告）號(hào): CN110928464B
• 公開（公告）日: 2023-08-25
• 發(fā)明（設(shè)計(jì)）人: 李烈強(qiáng);謝天;林曉文;駱玘
• 申請(qǐng)（專利權(quán)）人: 騰訊科技（深圳）有限公司
• 主分類號(hào): G06F3/04815
• 分類號(hào): G06F3/04815;G06F3/04817;G06F3/0482;G06F3/04847;G06F3/04855;G06T19/00;G06F9/451
• 代理公司: 北京三高永信知識(shí)產(chǎn)權(quán)代理有限責(zé)任公司 11138
• 代理人: 邢惠童

1.一種用戶界面的顯示方法，其特征在于，所述用戶界面包括：前景圖層和背景圖層，所述前景圖層上包括透明區(qū)域和非透明區(qū)域，所述方法包括：

顯示第一用戶界面，所述第一用戶界面包括所述前景圖層和所述背景圖層位于第一相對(duì)位置時(shí)，所述背景圖層上透過所述透明區(qū)域的第一背景內(nèi)容與所述非透明區(qū)域的前景內(nèi)容共同展現(xiàn)出的圖像內(nèi)容，且所述第一用戶界面中不包含所述前景圖層和所述背景圖層重疊部分以外的圖像內(nèi)容，其中，所述前景圖層和所述背景圖層一一對(duì)應(yīng)，且所述背景圖層基于所述前景圖層對(duì)應(yīng)的背景圖層的標(biāo)識(shí)確定得到；

控制所述前景圖層和所述背景圖層發(fā)生相對(duì)位移；

顯示第二用戶界面，所述第二用戶界面包括所述前景圖層和所述背景圖層位于第二相對(duì)位置時(shí)，所述背景圖層上透過所述透明區(qū)域的第二背景內(nèi)容與所述非透明區(qū)域的前景內(nèi)容共同展現(xiàn)出的圖像內(nèi)容，且所述第二用戶界面中不包含所述前景圖層和所述背景圖層重疊部分以外的圖像內(nèi)容。

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述控制所述前景圖層和所述背景圖層發(fā)生相對(duì)位移，包括：

獲取位移指令，所述位移指令是用戶觸發(fā)的或程序代碼生成的；

響應(yīng)于所述位移指令的位移距離，控制所述前景圖層和所述背景圖層中的至少一個(gè)圖層發(fā)生位移。

3.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述前景圖層的大小大于所述背景圖層；所述控制所述前景圖層和所述背景圖層中的至少一個(gè)圖層發(fā)生位移，包括：

控制所述背景圖層相對(duì)于所述前景圖層發(fā)生位移。

4.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述控制所述背景圖層相對(duì)于所述前景圖層發(fā)生位移，包括：

控制所述背景圖層按照第一方向進(jìn)行位移，所述第一方向與所述位移指令的位移方向相同；

或，

控制所述背景圖層按照第二方向進(jìn)行位移，所述第二方向與所述位移指令的位移方向相反；

或，

控制所述背景圖層按照第三方向進(jìn)行位移，所述第三方向與所述位移指令的位移方向垂直；

或，

控制所述背景圖層按照第四方向進(jìn)行位移，所述第四方向與所述位移指令的位移方向具有夾角，所述夾角為銳角；

或，

控制所述背景圖層按照預(yù)設(shè)曲線軌跡進(jìn)行位移。

5.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述前景圖層的大小小于所述背景圖層；所述控制所述前景圖層和所述背景圖層中的一個(gè)圖層發(fā)生位移，包括：

控制所述前景圖層相對(duì)于所述背景圖層發(fā)生位移。

6.根據(jù)權(quán)利要求5所述的方法，其特征在于，所述控制所述前景圖層相對(duì)于所述背景圖層發(fā)生位移，包括：

控制所述前景圖層按照第一方向進(jìn)行位移，所述第一方向與所述位移指令的位移方向相同；

或，

控制所述前景圖層按照第二方向進(jìn)行位移，所述第二方向與所述位移指令的位移方向相反；

或，

控制所述前景圖層按照第三方向進(jìn)行位移，所述第三方向與所述位移指令的位移方向垂直；

或，

控制所述前景圖層按照第四方向進(jìn)行位移，所述第四方向與所述位移指令的位移方向具有夾角，所述夾角為銳角；

或，

控制所述前景圖層按照預(yù)設(shè)曲線軌跡進(jìn)行位移。

7.根據(jù)權(quán)利要求1至6任一所述的方法，其特征在于，

所述前景內(nèi)容為主顯示內(nèi)容，所述第一背景內(nèi)容和所述第二背景內(nèi)容為輔顯示內(nèi)容；

或，

所述前景內(nèi)容為輔顯示內(nèi)容，所述第一背景內(nèi)容和所述第二背景內(nèi)容為主顯示內(nèi)容。

8.根據(jù)權(quán)利要求1至6任一所述的方法，其特征在于，

所述背景圖層中存在至少兩個(gè)位置的顯示元素不同，所述顯示元素包括：形狀、圖案、色彩及其組合。