1

我在 GestureDetector 小部件中有一个图像。我想在调用 onTapDown 时更改此图像，然后在调用onTapUp时再次更改。有可能这样做吗？在其他应用程序（带有 java 的本机 Android 应用程序）中，我曾经使用按钮并使用选择器 xml 更改其背景，如下所示：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_focused="true" android:state_pressed="false" android:drawable="@drawable/image1" />
<item android:state_focused="true" android:state_pressed="true" android:drawable="@drawable/image2" />
<item android:state_focused="false" android:state_pressed="true" android:drawable="@drawable/image2"/>
<item android:drawable="@drawable/image1" />

那么，有没有办法在颤振中做同样的事情？

---只是为了清楚---

在同一个小部件中，如果它没有被按下，我想要一个图像，如果它被按下，我想要一个不同的图像。

4

2 回答 2

2 
Image img;
// example: Image.asset('images/camera.png',)
Image imgUp =  Image.asset('your image directory for when tap up',);
Image imgDown =  Image.asset('your image directory for when tapdown',);

 @override
 void initState() {
 super.initState();
 img = imgUp;
 }


GestureDetector(
      //your image is here
      child: img,
      onTapDown: (tap){
        setState(() {
          // when it is pressed
          img =  imgDown;
        });
      },
      onTapUp: (tap){
        setState(() {
          // when it is released
          img = imgUp;
        });
      },

完整代码您可以使用手势检测器在按下和释放图像时更改图像 这非常简单，您不需要任何额外的库或包，您只需使用 setState() 即可在按下释放时更新视图

于 2020-01-17T21:48:52.327 回答
0

我自己没有测试过，所以试试看它是否适合你的需要。

对于这样provider的应用，你可以试一试。

例如，

final provider = Provider.of<myProvider>(context);

...
Image(
   image: AssetImage(provider.imageFile),
),     
...
GestureDetector(
  onTapDown: () => provider.imageForTapDown(),
  onTapUp: () => provider.imageForTapUp()
);

然后在provider,

void imageForTapDown(){
 //Change the image file
 imageFile = changeImageforTapDown;

 notifyListeners();
)

void imageForTapUp(){
 //Change the image file
 imageFile = changeImageforTapUp;

 notifyListeners();
)

您可以阅读有关提供程序的更多信息。

确保您应用优化，因为notifyListeners无论何时listen: true在提供程序中重建（您可以使用selector提供程序来定位特定图像）。

希望这可以帮助。

于 2020-01-17T19:11:53.450 回答