片段内的CollapsingToolbarLayout菜单

时间:2016-11-28 07:34:31

标签: android android-fragments android-menu android-collapsingtoolbarlayout

如果有一种方法可以在片段内部制作CollapsingToolbarLayout菜单而不在其中定义自定义布局,那么我很谨慎。 在手机布局上,我制作了DetailActivity,里面有菜单。 enter image description here

在平板电脑布局上,我将细节制作成右侧的片段。实际上,CollapsingToolbarLayout工作正常,但我无法直接向其添加任何菜单。 enter image description here

我知道Fragment.setHasOptionsMenu(true);,但我不想将我的详细菜单与活动菜单合并。

PS:我在这里使用的图像是从TMDb中检索出来的,它是免费使用的。

1 个答案:

答案 0 :(得分:1)

我已经潜入了CollapsingToolbarLayout并使用Google搜索,但我认为不可能这样做。因此,对于解决方法,我使用菜单溢出图标创建一个ImageView,并在其下弹出显示列表以模仿操作菜单行为。 这是我的CollapsingToolbarLayout看起来像XML

<android.support.design.widget.CollapsingToolbarLayout
    android:fitsSystemWindows="false"
    android:id="@+id/collapsing_toolbar"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    app:contentInsetStartWithNavigation="0dp"
    app:contentScrim="?attr/colorPrimary"
    app:expandedTitleMarginEnd="64dp"
    app:expandedTitleMarginStart="48dp"
    app:layout_scrollFlags="exitUntilCollapsed|scroll">

    <your.app.AutoFitImageView
        android:fitsSystemWindows="false"
        android:id="@+id/iv_backdrop_image"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:scaleType="fitCenter"
        android:transitionName="image"
        app:layout_collapseMode="parallax"
        tools:targetApi="lollipop"/>

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_height="?attr/actionBarSize"
        android:layout_width="match_parent"
        app:layout_collapseMode="pin"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light">

        <ImageView
            android:id="@+id/button_menu"
            android:layout_gravity="right"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:minHeight="48dp"
            android:minWidth="48dp"
            android:scaleType="centerInside"
            android:src="@drawable/ic_action_overflow"/>
    </android.support.v7.widget.Toolbar>

</android.support.design.widget.CollapsingToolbarLayout>

然后我将clickListener设置为带有R.id.button_menu id的ImageView来调用此方法:

private void showListMenu(View anchor) {
    final ListPopupWindow popupWindow = new ListPopupWindow(getActivity());

    List<HashMap<String, String>> data = new ArrayList<>();

    HashMap<String, String> map1 = new HashMap<>();
    map1.put("menu", "Share Detail");

    HashMap<String, String> map2 = new HashMap<>();
    map2.put("menu", "Share First Trailer");

    data.add(map1);
    data.add(map2);

    final Movie movieData = getMovieData();
    HashMap<String, String> map3 = new HashMap<>();
    if (DbHelper.movieInDb(movieData)) {
        map3.put("menu", getString(R.string.unfavorite));
    } else {
        map3.put("menu", getString(R.string.favorite));
    }
    data.add(map3);

    ListAdapter adapter = new SimpleAdapter(
            getActivity(),
            data,
            android.R.layout.simple_list_item_1, // You may want to use your own cool layout
            new String[]{"menu"}, // These are just the keys that the data uses
            new int[]{android.R.id.text1}); // The view ids to map the data to

    popupWindow.setAnchorView(anchor);
    popupWindow.setAdapter(adapter);

    DisplayMetrics displaymetrics = new DisplayMetrics();
    getActivity().getWindowManager().getDefaultDisplay().getMetrics(displaymetrics);
    popupWindow.setWidth(displaymetrics.widthPixels / 3); // note: don't use pixels, use a dimen resource

    popupWindow.setOnItemClickListener(yourListener); // the callback for when a list item is selected
    popupWindow.show();
}

该方法将显示ListPopUpWindow,其单击时具有与溢出操作菜单相同的样式。 这是最终的布局 enter image description here