figma侧滑抽屉效果

大家好，我是 not 老师，在今天的教程中，我来跟大家讲一下如何在飞行版当中实现侧滑抽屉的交互啊。我们进入我的电脑，这里呢，基本的素材我已经准备好了，这里呢有一个按钮，然后这里有一个侧滑抽屉，那么我们要实现效果就是点它滑出来。 好，我们选择这个按钮，在 protop 这里点加号 on tap， 选择 open overlay， 打开叠加。然后呢，选择我们的抽屉，也就是我命名的这个 set drawer， 然后在方向这里，我们选择 top left， 我希望他从左边滑进来，所以选择 top left。 选中 clicking outside， clicking uh close when clicking outside， 然后 at background。 我们可以给它加一个橙色的底吧，黑一点的橙色的底。好了，加到这。然后我们想要创建动画，那么我们就不能保留这里的 instant， 我们要选择 moving， 那 moving 的方向呢？应该是从左边 moving， 因为我的抽屉是从左边来的啊。 is out 就可以三百，我改成六百吧，这样动画更慢一些，我们能看的更清楚一些。好，一切都准备完毕，我们来试一下效果吧。 点好划出来了，并且这个加了一个 overlay， 点这个 overlay 点这里的这个 background， 它又会退出去， 那么侧滑抽屉我们就做好了。好的，那么这就是今天的教程，希望对你有所帮助，我们下个教程再见。拜拜。