Half Ellipse 半椭圆容器 #

English | 中文

Overview #

HalfEllipse is a lightweight Flutter widget that clips its child into a customizable half ellipse. It supports solid colors, gradients, different shapes (ellipse, bezier, sag), and painter access for advanced layouts.

Getting Started #

HalfEllipse
(
height: 80,
top: true,
shape: HalfEllipseShape.sag,
gradient: const LinearGradient(
colors: [Color(0xFFFFC371), Color(0xFFFF5F6D)],
),
child: const Center(
child: Text('Gradient Banner', style: TextStyle(color: Colors.white)),
),
)

See example/lib/main.dart for a complete interactive demo.

Screenshots #

中文 #

HalfEllipse 是一个 Flutter 半椭圆裁剪容器，支持纯色、渐变、三种弧形模式（ellipse、bezier、sag），也可以通过 HalfEllipsePainter 自定义绘制。

快速上手 #

HalfEllipse
(
height: 80,
top: true,
shape: HalfEllipseShape.sag,
gradient: const LinearGradient(
colors: [Color(0xFFFFC371), Color(0xFFFF5F6D)],
),
child: const Center(
child: Text('渐变标题', style: TextStyle(color: Colors.white)),
),
)

更多示例请查看 example/lib/main.dart 并运行 flutter run。

截图 #