android - FloatingActionButton 库中的多个按钮

Question

您好，我正在尝试实现 makovkastar 的 [FloatingActionButton][1] 库。 (因为它是向后兼容的。它适用于单个 FAB，但是当添加 2 个按钮时，“列表”似乎只附加到一个按钮。

fragment_listview.xml

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             xmlns:fab="http://schemas.android.com/apk/res-auto"
             android:layout_width="match_parent"
             android:layout_height="match_parent">

    <ListView
        android:id="@android:id/list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:cacheColorHint="@android:color/transparent"
        android:headerDividersEnabled="false"/>

    <com.melnykov.fab.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:layout_margin="16dp"
        android:src="@drawable/ic_add_white_24dp"
        fab:fab_colorNormal="@color/accent"
        fab:fab_colorPressed="@color/accent_pressed"
        fab:fab_colorRipple="@color/ripple"/>

    <com.melnykov.fab.FloatingActionButton
        android:id="@+id/fab2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|left"
        android:layout_margin="16dp"
        android:src="@drawable/ic_add_white_24dp"
        fab:fab_colorNormal="@color/accent"
        fab:fab_colorPressed="@color/accent_pressed"
        fab:fab_colorRipple="@color/ripple"/>
</FrameLayout>

MainActivity ListViewFragment 类

public static class ListViewFragment extends Fragment {

        @SuppressLint("InflateParams")
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
            View root = inflater.inflate(R.layout.fragment_listview, container, false);

            ListView list = (ListView) root.findViewById(android.R.id.list);
            ListViewAdapter listAdapter = new ListViewAdapter(getActivity(),
                    getResources().getStringArray(R.array.countries));
            list.setAdapter(listAdapter);

            FloatingActionButton fab = (FloatingActionButton) root.findViewById(R.id.fab);
            fab.attachToListView(list);

            FloatingActionButton fab2 = (FloatingActionButton) root.findViewById(R.id.fab2);
            fab2.attachToListView(list);



            return root;
        }

这与 that library 中提供的代码示例相同:

滚动列表时，只有一个按钮(在本例中为fab2)在向下滚动时不可见。我希望两个按钮都对滚动使用react。

有人知道如何做到这一点吗？

提前致谢。

Answer 1

你可以自己做，让你的 fragment 实现com.melnykov.fab.ScrollDirectionListener (也来自与晶圆厂相同的包装)。

public static class ListViewFragment extends Fragment implements
    com.melnykov.fab.ScrollDirectionListener {

    private FloatingActionButton fab, fab2;

    @SuppressLint("InflateParams")
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View root = inflater.inflate(R.layout.fragment_listview, container, false);

        ListView list = (ListView) root.findViewById(android.R.id.list);
        ListViewAdapter listAdapter = new ListViewAdapter(getActivity(),
                    getResources().getStringArray(R.array.countries));
        list.setAdapter(listAdapter);

        fab = (FloatingActionButton) root.findViewById(R.id.fab);
            // this method expects a ScrollDirectionListener as second arg
            // so use this for that parameter
            fab.attachToListView(list, this);

        fab2 = (FloatingActionButton) root.findViewById(R.id.fab2);
            fab2.attachToListView(list, this);

            return root;
        }

    @Override
    public void onScrollDown() {
        if (fab.isVisible() || fab2.isVisible()) {
            fab.hide();
            fab2.hide();
        }
    }

    @Override
    public void onScrollUp() {
        if (!fab.isVisible() || !fab2.isVisible()) {
            fab.show();
            fab2.show();
        }
    }
}

我确定这应该有效，但在这种情况下你应该 open an issue向开发者提出这个可能的错误。

注意

Android 现在有自己的 FloatingActionButton 实现(以及更多)在 design library .将它包含在您的项目中:

compile 'com.android.support:design:22.2.0'

这是一个 excellent guide用于将新的 FAB 与列表一起使用；它甚至包括使用新的 CoordinatorLayout这应该取代对滚动监听器等的需求