之前总会见到那种功能,好比屏幕右下角有个按钮,点击之后向上弹出一系列菜单按钮,然后点击菜单按钮会实现自己的业务并且同时这些菜单会收起到左下角。github上面有个关于这个功能实现的库,但是最近自己想要实现这样的功能,其实实现这个功能最主要的就是动画的应用了。
我们看到的那种效果都是点击一个按钮之后,别的菜单按钮从其底部依次弹出,但是又不是绝对的一个接着一个的弹出,而是有一定的时差的,然后收回也是一样子的。
然后说下思路:有几个菜单肯定就是会有几张图片的,布局里面我用的是一个相对布局,然后预览时候是各自覆盖的,除了最初展示的那个菜单图片,别的被覆盖的图片的透明度都是0。当点击最初的展示的菜单图片时候,首先是每个图片沿着y轴向上运动一段距离到达指定位置,然后是alpha透明度从0变为1以及scale从0变为1;同样收回的时候是一个相反的过程,首先是各个item需要alpha从1变到0以及scale从1变到0,然后在沿着y轴运动一段距离返回至其初始位置。然后我们看下代码关键代码:
//view的弹出动画,首先是将view移动至其该所在的位置,其次是大小以及 透明度的变化了
private AnimatorSet doAnimOpenItem(View view, int index) {
float distance = index * ITEM_DISTANCE;
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.play(
ObjectAnimator.ofFloat(view, "alpha", 0,