查看: 469|回复: 0

[Android教程] Android自定义View展开菜单功能的实现

发表于 2017-11-28 08:00:01

先给大家展示下效果图,如果大家感觉不错,请参考实现代码。

unfold.gif

思路

1.下角Button的父View加入一个FrameLayout,也就是图中全屏透明灰色部分。

菜单没有弹出的时候设置为不可见。

设置FrameLayout点击事件,点击的时候缩回菜单。

对应init()

2.rameLayout中加入菜单按钮,也就是弹出的那三个。

菜单没有弹出的时候设置为不可见。

对应addElement()和freshElement()

3.右下角的按钮,旋转图标(也可以不旋转)。

对应setRotateAnimation()

4.性动画将fragment的透明度从0调到1

对应changeBackgroudStatus()

5.单按钮设为可见,并向周围弹出

对应setTranslation()

点我查看源代码

使用方法:

在XML文件中,这个父类是FloatingActionButton:

  1. <com.ice.view.UnfoldButton
  2. android:id="@+id/unfoldButton"
  3. android:layout_alignParentBottom="true"
  4. android:layout_alignParentRight="true"
  5. android:layout_marginRight="20dp"
  6. android:layout_marginBottom="18dp"
  7. app:elevation="5dp"
  8. app:borderWidth="0dp"
  9. android:layout_gravity="right"
  10. android:src="@drawable/add"
  11. android:background="@color/colorAccent"
  12. android:layout_width="wrap_content"
  13. android:layout_height="wrap_content"
  14. android:layout_alignParentEnd="true" />
复制代码

在Activity中:

  1. UnfoldButton f = (UnfoldButton) findViewById(R.id.unfoldButton);
  2. f.addElement(R.drawable.bestjay, new View.OnClickListener() {
  3. @Override
  4. public void onClick(View v) {
  5. //这里写菜单的点击事件
  6. }
  7. });
  8. f.addElement(R.drawable.bestjay,null);//同上
  9. f.addElement(R.drawable.bestjay,null);//同上
  10. f.setmRotatable(true);//设置图标是否旋转 默认为true
  11. f.setmScale(1);//设置弹出缩放的比例 1为不缩放 范围是0—1
  12. f.setLength(250);//设置弹出的距离
复制代码

弹出菜单后,背景颜色由你自己定,你需要在colors.xml里面声明一个color:

  1. <color name="background">#9b414141</color>
复制代码

name必须是”background”

以上所述是小编给大家介绍的Android自定义View展开菜单功能的实现,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对程序员之家网站的支持!



回复

使用道具 举报

关闭

站长推荐上一条 /1 下一条