網(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)有了
相關(guān)推薦
- 2022-09-15 關(guān)于PCL出現(xiàn)"無(wú)法找到?pcl_commond.dll?文件程序無(wú)法執(zhí)行"的問(wèn)題及解決方法_C 語(yǔ)
- 2022-07-30 go語(yǔ)言中slice,map,channl底層原理_Golang
- 2023-01-13 Pytorch實(shí)現(xiàn)Fashion-mnist分類任務(wù)全過(guò)程_python
- 2022-09-27 Android開(kāi)發(fā)EditText實(shí)現(xiàn)密碼顯示隱藏_Android
- 2022-08-01 C++簡(jiǎn)單又輕松的講解類和對(duì)象中友元函數(shù)_C 語(yǔ)言
- 2023-05-18 關(guān)于Python包導(dǎo)入報(bào)錯(cuò)的問(wèn)題總結(jié)_python
- 2022-01-17 url傳參 中文出現(xiàn)亂碼問(wèn)題 解決方案
- 2022-01-12 npm ERR 部署meteor時(shí)npm install出錯(cuò)問(wèn)題解決
- 欄目分類
-
- 最近更新
-
- window11 系統(tǒng)安裝 yarn
- 超詳細(xì)win安裝深度學(xué)習(xí)環(huán)境2025年最新版(
- Linux 中運(yùn)行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲(chǔ)小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎(chǔ)操作-- 運(yùn)算符,流程控制 Flo
- 1. Int 和Integer 的區(qū)別,Jav
- spring @retryable不生效的一種
- Spring Security之認(rèn)證信息的處理
- Spring Security之認(rèn)證過(guò)濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權(quán)
- redisson分布式鎖中waittime的設(shè)
- maven:解決release錯(cuò)誤:Artif
- restTemplate使用總結(jié)
- Spring Security之安全異常處理
- MybatisPlus優(yōu)雅實(shí)現(xiàn)加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務(wù)發(fā)現(xiàn)-Nac
- Spring Security之基于HttpR
- Redis 底層數(shù)據(jù)結(jié)構(gòu)-簡(jiǎn)單動(dòng)態(tài)字符串(SD
- arthas操作spring被代理目標(biāo)對(duì)象命令
- Spring中的單例模式應(yīng)用詳解
- 聊聊消息隊(duì)列,發(fā)送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠(yuǎn)程分支