劉海屏適配方案調研

2022-08-24 11:21:12 字數 673 閱讀 6419

部分機型存在隱藏劉海屏的全域性功能; notch高度與隱藏劉海模式下黑邊高度(statusbar)不同;weex以相同的statusbar距離設定造成劉海隱藏模式上邊距很窄,視覺效果差。

有隱藏劉海屏功能的機型;如小公尺劉海屏機型且系統在android9.0以前;(重點調研) 

9.0之後去除了隱藏劉海屏的功能

1.status bar與notch 不相等,且notch小於status bar高度

只有小公尺劉海屏機型9.0之前機型有隱藏劉海屏功能

3.miui10才能獲取到notch高度

1.以status bar高度為準

市面上大多數應用方案

愛奇藝有品原生

2.動態設定頂部高度

隱藏劉海時以status bar為準;未隱藏時以notch為準,兩種情況視覺效果相同

3.保留標題欄

-ui改動大,不建議 

天貓由於適配難度與可行性問題,不建議採用方案二,建議參照方案一進行適配。

Android 劉海屏適配總結

劉海屏手機因為比平常的手機多了一塊頂部的遮擋性劉海,所以會造成頂部 以及搜尋框的遮擋,而且有些廠商的手機 vivo 華為 預設是在 無狀態列 的介面將狀態列進行黑化顯示,這時候會導致系統下移,從而導致底部的一些 ui 被截斷。除此之外,一些控制項的顯示規則還會受到影響,如 popupwindow 的...

前端iPhone劉海屏適配

對於iphone系列出的越來越多,如果只是使用 media來做適配的話,老 想要適配新機型還是有一定侷限性的。今天去搜了搜相關的解決方法,那麼就來總結一下。早期蘋果對於 iphone x 的設計布局意見如下 核心內容應該處於 safe area 確保不會被裝置圓角 corners 感測器外殼 sen...

android 全面屏 劉海屏有效適配

手機廠商追求高使用者體驗,螢幕寬高比越做越高。17 9 19 10 18 9 18.5 9所謂全面屏。原來一般主流手機1920 1080解析度 16 9高寬比。如果沒有單獨去配置屬性,會導致在超過17 9寬高比手機上,底部一大塊黑底。在應用配置檔案androidmanifest.xml中顯式宣告支援...