嘉定网站建设哪家便宜,百度问答下载安装,wordpress文章模块化插件,电脑做h5的软件有哪些场景#xff1a;当一个表单需要在表单全部或者特定项赋值后才会让提交按钮可点击。 1.普通实现方式#xff1a; ///场景#xff1a;检查[test11][test12][test13]均不为空时做一些事情#xff0c;例如提交按钮变成可点击String? test11;String? test12;int? test13;///当… 场景当一个表单需要在表单全部或者特定项赋值后才会让提交按钮可点击。 1.普通实现方式 ///场景检查[test11][test12][test13]均不为空时做一些事情例如提交按钮变成可点击String? test11;String? test12;int? test13;///当需要检查[test11][test12][test13]是否全部有值时需要这么做。///1.给[test11][test12][test13]设置监听或者在他们赋值的时候每次调用2检查。///2.检查三个值的状态if(test11!nulltest12!nulltest12!null){///print [test11][test12][test13]均不为空。} 2.使用Watcher方式实现 ///使用[WatchableObject]配合[Watcher]监测///1.只需要把String、int、bool、等对象用[WatchableObject]代替。WatchableObject test1 WatchableObject();WatchableObject test2 WatchableObject();WatchableObject test3 WatchableObject();///2.使用[Watcher]单例绑定对象。Watcher().bindObject([test1, test2, test3]);///3.检查回调Watcher().check((allCheck) {print(?????????????????????$allCheck);});///4.模拟不同时间赋值Future.delayed(Duration(seconds: 3), () {test1.setValue(1);});Future.delayed(Duration(seconds: 6), () {test2.setValue(123);});Future.delayed(Duration(seconds: 8), () {test3.setValue(123);});///退出界面时清除Watcher使用得内存overridevoid dispose() {super.dispose();Watcher().clear();} logcat输出 方式1和方式2都能达到效果但是方式1需要对每一个变量进行监听在每一个赋值的地方得检查所有得值是否都已有了值这样实现的出错率就会变得很高。方式2则是利用变量托管托管类已实现了对变量的赋值的监听只要使用托管类WatchableObject包装变量则可以实时监听到变量的赋值变化所以代码上对变量的使用不会再对变量进行任何监听和处理统一会由Watcher类进行回调处理。方式1的缺点就是代码混乱容易出错。方式2的优点可以解决方式1的缺点但是缺点是使用到Watcher的地方变量必须交给WatchableObject托管导致定义变量的时候变得麻烦但是这个只要使用习惯了确可以忽略该缺点。
喜欢这种方式的或者有需求用得到的朋友来撸代码吧
WatchableObject类
import dart:math;import package:kq_flutter_widgets/widgets/listener/object_watcher/watcher.dart;
import package:kq_flutter_widgets/widgets/listener/object_watcher/watcher_callback.dart;///可观察对象
///[T]可观察的对象类型。
///例如传入的是String则会持有String对象
///并可以设置[watcher]观察绑定的String对象值的变化。
class WatchableObjectT {T? _watchableObject;double? _uuid;///初始值WatchableObject({T? init}) {setValue(init);}///设置值void setValue(T? other) {_watchableObject Watcher().value(getUuid(), other);}///设置观察者void watcher(WatcherCallback watcherCallback) {Watcher().watcher(getUuid(), watcherCallback);}///获取值T? value() {return _watchableObject;}///获取uuiddouble getUuid() {return _uuid ?? Random().nextDouble();}
}WatcherCallback类
///回调
class WatcherCallbackT {///值改变回调函数///[object]改变的值。final Function(T? object) onChanged;WatcherCallback(this.onChanged);
}Watcher类
import package:kq_flutter_widgets/widgets/listener/object_watcher/watchable_object.dart;
import package:kq_flutter_widgets/widgets/listener/object_watcher/watcher_callback.dart;///对象观察者
class Watcher {Watcher._internal();factory Watcher() _instance;static final Watcher _instance Watcher._internal();final Mapdouble, WatcherCallback _objectWatchers {};final ListWatchableObject _objects [];final Mapdouble, bool _bindObjects {};///绑定对象///[objects]绑定的一组对象。void bindObject(ListWatchableObject objects) {clear();_objects.addAll(objects);for (WatchableObject str in objects) {_bindObjects.putIfAbsent(str.getUuid(), () _checkObject(str.value()));}}///检查绑定的对象是否已全部赋值///[callback]每次赋值都会回调///[allCheck]是否全部已赋值是则返回true不是则返回false。void checkT(Function(bool allCheck) callback) {for (WatchableObject str in _objects) {str.watcher(WatcherCallback((object) {_bindObjects.update(str.getUuid(),(value) _checkObject(object),);_realCheck(callback);},),);}_realCheck(callback);}bool _checkObjectT(T object) {return object is String ? object.isNotEmpty : object ! null;}void _realCheck(Function(bool allCheck) callback) {bool isAllCheck true;_bindObjects.forEach((key, value) {if (!value) {isAllCheck false;return;}});callback.call(isAllCheck);}///清除内存。void clear() {_objects.clear();_bindObjects.clear();_objectWatchers.clear();}///绑定回调执行///需要[WatchableObject]对象的[uuid]做为键值获取对象绑定。T? valueT(double uuid, T? other) {_objectWatchers[uuid]?.onChanged(other);return other;}///绑定设置///需要[WatchableObject]对象的[uuid]做为键值///[watcherCallback]绑定的回调。void watcher(double uuid, WatcherCallback watcherCallback) {_objectWatchers.putIfAbsent(uuid, () watcherCallback);}
}
