虽然类似这样效果的库网上现在已经有一大堆了，甚至写的比较完美那我为什么还是要去实现呢？理由也很简单：只有自己尝试着去实现才能体会其中的奥妙 ，才能学习到新的知识这样当你在遇到自己陌生的东西就能从容的解决了。

一：万年必放效果图(没效果图鬼知道你写的是啥…)

二：使用详情

三：总体的实现思路

继承RelativeLayout 并往里面添加要展示的菜单按钮，默认不展示的时候将其设置为隐藏状态。剩下的重点就是将隐藏的菜单展示出来，这里我通过ObjectAnimator(属性动画)实现位移动画(如果还没了解过的童鞋可以网上搜一搜资料ObjectAnimator)、折叠时同样使用位移动画只需将坐标反转一下即可。

四：为了支持更高的扩展性，供使用者自定义每个菜单按钮的动画在这里添加了一个动画管理者(AnimationManager)只需要继承并实现所有的抽象方即可

public abstract class AnimationManager {

public SuspensionFab fabView;

public AnimationManager(SuspensionFab fabView) {

this.fabView = fabView;

}

/** * 给按钮添加自定义动画 * 展开动画 * *@param fab 按钮 *@param orientation 展开的方向 */

public abstract void openAnimation(FloatingActionButton fab, ExpandOrientation orientation);

/** * 给按钮添加自定义动画 * 折叠动画 * *@param fab 按钮 *@param orientation 展开的方向 */

public abstract void closeAnimation(FloatingActionButton fab, ExpandOrientation orientation);

/** * 给默认按钮添加自定义动画 * *@param fab 按钮 *@param orientation 展开的方向 *@param currentState true 为展开状态|false为折叠状态 */

public abstract void defaultFabAnimation(FloatingActionButton fab, ExpandOrientation orientation,

boolean currentState);

}

只需要在动画执行的时候调用manager中的方法，如下代码：

private void openAnimate() {

if (animationManager != null) {

animationManager.defaultFabAnimation(getFabFromTag(defaultTag), ExpandOrientation.getEnum(orientation), currentState);

}

//....

//去除第一个默认的按钮

for (int i = getChildCount() - 1; i > 0; i--) {

FloatingActionButton view = (FloatingActionButton) getChildAt(i - 1);

if (animationManager != null)

animationManager.openAnimation(view, ExpandOrientation.getEnum(orientation));//每一个view的动画，提供给使用者自定义

}

五：这里对菜单展开的方向使用了枚举来来定义 ExpandOrientation,之前对枚举也是一脸蒙蔽现在用着用着也就会了、在实际运用中也是非常的爽 ^_^。

public enum ExpandOrientation {

/** * 按钮的上边 */

FAB_TOP(1),

/** * 按钮的下边 */

FAB_BOTTOM(2),

/** * 按钮的左边 */

FAB_LEFT(3),

/** * 按钮的右边 */

FAB_RIGHT(4);

ExpandOrientation(int value) {

this.value = value;

}

private int value = 0;

/** * 根据状态值获取枚举值 * *@param value 值 *@return ExpandOrientation */

public static ExpandOrientation getEnum(int value) {

if (value == FAB_TOP.getValue()) {

return ExpandOrientation.FAB_TOP;

} else if (value == FAB_BOTTOM.getValue()) {

return ExpandOrientation.FAB_BOTTOM;

} else if (value == FAB_LEFT.getValue()) {

return ExpandOrientation.FAB_LEFT;

} else if (value == FAB_RIGHT.getValue()) {

return ExpandOrientation.FAB_RIGHT;

} else {

return ExpandOrientation.FAB_TOP;

}

}

/** *@return 枚举变量实际返回值 */

public int getValue() {

return value;

}

}

六：因为SuspensionFab view的默认大小正好是默认按钮的大小，而按钮还有阴影效果所以会导致阴影显示不全如下左图；要解决这个问题也是很简单第一种就是加大view的高宽(这也是最常用的)、第二种就是在他的父布局容器中添加android:clipChildren=”false”这个属性就是允许子view可以超出父容器的大小，这样阴影也就全部显示了如下右图：

这里需要注意的是：虽然view可以超出父容器，但是如果你需要点击事件的话就比较坑了，因为只有点击原来的容器范围内才能响应点击事件(不知道为什么，有大神知道可以告知一二)….

如果觉得不错就留下你的star吧……项目地址 ^_^