web-dev-qa-db-ja.com

タブレイアウトの1つのフラグメントにのみフローティングアクションボタンを配置する方法

私は成功せずに次のことを達成しようとしています.2つのマテリアルデザインのスワイプタブがあります. このライブラリ 'com.oguzdev:CircularFloatingActionMenu:1.0.2'を使用しましたFABを実現しますが、タブを2番目のタブにスワイプすると、FABは新しいフラグメントにアタッチされたままになります。

2番目のフラグメントでFABを非表示にします。これを達成する方法はありますか?

8
Steve Kamau

これが私が同様の種類の問題に対してしたことです。フラグメントのコーディネーターレイアウトを宣言しました。画像でわかるように、そのコーディネーターレイアウト内で、使用する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;
    }
5
Shubhdeep Singh

firstfragment.xmlで、上記のライブラリを使用してフローティングアクションボタンを定義する必要があります。私はあなたが2つの断片を持っているあなたの活動でそれを定義していると思います。

1
Sniper

このライブラリは、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;
}
1
tachyonflux

ここで私の答えをチェックしてください: viewpager/tabsliderを使用したFABアニメーション

それはおおよそあなたが探しているものかもしれないと思いますが、それを達成するにはサポートライブラリのFABを使用する必要があります。

1
Chantell Osejo

これを実現するために私が考えることができる2つの状況があります:

  1. 2番目のタブに移動すると、FABボタンを表示していた前のビューは、2番目のタブに移動しても削除されず、そのままになります。このために、removeAllViews()を調べることをお勧めします。

  2. 両方のタブで同じxmlレイアウトファイルを膨らませています。 2つのタブのコンテンツを異なるものにする場合は、異なる定義のxmlレイアウトファイル(この場合、FABボタンについて言及しているものと言及していないもの)が必要です。

幸運を!

0
Arnwalt