题记——
穿越云间,无尽的山恋,淹没了悲哀,向着苍茫一片,时间之箭,燃烧着时间苍穹,将希望点燃,却无法追赶,不悲幽暗的躲闪,在夜幕低垂之时,向着心之所向的方向前行。
本文讲述 在Flutter开发中,通过 InkWell 为常用 Widget添加水波纹点击事件效果,以及各种 自定义效果与使用场景分析。
在Flutter 开发中一般使用按钮来实现点击效果,也可以通过 InkWell或者GestureDetector将某个 不具备点击效果的组件(如 Texe、 Image)包起来,然后实现点击效果。
GestureDetector 使用点击无水波纹出现,InkWell可以实现水波纹效果。
正常情况下使用 :
如果在InkWell的上下都出现的颜色的设置,如上中的Container中如果加入了color:Colors.white,或者是Container中的其他widget设置了coloro属性,这时候InkWell的水波纹效果会无效。
1 widget 设置水波纹点击效果 并设置widget背景或者 可以使用 Ink来设置,与Material设置color 的区别是,Ink可设置背景的形状样式。
2 圆角widget 设置水波纹点击效果如果 InkWell 与Ink 不同时设置相同的圆角,例如 lnk 设置的圆角为20,而Ink没有设置,就会出现 矩形的水波纹点击效果
3 圆角widget 设置自定义水波纹颜色点击效果InkResponse组件也可实现InkWell组件相同的功能,因为InkWell继承于InkResponse,相比之下,InkResponse可以选择控制水波纹以及高亮底色的形状和剪裁效果。基本使用代码如下:
4 圆角widget 设置高亮颜色点击效果完毕