Flutter开发之——ClipPath,Android面试题及答案2020

本文介绍了Flutter中的裁剪技术,包括ClipRect、ClipRRect、ClipOval和ClipPath.shape的使用,详细讲解了各自的构造函数、属性说明以及示例,展示了如何实现不同形状的裁剪效果,适用于移动开发中的UI设计。
摘要由CSDN通过智能技术生成

const ClipRect({ Key? key, this.clipper, this.clipBehavior = Clip.hardEdge, Widget? child })

属性说明

| 属性 | 说明 | 取值 |

| :-: | :-: | :-: |

| clipper | 定义裁剪规则 | CustomClipper |

| clipBehavior① | 裁剪方式 | Clip枚举 |

| child | 被裁剪组件 | Widget |

clipBehavior①

| 属性 | 说明 |

| :-: | :-: |

| none | 不裁剪,系统默认值 |

| hardEdge | 裁剪但不应用抗锯齿 |

| antiAlias | 裁剪而且抗锯齿 |

| antiAliasWithSaveLayer | 裁剪、抗锯齿而且有一个缓冲区 |

示例(heightFactor裁剪高度百分比)

代码

ClipRect(child: Center(

heightFactor: 0.6,

child: Container(color: Colors.grey,child: Image.asset(“images/flutter.png”),width: 150,height: 150,),

),),

裁剪前效果图

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值