绘制和视觉效果
Name | Desc |
---|---|
Opacity | 使其子widget透明的widget。 |
Transform | 在绘制子widget之前应用转换的widget。 |
DecoratedBox | 在孩子绘制之前或之后绘制装饰的widget。 |
FractionalTranslation | 绘制盒子之前给其添加一个偏移转换 |
RotatedBox | 可以延顺时针以90度的倍数旋转其子widget |
ClipOval | 用椭圆剪辑其孩子的widget |
ClipPath | 用path剪辑其孩子的widget |
ClipRect | 用矩形剪辑其孩子的widget |
CustomPaint | 提供一个画布的widget,在绘制阶段可以在画布上绘制自定义图形 |
BackdropFilter | 一个widget,它将过滤器应用到现有的绘图内容,然后绘制孩子。这种效果是比较昂贵的,尤其是如果过滤器是non-local,如blur。 |
Flutter 中的绘制和视觉效果提供了很多可以让开发者自由发挥的工具,可以通过这些工具来实现各种炫酷的视觉效果。本文将详细介绍 Flutter 中的绘制和视觉效果。
绘制
Flutter 提供了很多用于绘制的 Widget,最常用的就是 CustomPaint 和 CustomPainter。
视觉效果
Flutter 中的视觉效果主要是通过装饰器(Decoration)实现的,它可以用于给 Widget 添加背景、边框、阴影等效果。