Question

使用 this tutorial 来实施灵活空间模式（具有折叠工具栏的模式）。

我试图获得与 Lollipop Contacts活动类似的效果，在进入活动时，它会查看图片标题的唯一部分：

然后，用户可以向下滚动图像下方的布局，以便显示更多内容，直到达到最大值：

在我的应用中，我无法让它发挥作用。

当进入活动时，图像标题会以最大尺寸，AppBarLayout的大小呈现，就像上面的布局一样，与Lollipop Contacts活动不同，它只显示部分图像。

这是设置AppBarLayout高度的代码（我希望屏幕宽度为最大高度）：

int widthPx = getResources().getDisplayMetrics().widthPixels;
AppBarLayout appbar = (AppBarLayout)findViewById(R.id.appbar);
appbar.setLayoutParams(new CoordinatorLayout.LayoutParams(CoordinatorLayout.LayoutParams.MATCH_PARENT, widthPx));

这是设置RecyclerView的代码。尝试使用scrollToPosition，认为它会提升RecyclerView的视图，但它根本没有效果：

mRecyclerView = (RecyclerView) findViewById(R.id.activity_profile_bottom_recyclerview);

    mRecyclerView.setHasFixedSize(true);

    // use a linear layout manager
    mLayoutManager = new LinearLayoutManager(this);

    mRecyclerView.setLayoutManager(mLayoutManager);

    // specify an adapter (see also next example)
    if(mAdapter == null){
        mAdapter = new ProfileAdapter(this, user, inEditMode);
        mRecyclerView.setAdapter(mAdapter);
    }
    mRecyclerView.scrollToPosition(mAdapter.getItemCount() - 1); // itemCount is 4

这是布局xml：

<android.support.v4.widget.DrawerLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/activity_profile"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">

<android.support.design.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">
    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="0dp" // set programatically
        android:fitsSystemWindows="true"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true"
            app:contentScrim="?attr/colorPrimary"
            app:expandedTitleMarginBottom="32dp"
            app:expandedTitleMarginEnd="64dp"
            app:expandedTitleMarginStart="48dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">
            <ImageView
                android:id="@+id/header"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/header"
                android:fitsSystemWindows="true"
                android:scaleType="centerCrop"
                app:layout_collapseMode="parallax" />
            <android.support.v7.widget.Toolbar
                android:id="@+id/anim_toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
        </android.support.design.widget.CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/activity_profile_bottom_recyclerview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 

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


    <include          
        layout="@layout/navigation_view"/>
</android.support.v4.widget.DrawerLayout>

注意：如果我手动向下滚动，RecyclerView会关闭并显示更多图像，它只是不会通过代码工作。

我认为scrollToPosition不是解决方案，有没有人有任何想法？

考虑在使用minHeight的CoordinatorLayout和appbar部分中使用enterAlwaysCollapsed标志mentioned here：

enterAlwaysCollapsed：当你的视图声明了minHeight和你时使用此标志，您的视图将仅以其最小高度进入（即， '折叠'），只在滚动时重新扩展到它的全高度视图已达到顶峰。

所以，我在我的工具栏中设置了scroll | enterAlwaysCollapsed标志，在我的RecyclerView中设置了minHeight，这是行不通的。然后我尝试将minHeight移动到其他布局，例如AppBarLayout，没有任何效果。它只是在没有整个视图的情况下缩小图像。

Answer 1

"FAILED! => {"msg": "dict object has no element [u'lo', u'ens192', u'ens160']"}"提供了一种称为export function getWebStorageStateStore() { return new WebStorageStateStore({ store: window.localStorage }); } NgOidcClientModule.forRoot({ oidc_config: { authority: 'http://localhost:49853/', client_id: 'ng-oidc-client-identity', redirect_uri: 'http://localhost:49853/callback.html', response_type: 'id_token token', scope: 'openid profile offline_access api1', post_logout_redirect_uri: 'http://localhost:49853/signout-callback.html', silent_redirect_uri: 'http://localhost:49853/renew-callback.html', accessTokenExpiringNotificationTime: 10, automaticSilentRenew: true, userStore: getWebStorageStateStore }, log: { logger: console, level: Log.NONE } }的方法，可让您扩展AppBarComponent。

但是请记住，此方法依赖于此布局是.setExpanded(boolean expanded)的直接子代。

您可以阅读this以获得更多信息。

如果要设置自定义偏移量的动画，请尝试使用AppBarComponent方法。

CoordinatorLayout

Answer 2

您需要一个NestedScrollView
您可以看到以下教程：
1. ActionbarMaterialDesign
2. NavigationView

Android中的灵活空间

2 个答案: