app直播原始碼,Flutter 寬高自適應
app直播原始碼,Flutter 寬高自適應
工具類程式碼如下:
import 'dart:ui'; class HYSizeFit { static double screenWidth = 0.0; static double screenHeight = 0.0; static double physicalWidth = 0.0; static double physicalHeight = 0.0; static double dpr = 0.0; static double statusHeight = 0.0; static double rpx = 0.0; static double px = 0.0; static void initialize({double standardSize = 750}) { // 1、手機的物理解析度 physicalWidth = window.physicalSize.width; physicalHeight = window.physicalSize.height; // 2、 獲取dpr dpr = window.devicePixelRatio; // 3、寬度和高度 screenWidth = physicalWidth / dpr; screenHeight = physicalHeight / dpr; // 4、 狀態列高度 statusHeight = window.padding.top / dpr; // 5、計算 rpx 的大小 rpx = screenWidth / standardSize; px = screenWidth / standardSize * 2; } // 按照畫素來設定 static double setPx(double size) { return px * size; } // 按照rpx來設定 static double setRpx(double size) { return rpx * size; } }
擴充套件(extension)程式碼
import 'hysize.dart'; extension DoubleFit on double { double get px { return HYSizeFit.setPx(this); } double get rpx { return HYSizeFit.setRpx(this); } } extension IntFit on int { double get px { return HYSizeFit.setPx(toDouble()); } double get rpx { return HYSizeFit.setRpx(toDouble()); } }
以上就是app直播原始碼,Flutter 寬高自適應, 更多內容歡迎關注之後的文章
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2992087/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 手機直播原始碼,讓div寬度自適應文字內容原始碼
- app直播原始碼,flutter Text自動計算文字內容的寬度APP原始碼Flutter
- 一對一直播系統原始碼,UICollectionViewCell自適應文字寬度原始碼UIView
- app直播原始碼,Vue獲取URL圖片的寬高APP原始碼Vue
- QTableWidget行高列寬自適應QT
- 短視訊直播系統,個人主頁背景圖片自適應寬高
- 直播app原始碼,Flutter 彈窗元件APP原始碼Flutter元件
- iframe巢狀(等寬高比自適應:aspectRatio)巢狀
- UMeditor寬度自適應
- app直播原始碼,css寬度不固定,水平居中APP原始碼CSS
- 【CSS】三欄/兩欄寬高自適應佈局大全CSS
- flutter根據給定寬度自適應縮放字型大小Flutter
- 線上直播系統原始碼,平臺彈窗自適應裝置原始碼
- gridview自動適應列寬View
- input文字框寬度自適應
- 成品直播原始碼,JAVA獲取圖片的寬、高和大小原始碼Java
- 直播軟體原始碼,Vue獲取URL圖片的寬高原始碼Vue
- CSS實現背景圖片固定寬高比自適應調整CSS
- [轉]利用location.hash實現跨域iframe自適應高寬跨域
- 直播系統app原始碼,設定樣式(字型樣式、行列寬高、對齊方式、邊框)APP原始碼
- 三列寬度自適應佈局
- React根據寬度自適應高度React
- echarts圖示如何自適應寬度Echarts
- 影片直播系統原始碼,flutter Wrap 自動換行元件原始碼Flutter元件
- input文字框實現寬度自適應程式碼例項
- css之左邊定寬右邊自適應CSS
- 兩列居中寬度自適應佈局
- CSS實現圖片寬度自適應CSS
- xib 控制元件寬度自適應控制元件
- 好程式設計師web前端培訓分享HTMLCSS之寬高自適應程式設計師Web前端HTMLCSS
- 一對一直播系統原始碼,點選觀看視訊時,自動自適應全屏原始碼
- 直播app系統原始碼,在 Flutter 中更改文字的字型系列APP原始碼Flutter
- 中間寬度自適應的三列布局程式碼例項
- 左欄尺寸固定右欄寬度自適應程式碼例項
- css水平元素寬度自適應均勻排列程式碼例項CSS
- 左右兩列寬度固定,中間一列寬度自適應程式碼例項
- flex一欄寬度固定一欄寬度自適應佈局Flex
- 一列居中寬度自適應佈局