当前位置:   article > 正文

flutter 布局裁剪及实现微信聊天消息气泡组件_flutter绘制一个自定义的聊天气泡边框

flutter绘制一个自定义的聊天气泡边框

前言

在实际项目开发中我们有时候可能需要实现一个不规则的形状,比如一个四个角带点圆角的平行四边形容器,针对这种需求一般我们主要有三种方式实现:

1,裁剪
2,绘制
3,自定义形状ShapeBorder

本篇文章我们主要讲解有关于裁剪相关的内容,着重介绍下flutter中裁剪类容器的使用,最后再实现如下图所示的一个功能强大的聊天气泡组件:
在这里插入图片描述

1,ClipRect 矩形裁剪

构造方法下:

const ClipRect({
    
   Key key, 
   this.clipper,  // 定义裁剪规则,如果不指定,则裁剪区域为 child 指定的大小
   
  • 1
  • 2
  • 3
  • 4
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/374800
推荐阅读
相关标签
  

闽ICP备14008679号