CollapsingToolbarLayout и NestedScrollView не работают
Я пытаюсь реализовать CollapsingToolbarLayout с помощью NestedScrollView и отображает TextView внутри NestedScrollView внизу и не разрешает, не прокручивает и не сбрасывает панель инструментов. Я получил это для работы с RecyclerView, но не с NestedScrollView. Когда я удаляю app:layout_behavior="@string/appbar_scrolling_view_behavior
, панель инструментов сворачивается, но NestedScrollView не находится ниже AppBarLayout. Какие-либо решения или предложения, чтобы исправить это?
XML
<android.support.design.widget.CoordinatorLayout
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:fitsSystemWindows="true">
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:text="Hello"
android:textColor="#000"
android:textSize="16sp"/>
</LinearLayout>
</android.support.v4.widget.NestedScrollView>
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<ImageView
android:id="@+id/backdrop"
android:layout_width="match_parent"
android:layout_height="134dp"
android:background="@color/primary"
app:layout_collapseMode="parallax"/>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"/>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>
Результат
![enter image description here]()
Ответы
Ответ 1
Перейдите на некоторую определенную высоту в AppbarLayout. Пример:
android:layout_height="300dp".
Основная проблема заключается в том, что вложенное представление прокрутки не имеет достаточного количества просмотров, чтобы вызвать прокрутку. Следовательно, эффект параллакса не будет работать.
Вот рабочий пример, который использует NestedScrollView и CollapsingToolbarLayout
Ответ 2
У меня была такая же проблема, и я написал для этого быстрое решение. Предполагая, что ваш LinearLayout
, содержащий метку "Hello", привязан к mContainer
, а ваш Toolbar
привязан к mToolbar
, вы можете использовать это:
private void fixNestedScrollViewScrolling() {
final int bottomMargin = getScreenHeight() - mContainer.getHeight() - mToolbar.getHeight();
final FrameLayout.LayoutParams layoutParams = new FrameLayout.LayoutParams(
mContainer.getLayoutParams());
layoutParams.setMargins(0, 0, 0, bottomMargin);
mContainer.setLayoutParams(layoutParams);
}
private int getScreenHeight() {
final Display display = getWindowManager().getDefaultDisplay();
final Point size = new Point();
display.getSize(size);
return size.y;
}
Этот метод fix вызывается в методе onCreate
моего Activity
:
@Override
protected void onCreate(final Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_single_post);
fixNestedScrollViewScrolling();
// some other stuff here ...
}