如何仅在Tab布局中将浮动操作按钮专门放在一个片段上

时间:2015-06-18 21:59:53

标签: android android-fragments android-viewpager floating-action-button

我正在努力实现以下目标但没有成功。我有两个材质设计滑动标签。我使用this library ' com.oguzdev:CircularFloatingActionMenu:1.0.2' 实现FAB但是当我将选项卡滑动到第二个选项卡时,FAB仍然附加到新片段。

我想在第二个片段上隐藏FAB。 有没有办法实现这个目标?

6 个答案:

答案 0 :(得分:5)

以下是我为类似问题所做的工作。我宣布片段的协调器布局。在图像中你可以看到的协调器布局中我已经声明了一个我使用的循环器视图,并且我已经声明了我的浮动动作按钮。

在此之后,我在onCreateView片段方法中为浮动操作按钮充气。

这是我的XML文件代码:

<android.support.design.widget.CoordinatorLayout
android:id="@+id/main_content"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:focusableInTouchMode="true">

    <EditText
        android:id="@+id/search_string"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_margin="5dp"
        android:layout_marginTop="50dp"
        android:hint="Search Keyword"
        android:drawableLeft="@drawable/search"
        android:gravity="left" >
    </EditText>

<android.support.v7.widget.RecyclerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/photo_recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="50dp"
    android:scrollbars="vertical"/>

<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/fab_margin"
android:src="@drawable/ic_action_name6" />
</android.support.design.widget.CoordinatorLayout>

这是我的Java文件代码:

@Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_photo_list, container, false);

        FloatingActionButton fab = (FloatingActionButton) view.findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Photo photo = new Photo();
                PhotoLab.get(getActivity()).addPhoto(photo);
                Intent intent = PhotoPagerActivity.newIntent(getActivity(), photo.getId());
                startActivity(intent);
                /*Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();*/
                }
        });

        mSearchString=(EditText) view.findViewById(R.id.search_string);
        mPhotoRecyclerView = (RecyclerView) view.findViewById(R.id.photo_recycler_view);
        mPhotoRecyclerView.setLayoutManager(new GridLayoutManager(getActivity(), 3));

        updateUI();
        return view;
    }

答案 1 :(得分:1)

看起来这个库假定您要将FAB附加到您的活动中。它生成的布局参数似乎也假设父级是FrameLayout。它有点hacky,但您可以将它分离并在build()之后将其重新连接到您想要的位置。

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    FrameLayout root = (FrameLayout) inflater.inflate(R.layout.fragment_fab, container, false);

    FloatingActionButton actionButton = new FloatingActionButton.Builder(getActivity())
            .build();

    actionButton.detach();
    root.addView(actionButton);

    return root;
}

答案 2 :(得分:1)

您可以在此处查看我的答案:here

我认为这可能与您正在寻找的大致相同,但您必须使用支持库的FAB来完成它。

答案 3 :(得分:1)

在firstfragment.xml中

,您必须使用上面的库定义浮动操作按钮。我认为你在你的活动中定义它有两个片段。

答案 4 :(得分:0)

我可以想到有两种情况可以实现:

  1. 当您转到第二个标签页时,导航到第二个标签页时,不会删除显示FAB按钮的上一个视图。为此,我建议调查Y

  2. 您正在为两个标签膨胀相同的xml布局文件。如果您希望两个选项卡具有不同的内容,那么它们可能应该具有不同定义的xml布局文件(在这种情况下,提到FAB按钮的文件,一个不提及)。

  3. 祝你好运!

答案 5 :(得分:-1)

如果您希望它只在一个片段上,那么您可以在片段xml文件本身上添加FAB。