Как разместить плавающую кнопку действия исключительно на одном фрагменте только в макете вкладок

Я безуспешно пытаюсь добиться следующего. У меня есть две вкладки для пролистывания материалов. Я использовал эту библиотеку 'com .oguzdev:CircularFloatingActionMenu:1.0.2' для достижения FAB, но когда я перехожу вкладку на вторую вкладку, FAB все еще прикреплен к новому фрагменту.

Я хочу скрыть FAB на втором фрагменте. Есть ли способ добиться этого?


person Steve Kamau    schedule 18.06.2015    source источник


Ответы (6)


Вот что я сделал для подобной проблемы. Я объявил макет координатора для фрагмента. Внутри этого макета координатора, как вы можете видеть на изображении, я объявил recyclerView, который я использую, а ниже я объявил свою плавающую кнопку действия.

После этого я увеличил макет плавающей кнопки действия в методе фрагмента 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;
    }
person Shubhdeep Singh    schedule 19.08.2016

Похоже, эта библиотека предполагает, что вы хотите прикрепить FAB к своей деятельности. Параметры макета, которые он генерирует, также предполагают, что родителем является FrameLayout. Это немного хакерски, но вы можете отсоединить его и снова присоединить, где хотите, после того, как 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;
}
person tachyonflux    schedule 18.06.2015

Вы можете проверить мой ответ здесь: FAB-анимация с viewpager/tabslider

Я думаю, что это может быть примерно то, что вы ищете, но вам придется использовать FAB библиотеки поддержки, чтобы выполнить это.

person Chantell Osejo    schedule 27.07.2015

в вашем firstfragment.xml вы должны определить плавающую кнопку действия, используя указанную выше библиотеку. Я думаю, ты определяешь это в своей деятельности, которая состоит из двух фрагментов.

person Aman Verma    schedule 26.09.2015

Есть 2 ситуации, о которых я могу думать, что это происходит:

  1. При переходе на вторую вкладку предыдущее представление, в котором отображалась кнопка FAB, не удаляется при переходе на вторую вкладку, которая остается там. Для этого предлагаю заглянуть в removeAllViews().

  2. Вы раздуваете один и тот же файл макета xml для обеих вкладок. Если вы хотите, чтобы две вкладки имели разное содержимое, то они, вероятно, должны иметь по-разному определенные файлы макета xml (в данном случае тот, в котором упоминается кнопка FAB, а другой нет).

Удачи!

person Arnwalt    schedule 18.06.2015

Если вы хотите, чтобы он был только в одном фрагменте, вы можете добавить FAB в сам XML-файл фрагмента.

person Alex Boreham    schedule 01.09.2016