Flutter应用程序 - 想要播放声音被压迫（）而不被按下

Question

我正在开发一个应用程序，当一个按钮被按下时，我可以让应用程序播放声音，但我也想实现一个功能，当用户将手指悬停在所有按钮上而不释放(像钢琴)，每个按钮都播放它的声音。我如何在Flutter中做到这一点？我试着在谷歌上搜索，但是由于这个问题非常具有描述性，我没能找到解决方案。

Answer 1

带有onTapDown和onTapUp的GestureDetector用于在正确的时间内播放单个键。onPanUpdate是您需要在多个键上滑动的东西。所以这三个的组合应该是您所需要的。

Answer 2

使用手势探测器，这可能是一个可能的解决方案：

• 您应该知道每个键的宽度。
• 尝试将所有“钢琴小部件”放在行小部件中。
• 将行小部件放在手势探测器的内部，如下所示：

     GestureDetector(
            onLongPressMoveUpdate: (detail){
              print(detail.globalPosition.dx);
            },
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Container(
                  height: 40,
                  width: 40,
                  color: Colors.black,
                ),
                SizedBox(width: 6),
                Container(
                  color: Colors.white,
                  height: 40,
                  width: 40,
                ),
              ],
            ),
          )

• 您可以使用功能＜code＞OnLongPressMoveUpdate＜/code＞并获取x轴＜code＞dx＜/code＞的变化，以查看根据键的＜code＞宽度＜/code＞定位在哪个键中
• 我的控制台显示如下：

165.0
flutter: 165.3333282470703
flutter: 165.66665649414062
flutter: 166.0
..
..
flutter: 205.0

你可以注意到结束和开始之间的差异等于我的密钥（容器）的宽度。

希望这有帮助！

Answer 3

使用GestureDetector小部件来检测视图中小部件的不同手势。您可能需要使用onTapDown和onTapUp