android——悬浮图标（FloatingActionButton）

不念不忘少年蓝@ 2022-06-03 06:20 352阅读 0赞

**效果图：**

**![Center][]![Center 1][]**

**添加依赖：**

compile 'com.getbase:floatingactionbutton:1.9.0'

布局文件：

<com.getbase.floatingactionbutton.FloatingActionsMenu android:id="@+id/multiple_actions"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
    
        fab:fab_labelStyle="@style/menu_labels_style"
        android:layout_marginBottom="16dp"
        android:layout_marginRight="16dp"
        android:layout_marginEnd="16dp"
        skin:enable="true"
        >
    
        <com.getbase.floatingactionbutton.FloatingActionButton android:id="@+id/action_grid"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            fab:fab_icon="@mipmap/floataction_grid"
            skin:enable="true"
            fab:fab_colorPressed="#f1f1f1"/>
    
        <com.getbase.floatingactionbutton.FloatingActionButton android:id="@+id/action_list"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            fab:fab_icon="@mipmap/floataction_list"
            skin:enable="true"
            fab:fab_colorPressed="#f1f1f1"/>
        <com.getbase.floatingactionbutton.FloatingActionButton android:id="@+id/action_staggle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            fab:fab_icon="@mipmap/floataction_staggle"
            skin:enable="true"
            fab:fab_colorPressed="#f1f1f1"/>
    
    </com.getbase.floatingactionbutton.FloatingActionsMenu>

**styles.xml**

**fab\_label\_background.xml**

**Activity**

action_grid.setOnClickListener(new View.OnClickListener() {
        @Override public void onClick(View view) {
            GridLayoutManager manager = new GridLayoutManager(getContext(), 2);
            xRecyclerView.setLayoutManager(manager);
            adapter = new WelfareRecycleViewAdapter(getContext(), list, 2);
            xRecyclerView.setAdapter(adapter);
            actionsMenu.collapse();
        }
    });
    action_list.setOnClickListener(new View.OnClickListener() {
        @Override public void onClick(View view) {
            LinearLayoutManager layoutManager = new LinearLayoutManager(getContext());
            layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
            xRecyclerView.setLayoutManager(layoutManager);
            adapter = new WelfareRecycleViewAdapter(getContext(), list, 1);
            xRecyclerView.setAdapter(adapter);
            actionsMenu.collapse();
        }
    });
    action_staggle.setOnClickListener(new View.OnClickListener() {
        @Override public void onClick(View view) {
            StaggeredGridLayoutManager manager = new StaggeredGridLayoutManager(2,
                    StaggeredGridLayoutManager.VERTICAL);
            xRecyclerView.setLayoutManager(manager);
            adapter = new WelfareRecycleViewAdapter(getContext(), list, 3);
            xRecyclerView.setAdapter(adapter);
            actionsMenu.collapse();
        }
    });

[Center]: https://img-blog.csdn.net/20171220191710249?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveHk4MTk5/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 1]: /images/20220603/e4cec0be67a84103a5835a87e88f11bb.png