Flutter Clippath 示例
关于
关于clippath的Flutter更新文章。
代码
第一张图片（左侧）带有直线。
class myShape1 extends CustomClipper<Path> {
@override
Path getClip(Size size) {
double w = size.width;
double h = size.height;
Path path = Path();
// remove Move step
path.lineTo(0, h);
path.lineTo(w * 8 / 9, h);
path.lineTo(w, 0);
path.close();
return path;
}
@override
bool shouldReclip(covariant CustomClipper<Path> oldClipper) {
return false;
}
}
第二张图片（中间）。
class myShape extends CustomClipper<Path> {
@override
Path getClip(Size size) {
double w = size.width;
double h = size.height;
Path path = Path();
path.moveTo(w * 1 / 9, 0);
path.lineTo(0, h);
path.lineTo(w * 8 / 9, h);
path.lineTo(w, 0);
path.close();
return path;
}
@override
bool shouldReclip(covariant CustomClipper<Path> oldClipper) {
return false;
}
}
第三张图片（右侧）。
class myShape2 extends CustomClipper<Path> {
@override
Path getClip(Size size) {
double w = size.width;
double h = size.height;
Path path = Path();
path.moveTo(w * 1 / 9, 0);
path.lineTo(0, h);
path.lineTo(w , h); // edited
path.lineTo(w, 0);
path.close();
return path;
}
@override
bool shouldReclip(covariant CustomClipper<Path> oldClipper) {
return false;
}
}
