flutter 屏幕尺寸适配字体大小适配，android面试常用算法

最新推荐文章于 2024-07-28 23:10:34 发布

ww11_aa

最新推荐文章于 2024-07-28 23:10:34 发布

阅读量960

点赞数

分类专栏：程序员文章标签： flutter android 算法

本文链接：https://blog.csdn.net/ww11_aa/article/details/123563047

版权

这篇博客介绍了如何在Flutter中进行屏幕尺寸适配和字体大小适配，使用了flutter_screenutil库，并提供了相关API的使用示例。同时提到了Android面试中常见的算法问题。

摘要由CSDN通过智能技术生成

width: ScreenUtil().setWidth(375),
height: ScreenUtil().setHeight(200),
),

适配字体:

ScreenUtil().setSp(28) //传入字体大小，根据系统的“字体大小”辅助选项来进行缩放
ScreenUtil().setSp(28，false) //传入字体大小，不会根据系统的“字体大小”辅助选项来进行缩放

for example:
Text(
‘My font size is 28px and will not change with the system.’,
style: TextStyle(
color: Colors.black,
fontSize: ScreenUtil().setSp(28, false)
)
),

其他相关api：

ScreenUtil.pixelRatio //设备的像素密度
ScreenUtil.screenWidth //设备宽度
ScreenUtil.screenHeight //设备高度
ScreenUtil.bottomBarHeight //底部安全区距离，适用于全面屏下面有按键的
ScreenUtil.statusBarHeight //状态栏高度刘海屏会更高单位px
ScreenUtil.textScaleFactory //系统字体缩放比例

ScreenUtil().scaleWidth // 实际宽度的dp与设计稿px的比例
ScreenUtil().scaleHeight // 实际高度的dp与设计稿px的比例

//导入
import ‘package:flutter_screenutil/flutter_screenutil.dart’;

…

@override
Widget build(BuildContext context) {
//设置适配尺寸 (填入设计稿中设备的屏幕尺寸) 假如设计稿是按iPhone6的尺寸设计的(iPhone6 750*1334)
ScreenUtil.instance = ScreenUtil(width:

750, height: 1334)…init(context);
print(‘设备宽度: ${ScreenUtil.screenWidth}'); //Device width print('设备高度:$ {ScreenUtil.screenHeight}’); //Device height
print(‘设备的像素密度: ${ScreenUtil.pixelRatio}'); //Device pixel density print( '底部安全区距离:$ {ScreenUtil.bottomBarHeight}’); //Bottom safe zone distance，suitable for buttons with full screen
print(
‘状态栏高度:${ScreenUtil.statusBarHeight}px’); //Status bar height , Notch will be higher Unit px