免费手机网站空间申请,做网站销售需要注意的,同ip网站有什么影响,企业网站开发douyanet文章目录 1 概念介绍2 使用方法2.1 ClipOval2.2 ClipRRect3 示例代码我们在上一章回中介绍了AspectRatio Widget相关的内容,本章回中将介绍剪裁类组件(Clip).闲话休提,让我们一起Talk Flutter吧。 1 概念介绍
我们在这里说的剪裁类组件主要是指对子组件进行剪裁操作,常用的… 文章目录 1 概念介绍2 使用方法2.1 ClipOval2.2 ClipRRect 3 示例代码 我们在上一章回中介绍了AspectRatio Widget相关的内容,本章回中将介绍剪裁类组件(Clip).闲话休提,让我们一起Talk Flutter吧。 1 概念介绍
我们在这里说的剪裁类组件主要是指对子组件进行剪裁操作,常用的剪裁类组件有ClipOval和ClipRRect。前者可以把子组件剪裁为圆形或者椭圆,后者可以把子组件剪裁为圆角矩形。本章回中将介绍这两种组件的使用方法。
2 使用方法
2.1 ClipOval
该组件主要用来把子组件剪裁成圆形或者椭圆,常用的属性如下:
clipper属性:主要用来控制剪裁的尺寸;child属性:主要用来存放被剪裁的子组件; 上面提到的clipper属性是可选属性,不给该属性赋值时使用默认的尺寸进行剪裁,我们也可以自定义一个剪裁类,在类中控制被剪裁组件的尺寸;2.2 ClipRRect
该组件主要用来把子组件剪裁成圆角矩形,常用的属性如下:
clipper属性:主要用来控制剪裁的尺寸;child属性:主要用来存放被剪裁的子组件;borderRadius属性:主要用来控制圆角的半径大小; 上面介绍的这三个属性中,前两个属性的功能和ClipOval组件中同名属性的功能相同,最后一个属性是ClipRRect组件特有的属性。3 示例代码
//剪裁成椭圆或者圆形形状
Container(width: 100, height: 100,color: Colors.grey,child: ClipOval(child: Image.asset(