2

各位晚安,

我正在考虑为 Flutter 构建一个插件,以检测设备是否在晃动。现在我已经找到了如何在 Swift 中实现技术(检测摇动手势 IOS Swift),但我坚持如何将它作为 Flutter 插件连接,因为我无法直接访问视图控制器生命周期事件。

需要一种方法来连接

  • viewDidLoad
  • 可以成为第一响应者
  • 运动结束

任何人都可以将我推向正确的方向吗?

4

3 回答 3

3

Flutter 团队已经发布了一个名为 的插件sensors,可用于检测加速度计(和陀螺仪)的运动。

import 'package:sensors/sensors.dart';

accelerometerEvents.listen((AccelerometerEvent event) {
  // "calculate" "shakes" here
});

event包含,xyz。将其与时间结合起来,就可以检查是否有震动。

我只是指出这一点,因为它比从头开始创建一个完整的插件要少得多。

于 2018-06-17T21:39:44.123 回答
3

你可以试试这个插件:shake_event

它使用起来非常简单,适用于 iOS 和 Android。

于 2019-05-28T20:01:55.923 回答
2

我遇到了同样的问题,所以我想 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();
  }
于 2018-08-11T17:47:07.990 回答