时间:2021-11-19 13:21:40 | 栏目:Android代码 | 点击:次
先给大家展示下效果图,如果大家感觉不错,请参考实现代码。
思路
1.下角Button的父View加入一个FrameLayout,也就是图中全屏透明灰色部分。
菜单没有弹出的时候设置为不可见。
设置FrameLayout点击事件,点击的时候缩回菜单。
对应init()
2.rameLayout中加入菜单按钮,也就是弹出的那三个。
菜单没有弹出的时候设置为不可见。
对应addElement()和freshElement()
3.右下角的按钮,旋转图标(也可以不旋转)。
对应setRotateAnimation()
4.性动画将fragment的透明度从0调到1
对应changeBackgroudStatus()
5.单按钮设为可见,并向周围弹出
对应setTranslation()
使用方法:
在XML文件中,这个父类是FloatingActionButton:
<com.ice.view.UnfoldButton android:id="@+id/unfoldButton" android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:layout_marginRight="20dp" android:layout_marginBottom="18dp" app:elevation="5dp" app:borderWidth="0dp" android:layout_gravity="right" android:src="@drawable/add" android:background="@color/colorAccent" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentEnd="true" />
在Activity中:
UnfoldButton f = (UnfoldButton) findViewById(R.id.unfoldButton); f.addElement(R.drawable.bestjay, new View.OnClickListener() { @Override public void onClick(View v) { //这里写菜单的点击事件 } }); f.addElement(R.drawable.bestjay,null);//同上 f.addElement(R.drawable.bestjay,null);//同上 f.setmRotatable(true);//设置图标是否旋转 默认为true f.setmScale(1);//设置弹出缩放的比例 1为不缩放 范围是0―1 f.setLength(250);//设置弹出的距离
弹出菜单后,背景颜色由你自己定,你需要在colors.xml里面声明一个color:
<color name="background">#9b414141</color>
name必须是”background”