fab 菜单实现—圆形、半圆、扇形、直线、射线

时间:2022-04-24 19:27:30

  前段时间记录一下fab 菜单实现之前传-钟表表盘,今天终于弄正文了。

  本文基于上篇文章的布局方式和位置计算,并参考35 Cool Floating Action Button Animationshttps://codepen.io/vineethtr/pen/ZbapVR)这篇笔记的动画实现了环状、半圆形、扇形、直线、射线形状的菜单。触发按钮可以任意拖动,根据其不同的位置,触发不同形状的菜单,先看一下截图

fab 菜单实现—圆形、半圆、扇形、直线、射线

  这里就弄了一张图,几种效果都集中在里面了,还有就是代码也不放了,有点多……有兴趣的朋友可以在下面的地址浏览和下载。

  预览

  这篇笔记也太短了……