颤振徽标大小 - Dart

在Dart语言中，有一个重要的概念叫做 颤振徽标（Flutter）。在Flutter中，很多视图组件都需要指定尺寸大小来达到想要的效果。而这个尺寸大小就是通过颤振徽标来指定的。

颤振徽标介绍

颤振徽标是Flutter中最常用的的一种用来指定尺寸大小的方式。它的语法非常简单，只需要在尺寸数值前加上 @ 符号，就可以将这个数值转换为颤振徽标。

Container(
  width: 100, // 普通数值
  height: 100, // 普通数值
)

Container(
  width: 100.0, // 普通数值
  height: 100.0, // 普通数值
)

Container(
  width: 100@dp, // 颤振徽标（单位为dp）
  height: 100@dp, // 颤振徽标（单位为dp）
)

在Flutter中，支持以下颤振徽标：

• dp: 逻辑像素密度。
• sp: 字体大小。
• pt: 点（1/72）。
• mm: 毫米。
• cm: 厘米。
• in: 英寸。

颤振徽标的优势

使用颤振徽标的优势在于可以自动适配不同屏幕尺寸的设备。我们知道，不同的设备可能具有不同的屏幕尺寸和像素密度，采用颤振徽标可以使得UI在不同设备上都具有相同的外观效果。

例如：

Container(
  width: 100@dp, // 在不同设备上都是100个逻辑像素
  height: 100@dp, // 在不同设备上都是100个逻辑像素
)

颤振徽标的使用

在Dart语言中，如果要使用颤振徽标，需要先在代码中引入一个叫做 flutter_screenutil 的包。这个包提供了一些常用的方法来方便我们进行颤振徽标的转换。

import 'package:flutter_screenutil/flutter_screenutil.dart';

在引入了该包之后，就可以使用一些常用的颤振徽标方法了：

• ScreenUtil().setWidth(double width): 将数值转换为dp单位的颤振徽标。
• ScreenUtil().setHeight(double height): 将数值转换为dp单位的颤振徽标。
• ScreenUtil().setSp(double size): 将数值转换为sp单位的颤振徽标。

例如：

Container(
  width: ScreenUtil().setWidth(100), // 颤振徽标（单位为dp）
  height: ScreenUtil().setHeight(100), // 颤振徽标（单位为dp）
)

Text(
  'Hello World!',
  style: TextStyle(
    fontSize: ScreenUtil().setSp(36), // 颤振徽标（单位为sp）
  ),
)

总结

颤振徽标是Flutter中最常用的的一种用来指定尺寸大小的方式，使用颤振徽标可以自动适配不同屏幕尺寸的设备。在Dart语言中，使用颤振徽标需要引入 flutter_screenutil 包，通过该包提供的一些常用方法可以方便地进行颤振徽标的转换。