欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-04-14 18:41:19
前段时间记录一下fab 菜单实现之前传-钟表表盘,今天终于弄正文了。 本文基于上篇文章的布局方式和位置计算,并参考35 Cool Floating Action Button Animations(https://codepen.io/vineethtr/pen/ZbapVR)这篇笔记的动画实现了环 ......

  前段时间记录一下,今天终于弄正文了。

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

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

 

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

  预览

  这篇笔记也太短了……