flutter 裁剪

1、 一個圓,裁剪出一段圓border

 

ClipOval(
  child: Container(
    width: 56,
    height: 56,
    alignment: Alignment.center,
    decoration: BoxDecoration(
      border: Border.all(color: Colors.red, width: 1),
      borderRadius: BorderRadius.all(Radius.circular(28)),
    ),
    child: Container(),
  ),
  clipper: MyClipper1(),
);


class MyClipper1 extends CustomClipper<Rect> {
  @override
  Rect getClip(Size size) {
    return new Rect.fromLTRB(60, 20, size.width - 15.0, size.height + 20.0);
  }

  @override
  bool shouldReclip(CustomClipper<Rect> oldClipper) {
    return true;
  }
}

效果圖

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章