各位晚安,
我正在考虑为 Flutter 构建一个插件,以检测设备是否在晃动。现在我已经找到了如何在 Swift 中实现技术(检测摇动手势 IOS Swift),但我坚持如何将它作为 Flutter 插件连接,因为我无法直接访问视图控制器生命周期事件。
需要一种方法来连接
- viewDidLoad
- 可以成为第一响应者
- 运动结束
任何人都可以将我推向正确的方向吗?
各位晚安,
我正在考虑为 Flutter 构建一个插件,以检测设备是否在晃动。现在我已经找到了如何在 Swift 中实现技术(检测摇动手势 IOS Swift),但我坚持如何将它作为 Flutter 插件连接,因为我无法直接访问视图控制器生命周期事件。
需要一种方法来连接
任何人都可以将我推向正确的方向吗?
Flutter 团队已经发布了一个名为 的插件sensors
,可用于检测加速度计(和陀螺仪)的运动。
import 'package:sensors/sensors.dart';
accelerometerEvents.listen((AccelerometerEvent event) {
// "calculate" "shakes" here
});
event
包含,x
和y
值z
。将其与时间结合起来,就可以检查是否有震动。
我只是指出这一点,因为它比从头开始创建一个完整的插件要少得多。
你可以试试这个插件:shake_event
它使用起来非常简单,适用于 iOS 和 Android。
我遇到了同样的问题,所以我想 Reactive Programming
并且RxDart
可以提供帮助。
您可以创建一个BLoC
名为(业务逻辑组件)sensor_bloc.dart
:
import 'dart:async';
import 'dart:math';
import 'package:rxdart/rxdart.dart';
import 'package:sensors/sensors.dart';
class SensorBloc {
StreamSubscription<dynamic> _accelerometerStream;
//INPUT
final _thresholdController = StreamController<int>();
Sink<int> get threshold => _thresholdController.sink;
// OUTPUT
final _shakeDetector = StreamController<bool>();
Stream<bool> get shakeEvent => _shakeDetector.stream.transform(ThrottleStreamTransformer(Duration(seconds: 2)));
SensorBloc() {
const CircularBufferSize = 10;
double detectionThreshold = 70.0;
List<double> circularBuffer = List.filled(CircularBufferSize,0.0);
int index = 0;
double minX=0.0, maxX=0.0;
_thresholdController.stream.listen((value){
// safety
if (value > 30) detectionThreshold = value*1.0;
});
_accelerometerStream = accelerometerEvents.listen((AccelerometerEvent event){
index = (index == CircularBufferSize -1 ) ? 0: index+1;
var oldX = circularBuffer[index];
if (oldX == maxX) {
maxX = circularBuffer.reduce(max);
}
if (oldX == minX) {
minX = circularBuffer.reduce(min);
}
circularBuffer[index] = event.x;
if (event.x < minX ) minX=event.x;
if (event.x> maxX) maxX = event.x;
if (maxX-minX>detectionThreshold)
{
_shakeDetector.add(true);
circularBuffer.fillRange(0, CircularBufferSize, 0.0);
minX=0.0;
maxX=0.0;
}
});
}
void dispose() {
_shakeDetector.close();
_accelerometerStream.cancel();
_thresholdController.close();
}
}
然后,只需在您的小部件中订阅其事件:StreamSubscription<bool> shakeSubscriber ;
在您的状态中声明,并挂钩到生命周期事件
(注意:我使用 InheritedWidget 让我可以通过静态函数访问伞 BLoC MainWidget.bloc(context)
):
StreamSubscription<bool> shakeSubscriber ;
@override
Widget build(BuildContext context) {
if(shakeSubscriber == null ) {
MainWidget.bloc(context).sensorBloc.shakeEvent.listen((_){
print("SHAKE ! *************************");
});
}
return _buildMainScaffold();
}
@override
void dispose() {
if(shakeSubscriber != null ) shakeSubscriber.cancel();
super.dispose();
}