Flutter插件senseless_dough的使用方法

Flutter插件senseless_dough的使用方法

这个包提供了一些可以用来创建柔软UI的部件。

• Flutter 包
• 源代码

如何使用

这个包提供了一些可以直接使用的柔软部件。你也可以创建自定义的柔软部件以实现不同的柔软效果。要更全面地了解如何使用这些部件，可以查看GitHub上的 示例项目。

可按压的柔软部件

将任何部件包裹在 PressableDough 中，使其根据用户的手势产生按压效果。

PressableDough(
    child: FloatingActionButton( ... ),
);

你可以在这里找到这个部件的完整示例：示例代码。

可拖动的柔软部件

类似于Flutter内置的可拖动部件，DraggableDough 允许你在屏幕上拖动和放置部件… 只不过这次它是柔软的！

DraggableDough<String>(
    data: 'My data',
    child: Container( ... ),
    feedback: Container( ... ),
);

你可以在这里找到这个部件的完整示例：示例代码。

基于陀螺仪的柔软部件

将任何部件包裹在 GyroDough 中，使其基于用户移动手机的方式产生柔软效果。此部件仅在具备加速度计/陀螺仪功能的设备上可用。

GyroDough(
    child: Container( ... ),
);

你可以在这里找到这个部件的完整示例：示例代码。

自定义柔软部件

如果上述部件不能满足你的需求，你可以使用提供的 Dough 部件轻松创建自己的柔软部件！更多细节可以查看 示例项目。

如何定制柔软部件的感觉

如果你不喜欢默认的柔软部件设置，可以通过 DoughRecipe 来更改它们。只需将任何使用 Dough 的部件包裹在 DoughRecipe 中即可。

DoughRecipe(
    data: DoughRecipeData(
        adhesion: 4,
        viscosity: 250, // 更像果冻的物质
        usePerspectiveWarp: true, // 用于增加摆动感
        perspectiveWarpDepth: 0.02,
        exitDuration: Duration(milliseconds: 600),
        ...
    ),
    child: PressableDough( ... ),
);