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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- app直播原始碼,flutter Text自動計算文字內容的寬度APP原始碼Flutter
- 手機直播原始碼,讓div寬度自適應文字內容原始碼
- 視訊直播app原始碼,Android RecyclerView 列表載入圖片寬高適配APP原始碼AndroidView
- 一對一直播系統原始碼,UICollectionViewCell自適應文字寬度原始碼UIView
- app直播原始碼,Vue獲取URL圖片的寬高APP原始碼Vue
- QTableWidget行高列寬自適應QT
- 直播app原始碼,Flutter 彈窗元件APP原始碼Flutter元件
- 短視訊直播系統,個人主頁背景圖片自適應寬高
- app直播原始碼,css寬度不固定,水平居中APP原始碼CSS
- iframe巢狀(等寬高比自適應:aspectRatio)巢狀
- 圖片寬高自動適配
- gridview自動適應列寬View
- 【CSS】三欄/兩欄寬高自適應佈局大全CSS
- flutter根據給定寬度自適應縮放字型大小Flutter
- input文字框寬度自適應
- 線上直播系統原始碼,平臺彈窗自適應裝置原始碼
- 成品直播原始碼,JAVA獲取圖片的寬、高和大小原始碼Java
- 直播軟體原始碼,Vue獲取URL圖片的寬高原始碼Vue
- 直播系統app原始碼,設定樣式(字型樣式、行列寬高、對齊方式、邊框)APP原始碼
- CSS實現背景圖片固定寬高比自適應調整CSS
- 三列寬度自適應佈局
- echarts圖示如何自適應寬度Echarts
- 直播app系統原始碼,在 Flutter 中更改文字的字型系列APP原始碼Flutter
- 三列布局中間寬度自適應
- 兩列居中寬度自適應佈局
- CSS實現圖片寬度自適應CSS
- css之左邊定寬右邊自適應CSS
- 兩列布局,自適應寬度練習
- 影片直播系統原始碼,flutter Wrap 自動換行元件原始碼Flutter元件
- 好程式設計師web前端培訓分享HTMLCSS之寬高自適應程式設計師Web前端HTMLCSS
- vxe-table 列寬拖拽模式設定,自適應列寬,固定列寬模式
- 一對一直播系統原始碼,點選觀看視訊時,自動自適應全屏原始碼
- 直播app原始碼,登入時自動輸入密碼/自動記住密碼APP原始碼密碼
- Flutter app啟動flutter端原始碼分析FlutterAPP原始碼
- flex一欄寬度固定一欄寬度自適應佈局Flex
- 一列居中寬度自適應佈局
- 固定寬度下,CSS 實現自適應文字CSS
- 直播app原始碼,應用elementPlus table並滾動顯示APP原始碼