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

學(xué)無(wú)先后,達(dá)者為師

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

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

作者:滄海龍騰LV 更新時(shí)間: 2024-02-28 編程語(yǔ)言

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

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

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

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


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

注意

如果只是簡(jiǎn)單的添加上述橫屏代碼,就會(huì)出現(xiàn)如標(biāo)題中描述的問(wèn)題:

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

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

此問(wèn)題的解決辦法:

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

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

總之,設(shè)置橫屏?xí)r需要添加一個(gè)延時(shí)操作。可以在進(jìn)入橫屏頁(yè)面后,寫個(gè)定時(shí)器 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

  • 上一篇:沒(méi)有了
  • 下一篇:沒(méi)有了
欄目分類
最近更新