Uni-app頁面信息與元素影響解析

獲取窗口信息uni.getWindowInfo

{pixelRatio: 3safeArea:{bottom: 778height: 731left: 0right: 375top: 47width: 375}safeAreaInsets: {top: 47, left: 0, right: 0, bottom: 34},screenHeight: 812,screenTop: 0,screenWidth: 375,statusBarHeight: 47,windowBottom: 0,windowHeight: 812,windowTop: 0,windowWidth: 375
}

參數的含義

?uni.getWindowInfo()?方法用于獲取當前窗口的相關信息,其返回結果包含以下屬性1:

  1. ?pixelRatio?:設備像素比。
  2. ?screenWidth?:屏幕寬度,單位為邏輯像素。
  3. ?screenHeight?:屏幕高度,單位為邏輯像素。
  4. ?windowWidth?:可使用的窗口寬度,單位為邏輯像素。
  5. ?windowHeight?:可使用的窗口高度,單位為邏輯像素。
  6. ?windowTop?:可使用窗口的頂部位置,即窗口頂部距離屏幕頂部的距離,單位為邏輯像素。
  7. ?windowBottom?:可使用窗口的底部位置,即窗口底部距離屏幕頂部的距離,單位為邏輯像素。
  8. ?statusBarHeight?:手機狀態欄的高度,單位為邏輯像素。
  9. ?screenTop?:窗口頂部邊緣的y?值,即窗口頂部距離屏幕頂部的距離,與windowTop?類似,但在某些情況下可能有不同的計算方式或用途。
  10. ?safeArea?:一個對象,包含了豎屏正方向下安全區域的信息,包括以下屬性:
 * ?`left`?:安全區域左上角的橫坐標,單位為邏輯像素。* ?`right`?:安全區域右下角的橫坐標,單位為邏輯像素。* ?`top`?:安全區域左上角的縱坐標,單位為邏輯像素。* ?`bottom`?:安全區域右下角的縱坐標,單位為邏輯像素。* ?`width`?:安全區域的寬度,單位為邏輯像素。* ?`height`?:安全區域的高度,單位為邏輯像素。
  1. ?safeAreaInsets?:一個對象,包含了豎屏正方向下安全區域的插入位置信息,包括以下屬性:
 * ?`left`?:安全區域左側的插入位置,單位為邏輯像素。* ?`right`?:安全區域右側的插入位置,單位為邏輯像素。* ?`top`?:安全區域頂部的插入位置,單位為邏輯像素。* ?`bottom`?:安全區域底部的插入位置,單位為邏輯像素。

示例圖

在不同的機型上返回的參數對比如下:

  • 如果當前頁面中沒有在 pages中設置導航欄,windowHeight 與 screenHeight 高度相同

?畫布?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/73722.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/73722.shtml
英文地址,請注明出處:http://en.pswp.cn/web/73722.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

大模型 API 調用中的流式輸出與非流式輸出全面對比:原理、場景與最佳實踐

流式輸出與非流式輸出應用場景 流式輸出的理想應用場景 實時對話系統聊天機器人和虛擬助手客服系統和用戶支持平臺實時問答和教育輔導應用 漸進式內容生成代碼補全和編程輔助工具(如 GitHub Copilot)實時文檔協作和編輯系統創意寫作和內容創作平臺 用戶…

Problem A: 計算奇數和

補充(牢騷): 必須要 Main 類,自己自定義的類不能跑,說實話我被惡心到了,真沒力扣好用。后面都默認為Main 類。真惡心,其實不止這一點。。。 1.題目問題 2.輸入 3.輸出 4.樣例 5.代碼實現 imp…

深度賦能!北京智和信通融合DeepSeek,解鎖智能運維無限可能

在數字化飛速發展的今天,傳統運維模式面臨著設備規模激增、故障復雜度攀升、人工響應滯后等多重挑戰。隨著DeepSeek、騰訊元寶等AI大模型的興起,為傳統運維模式帶來了新的變革。 北京智和信通基于DeepSeek大模型技術,將AI和運維場景深度融合&…

2024年第五屆MathorCup數學應用挑戰賽大數據競賽復賽論文

2024年第五屆MathorCup數學應用挑戰賽——大數據競賽 復賽(二等獎)論文 本人親自與隊友完成的論文,進入復賽但由于和亞太時間沖突,身體很累最后放棄了復賽并沒有參賽…最后獲二等獎; 雖然如果參加的話一等獎問題應該不大,但是分配…

性能測試~

1.什么是性能測試 1.什么是性能 就像這兩個車一樣,雖然都是代步工具,構造都是一樣的,但是路虎的發動機要比捷達好.路虎的百米加速卻是比捷達快的,我們就知道路虎的性能要比捷達好 . 那么什么是軟件的性能呢?我們分析一下 2.常見的性能測試指標 2.1并發數 并發數是指在同一…

【極速版 -- 大模型入門到進階】LORA:大模型輕量級微調

文章目錄 🌊 有沒有低成本的方法微調大模型?🌊 LoRA 的核心思想🌊 LoRA 的初始化和 r r r 的值設定🌊 LoRA 實戰:LoraConfig參數詳解 論文指路:LORA: LOW-RANK ADAPTATION OF LARGE LANGUAGE M…

