符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
这篇文章主要为大家展示了Flutter AbsorbPointer和IgnorePointer有什么区别,内容简而易懂,希望大家可以学习一下,学习完之后肯定会有收获的,下面让小编带大家一起来看看吧。
在陵城等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站制作、成都网站设计 网站设计制作定制开发,公司网站建设,企业网站建设,品牌网站制作,网络营销推广,成都外贸网站建设,陵城网站建设费用合理。
Flutter是什么?
Flutter是Google一个新的用于构建跨平台的手机App的SDK。写一份代码,在Android 和iOS平台上都可以运行。
AbsorbPointer
AbsorbPointer是一种禁止用户输入的控件,比如按钮的点击、输入框的输入、ListView的滚动等,你可能说将按钮的onPressed
设置为null,一样也可以实现,是的,但AbsorbPointer可以提供多组件的统一控制,而不需要你单独为每一个组件设置。
用法如下:
AbsorbPointer( child: Row( children:[ RaisedButton(onPressed: (){},), RaisedButton(onPressed: (){},), RaisedButton(onPressed: (){},), RaisedButton(onPressed: (){},), ], ), )
默认情况下,这些按钮是否响应点击事件的,如果想要响应点击事件只需设置absorbing
为false即可:
AbsorbPointer( absorbing: false, ... )
IgnorePointer
IgnorePointer的用法和AbsorbPointer一样,而且达到的效果一样,用法如下:
IgnorePointer( child: Row( children:[ RaisedButton(onPressed: (){},), RaisedButton(onPressed: (){},), RaisedButton(onPressed: (){},), RaisedButton(onPressed: (){},), ], ), )
区别
AbsorbPointer
本身可以接收点击事件,消耗掉事件,而IgnorePointer
无法接收点击事件,其下的控件可以接收到点击事件(不是子控件)。
如果有2个盒子,一个200x200的红色盒子,一个100x100的蓝色盒子,蓝色盒子位于红色盒子之上居中显示,给2个盒子添加点击事件,如下:
return Container( height: 200, width: 200, child: Stack( alignment: Alignment.center, children:[ Listener( onPointerDown: (v) { print('click red'); }, child: Container( color: Colors.red, ), ), Listener( onPointerDown: (v) { print('click red'); }, child: Container( color: Colors.blue, width: 100, height: 100, ), ), ], ), );
点击蓝色盒子时,打印结果:
flutter: click blue
点击蓝色盒子区域以外的红色盒子,打印结果:
flutter: click red
此时用AbsorbPointer
包裹蓝色盒子:
return Container( height: 200, width: 200, child: Stack( alignment: Alignment.center, children:[ Listener( onPointerDown: (v) { print('click red'); }, child: Container( color: Colors.red, ), ), Listener( onPointerDown: (v) { print('click blue self'); }, child: AbsorbPointer( child: Listener( onPointerDown: (v) { print('click blue child'); }, child: Container( color: Colors.blue, width: 100, height: 100, ), ), ), ), ], ), );
点击蓝色盒子,打印如下:
flutter: click blue self
说明AbsorbPointer
本身接收到了点击事件,将AbsorbPointer
改为IgnorePointer
,打印如下:
flutter: click red
点击事件穿透蓝色盒子到红色盒子,红色盒子接收到了点击事件。
使用场景
1、根据业务需求禁用/启用多个组件。
2、根据业务需求禁用/启用整个App。
以上就是关于Flutter AbsorbPointer和IgnorePointer有什么区别的内容,如果你们有学习到知识或者技能,可以把它分享出去让更多的人看到。