日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無先后,達者為師

網(wǎng)站首頁 編程語言 正文

UNI-APP,設(shè)置某個頁面橫屏后,恢復(fù)豎屏,返回再次進入其他頁面時,頁面內(nèi)容放大錯亂

作者:滄海龍騰LV 更新時間: 2024-02-28 編程語言

實現(xiàn)橫豎屏方法:

portrait-primary: 豎屏正方向;
portrait-secondary: 豎屏反方向,屏幕正方向按順時針旋轉(zhuǎn)180°;
landscape-primary: 橫屏正方向,屏幕正方向按順時針旋轉(zhuǎn)90°;
landscape-secondary: 橫屏方向,屏幕正方向按順時針旋轉(zhuǎn)270°;
portrait: 豎屏正方向或反方向,根據(jù)設(shè)備重力感應(yīng)器自動調(diào)整;
landscape: 橫屏正方向或反方向,根據(jù)設(shè)備重力感應(yīng)器自動調(diào)整;

在需要橫屏的頁面添加如下代碼,即可實現(xiàn)橫豎屏切換。

onLoad() {
    // #ifdef APP-PLUS
    plus.screen.lockOrientation('landscape-primary');
    // #endif
},


onUnload() {
    // #ifdef APP-PLUS
    plus.screen.lockOrientation('portrait-primary');
    // #endif
},

注意

如果只是簡單的添加上述橫屏代碼,就會出現(xiàn)如標題中描述的問題:

1、初次進入橫屏頁面,顯示正常,返回再次進入,頁面內(nèi)容放大。并且沒有全屏,露出上一頁內(nèi)容。

2、初次進入橫屏頁面,顯示正常,返回,進入其他頁面(豎屏),頁面內(nèi)容放大

此問題的解決辦法:

如果是非V3模式編譯,安卓正常、ios出問題。解決:進入需要橫屏的頁面時,不要onload就橫屏,寫個定時器延遲500ms再用。

更新到v3模式后,安卓出問題,ios正常,這很奇怪。定時器延遲500ms不管用了,解決:定時器延時1200ms。

總之,設(shè)置橫屏?xí)r需要添加一個延時操作。可以在進入橫屏頁面后,寫個定時器 1.2s之后再執(zhí)行橫屏操作。

onLoad() {
    #ifdef APP-PLUS
        uni.showLoading({
            title:"加載中..."
        })
        setTimeout(()=>{
            plus.screen.unlockOrientation();
            plus.screen.lockOrientation('landscape-primary');
            uni.hideLoading();
        },1200)
    #endif
},

完!!!

原文鏈接:https://ly9527.blog.csdn.net/article/details/123223436

  • 上一篇:沒有了
  • 下一篇:沒有了
欄目分類
最近更新