Flutter开发笔记：图片使用、屏幕横竖屏切换与尺寸适配

"Flutter学习记录，包括图片使用、屏幕方向设置和图像显示方式以及Flutter的尺寸单位和适配方法" Flutter是一种由Google开发的开源UI工具包，用于构建高性能、高保真、跨平台的移动应用程序。随着其生态系统的发展，Flutter已经成为开发者们创建iOS和Android应用的热门选择。本文主要探讨作者在重新学习Flutter过程中积累的一些关键知识点。 1. **图片使用** 在Flutter中，管理应用内的图片资源通常涉及以下步骤： - 将图片放在项目的`assets`目录下，例如`assets/img`，并为不同分辨率创建子目录（如`1.5x`、`2.0x`）。 - 在`pubspec.yaml`文件中配置资产路径，如`- assets/imgs/start_page_icon_logo.png`，确保Flutter知道如何加载这些资源。 - 在代码中，使用`Image.asset` widget来显示图片，如`Image.asset('assets/imgs/start_page_icon_logo.png')`。 2. **屏幕方向设置** Flutter提供了调整设备屏幕方向的功能： - 若要设置默认或初始屏幕方向，可以通过修改主题或其他配置来实现。 - 使用`SystemChrome.setPreferredOrientations`函数可以强制设备保持特定的屏幕方向。例如，`DeviceOrientation.landscapeLeft`和`DeviceOrientation.landscapeRight`用于强制横屏，而`DeviceOrientation.portraitUp`和`DeviceOrientation.portraitDown`用于强制竖屏。 3. **图片显示和对齐** Flutter的`Image.asset` widget结合其他布局组件可以实现类似Android `ImageView`的`scaleType`效果。通过`fit`属性（如`BoxFit.fitWidth`）可以控制图片缩放，但通常需要结合`Container`或`SizedBox`等组件设定固定大小，并利用`Align` widget调整对齐方式，以实现更复杂的布局需求。 4. **Flutter尺寸单位与适配** - 获取屏幕宽度和高度是通过`MediaQuery.of(context).size.width`和`MediaQuery.of(context).size.height`。在Flutter中，像素单位通常不直接使用，而是采用逻辑像素（Logical Pixels）。 - 屏幕适配通常依赖于逻辑像素值，`screenWidth`是一个常用的参考值。为了实现响应式设计，可以使用`MediaQuery`获取设备密度和屏幕尺寸，然后动态计算组件的大小。 - Flutter的布局系统允许开发者基于不同的屏幕尺寸和密度创建自适应界面，这使得应用在不同设备上看起来更加一致。 Flutter提供了一套强大的工具和组件来处理图像资源、屏幕方向和尺寸适配。随着社区的不断壮大，Flutter的第三方库支持也在逐渐完善，为开发者提供了更多的功能和解决方案。通过不断学习和实践，开发者可以充分利用Flutter的优势，创造出高质量的跨平台应用程序。