100 lines
2.8 KiB
Dart
100 lines
2.8 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:get/get.dart';
|
||
|
||
/// note this;
|
||
/// 1，对于竖屏操作，这里我们只考虑宽适配，相当于操作16:9->4:3；
|
||
/// 2，不考虑宽按照宽的比例缩放，高按照高的比例所犯(16:9->4:3伸缩严重)；
|
||
/// 3，布局中控件/字体中有固定大小的，统一乘以宽的缩放比例，剩余的用弹性布局填充；
|
||
/// 4，使用之前，请确保_init()函数已经调用；
|
||
/// 5，布局应该减少相对布局，使用居中布局，方便UI居中显示，和不同宽的两边留白；
|
||
/// 6, 水平(宽)适配，每个页面应该支持尽量支持高可以滑动 SafeArea + SingleChildScrollView；
|
||
/// 7，对于没有使用bottomItemBar的页面，如果页面底部有要交互的UI，请加上SafeArea包裹(适应全面屏幕)
|
||
///
|
||
///class 表示Screen和与之相关的SafeArea
|
||
|
||
var screen = _Screen();
|
||
|
||
class _Screen {
|
||
// 全部走 GetX 实时取值,不缓存,免 context、免 configData 时机问题
|
||
double get paddingLeft => Get.mediaQuery.padding.left;
|
||
double get paddingRight => Get.mediaQuery.padding.right;
|
||
// 一般为状态栏高度
|
||
double get paddingTop => Get.mediaQuery.padding.top;
|
||
// 一般为底部操作栏高度
|
||
double get paddingBottom => Get.mediaQuery.padding.bottom;
|
||
// 水平安全区域
|
||
double get screenWidth => Get.width;
|
||
// 垂直安全区域
|
||
double get screenHeight => Get.height;
|
||
// 设备像素比例
|
||
double get devicePixelRatio => Get.mediaQuery.devicePixelRatio;
|
||
}
|
||
|
||
extension IntWidget on int {
|
||
Widget get sizeBoxH {
|
||
return SizedBox(height: toDouble());
|
||
}
|
||
|
||
Widget get sizeBoxW {
|
||
return SizedBox(width: toDouble());
|
||
}
|
||
|
||
Widget get line {
|
||
return Container(
|
||
height: toDouble(),
|
||
color: Colors.white.withValues(alpha: .1),
|
||
);
|
||
}
|
||
|
||
Widget get lineV {
|
||
return Container(
|
||
height: toDouble(),
|
||
width: 0.5,
|
||
color: Colors.white.withValues(alpha: .1),
|
||
);
|
||
}
|
||
|
||
Widget get sliverLine {
|
||
return SliverToBoxAdapter(
|
||
child: Container(
|
||
margin: EdgeInsets.symmetric(horizontal: 16),
|
||
height: toDouble(),
|
||
color: Colors.white.withValues(alpha: .1),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget get sliverSizeBoxH {
|
||
return SliverToBoxAdapter(
|
||
child: SizedBox(height: toDouble()),
|
||
);
|
||
}
|
||
}
|
||
|
||
extension DoubleWidget on double {
|
||
Widget get sizeBoxH {
|
||
return SizedBox(height: toDouble());
|
||
}
|
||
|
||
Widget get sizeBoxW {
|
||
return SizedBox(width: toDouble());
|
||
}
|
||
|
||
Widget get line {
|
||
return Container(
|
||
height: toDouble(),
|
||
color: Colors.white.withValues(alpha: .1),
|
||
);
|
||
}
|
||
|
||
Widget get sliverLine {
|
||
return SliverToBoxAdapter(
|
||
child: Container(
|
||
margin: EdgeInsets.symmetric(horizontal: 16),
|
||
height: toDouble(),
|
||
color: Colors.white.withValues(alpha: .1),
|
||
),
|
||
);
|
||
}
|
||
}
|