【論文分析】無人機軌跡規劃,Fast-Planner:實時避障+全局最優的路徑引導優化算法

這篇論文《Robust Real-time UAV Replanning Using Guided Gradient-based Optimization and Topological Paths》由香港科技大學提出,主要針對無人機(UAV)在復雜環境中的實時軌跡重新規劃問題,提出了一種結合梯度優化和拓撲路徑搜…

禪道品牌全面戰略升級:開創項目管理國產化替代新格局

2025年,禪道軟件完成企業品牌戰略深度升級。此次升級,從產品力、服務力到生態圈構建等方面進行了全面優化,以更智慧的解決方案、更開放的生態布局,更安全的國產化解決方案,助力企業實現從“工具應用”到“價值創造”的…

PyTorch處理數據--Dataset和DataLoader

在 PyTorch 中,Dataset 和 DataLoader 是處理數據的核心工具。它們的作用是將數據高效地加載到模型中,支持批量處理、多線程加速和數據增強等功能。 一、Dataset:數據集的抽象? Dataset 是一個抽象類,用于表示數據集的接口。你…

Android 藍牙/Wi-Fi通信協議之:經典藍牙(BT 2.1/3.0+)介紹

在 Android 開發中,經典藍牙(BT 2.1/3.0)支持多種協議,其中 RFCOMM/SPP(串口通信)、A2DP(音頻流傳輸)和 HFP(免提通話)是最常用的。以下是它們在 Android 中的…

R002-云計算

1 概念 英文名:Cloud Computing 核心:云計算的核心概念就是以互聯網為中心,在網站上提供快速且安全的云計算服務與數據存儲,讓每一個使用互聯網的人都可以使用網絡上的龐大計算資源與數據中心 2.分類 基礎設施即服務(IaaS)它向…

降維(DimensionalityReduction)基礎知識2

文章目錄 五、基于局部結構保持的降維1、Laplacian Eigenmaps(拉普拉斯特征映射)(1)鄰接矩陣(2)圖論基礎(3)Laplace算子1、散度(Divergence)2、拉普拉斯算子3…

物聯網中的物模型是什么意思,在嵌入式軟件開發中如何體現?

1. 物模型的概念 物模型(Thing Model)是物聯網中對物理設備或虛擬設備的抽象描述,定義了設備的屬性、事件和服務。它是設備與云平臺或其他設備之間交互的基礎,用于統一描述設備的能力和行為。 1.1 物模型的組成 屬性&#xff0…

【藍橋杯】單片機設計與開發,PWM

一、PWM概述 用來輸出特定的模擬電壓。 二、PWM的輸出 三、例程一:單片機P34引腳輸出1kHZ的頻率 void Timer0Init(void);unsigned char PWMtt 0;void main(void) {P20XA0;P00X00;P20X80;P00XFF;Timer0Init();EA1;ET01;ET11;while(1);}void Timer0Init(void) //1…

C#中,什么是委托,什么是事件及它們之間的關系

1. 委托(Delegate) 定義與作用 ?委托?是類型安全的函數指針,用于封裝方法,支持多播(鏈式調用)。?核心能力?:將方法作為參數傳遞或異步回調。 使用場景 回調機制(如異步操作完…

從替代到超越,禪道國產化替代解決方案2.0發布!

3月22日,由禪道攜手上海惠艾信息科技、麥哲思科技共同舉辦的禪道?中國行北京站活動圓滿落下帷幕。 除深入探究AI賦能研發項目管理外,禪道在活動現場正式發布了《禪道國產化替代解決方案2.0》,助力企業全方位構建自主可控的研發項目管理新體…

【VirtualBox 安裝 Ubuntu 22.04】

網上教程良莠不齊,有一個CSDN的教程雖然很全面,但是截圖冗余,看蒙了給我,這里記錄一個整潔的教程鏈接。以備后患。 下載安裝全流程 UP還在記錄生活,看的我好羨慕,嗚嗚。 [VirtualBox網絡配置超全詳解]&am…

2025美國網絡專線國內服務商推薦

在海外業務競爭加劇的背景下,穩定高效的美國網絡專線已成為外貿企業、跨國電商及跨國企業的剛需。面對復雜的國際網絡環境和嚴苛的業務要求,國內服務商Ogcloud憑借其創新的SD-WAN技術架構與全球化網絡布局,正成為企業拓展北美市場的優選合作伙…

2.2.2 引入配置文件和定義配置類

本實戰通過三種方式實現Spring Boot中的配置加載與管理。首先,通過PropertySource加載自定義配置文件,結合ConfigurationProperties注解將配置文件中的屬性綁定到Java類中,實現配置的靈活管理。其次,利用ImportResource加載XML配置…

Django:構建高性能Web應用

引言:為何選擇Django? 在當今快速發展的互聯網時代,Web應用的開發效率與可維護性成為開發者關注的核心。Django作為一款基于Python的高級Web框架,以其"開箱即用"的特性、強大的ORM系統、優雅的URL路由設計,…