iphoneX相容之自定義底部選單

2021-09-17 08:57:12 字數 771 閱讀 1973

當我們需要自定義底部導航欄時 首先要解決iphonex的底部大橫條對這個相容 通常不設定相容 都會被擋住 使用css編寫即可相容 無需編寫js**

在你要編寫的底部選單中插入   樣式padding-bottom: calc(env(safe-area-inset-bottom) /2)   即可相容

例如:css中插入

@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom))

.fixed-pay

}

其中env(safe-area-inset-bottom)  是計算相容的高度   通常一半即可

calc  是計算css   你也可以加入高度  假設有第二層 底部固定欄【即底部導航欄上面還有一層固定欄】  可如下編寫  

view.footer

這樣輕輕鬆鬆解決相容  不需要寫js**

小程式相容全面屏自定義底部按鈕

如果你的小程式頁面按鈕有用fixed定位到底部的話,那你一定會遇到相容全面屏的坑 與底部橫條重疊 查了下文件,發現能用的就只有乙個api 不過蛋疼的是這個api並沒有提供類似安全距離這樣的資料,只提供了以下可能用得到資料 研究了下發現只能曲線救國了 上 export function checkfu...

自定義view之自定義屬性

1.首先在res的values檔案下新建乙個名為attrs.xml檔案 在該xml檔案中編寫我們需要的屬性 declare styleable後面的name必須要與接下來要自定義的view名一致。attr 後面的name表示需要自定義的屬性,format表示這些屬性的型別 2.新建乙個類繼承text...

Android自定義控制項之自定義View 二

效果如下圖 1 自定義ringview繼承view新增其構造方法並建立畫筆 public class ringview extends view protected boolean isrunning false public ringview context context public ring...