Android 点击屏幕其他位置隐藏Floating Action Button

功能要求

当用户点击fab的时候,屏幕上的其他区域应该是不可点击的,如果用户点击其他区域,那么就应该收缩fab回到初始状态。 观察一下其他应用:

发现实质点击按钮之后启动了新的fragment,并将背景设置为半透明。

具体实现

首先,随便找一个fab的开源库:

compile 'net.i2p.android.ext:floatingactionbutton:1.9.0'

然后,activity里的fab的作用是启动一个新的fragment:

public class MainActivity extends AppCompatActivity {

    private FloatingActionsMenu fab_menu;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        fab_menu = (FloatingActionsMenu) findViewById(R.id.fab_activity);
        fab_menu.setOnFloatingActionsMenuUpdateListener(new FloatingActionsMenu.OnFloatingActionsMenuUpdateListener() {
            @Override
            public void onMenuExpanded() {
                getSupportFragmentManager()
                        .beginTransaction()
                        .add(android.R.id.content, new FabFragment(), "fragment_fab")
                        .addToBackStack("fragment:fab")
                        .commit();
                //点击之后回复原状,这样在从fragment返回之后仍然是原来的样子
                fab_menu.collapse();
            }

            @Override
            public void onMenuCollapsed() {

            }
        });
    }
}

为了实现点击屏幕其他地方隐藏fab,需要实现onTouchListener接口中的onTouch()方法,将返回值改为true,这样就说明成功处理了触摸事件,会结束当前的fragment。

public class FabFragment extends Fragment implements View.OnClickListener, View.OnTouchListener {
    private FloatingActionButton fab_commmon;
    private FloatingActionButton fab_help;
    private FloatingActionsMenu fab;

    public FabFragment() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View v = inflater.inflate(R.layout.fragment_blank, container, false);
        v.setOnClickListener(this);
        initView(v);
        initEvent();
        return v;
    }

    private void initView(View v) {
        fab = (FloatingActionsMenu) v.findViewById(R.id.fab);
        fab_commmon = (FloatingActionButton) v.findViewById(R.id.action_a);
        fab_help = (FloatingActionButton) v.findViewById(R.id.action_b);
        fab.expand();
    }

    private void initEvent() {
        fab_commmon.setOnClickListener(this);
        fab_help.setOnClickListener(this);
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.root:
                getActivity().getSupportFragmentManager().popBackStack();
                break;
            case R.id.action_a:
                //执行某些操作
                getActivity().getSupportFragmentManager().popBackStack();
                break;
            case R.id.action_b:
                //执行某些操作
                getActivity().getSupportFragmentManager().popBackStack();
                break;
        }

    }

    @Override
    public boolean onTouch(View view, MotionEvent motionEvent) {
        return true;
    }
}

这时实现后的效果:

源码下载

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏转载gongluck的CSDN博客

cocos2dx 打灰机

#include "GamePlane.h" #include "PlaneSprite.h" #include "BulletNode.h" #include...

5566
来自专栏陈仁松博客

ASP.NET Core 'Microsoft.Win32.Registry' 错误修复

今天在发布Asp.net Core应用到Azure的时候出现错误InvalidOperationException: Cannot find compilati...

4878
来自专栏我和未来有约会

Silverlight第三方控件专题

这里我收集整理了目前网上silverlight第三方控件的专题,若果有所遗漏请告知我一下。 名称 简介 截图 telerik 商 RadC...

4045
来自专栏一个爱瞎折腾的程序猿

sqlserver使用存储过程跟踪SQL

USE [master] GO /****** Object: StoredProcedure [dbo].[sp_perfworkload_trace_s...

2070
来自专栏hbbliyong

WPF Trigger for IsSelected in a DataTemplate for ListBox items

<DataTemplate DataType="{x:Type vm:HeaderSlugViewModel}"> <vw:HeaderSlug...

4064
来自专栏pangguoming

Spring Boot集成JasperReports生成PDF文档

由于工作需要,要实现后端根据模板动态填充数据生成PDF文档,通过技术选型,使用Ireport5.6来设计模板,结合JasperReports5.6工具库来调用渲...

1.2K7
来自专栏ASP.NETCore

ASP.NET Core 整合Autofac和Castle实现自动AOP拦截

除了ASP.NETCore自带的IOC容器外,我们还可以使用其他成熟的DI框架,如Autofac,StructureMap等(笔者只用过Unity,Ninjec...

674
来自专栏张善友的专栏

Miguel de Icaza 细说 Mix 07大会上的Silverlight和DLR

Mono之父Miguel de Icaza 详细报道微软Mix 07大会上的Silverlight和DLR ,上面还谈到了Mono and Silverligh...

2717
来自专栏跟着阿笨一起玩NET

c#实现打印功能

2812
来自专栏落花落雨不落叶

canvas画简单电路图

63311

扫码关注云+社区