Я хочу реализовать складную панель инструментов с логотипом следующим образом:
- Гибкое пространство с перекрывающимся содержимым, например показано здесь (это уже есть);
- Параллаксный паттерн в этом пространстве, который закрашивается сплошным цветом (это тоже есть)
- Горизонтально центрированный логотип, который должен отображаться прямо над содержимым, но плавать вверх при сворачивании панели инструментов:
здесь должно быть что-то вроде листьев Песто (не обязательно с изменяемым размером, но это было бы плюсом):
Вот мой макет:
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="192dp"
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:layout_scrollFlags="scroll|exitUntilCollapsed"
app:contentScrim="?attr/colorPrimary">
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:src="@drawable/random_pattern"
android:scaleType="fitXY"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.75"/>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
app:layout_collapseMode="pin">
</android.support.v7.widget.Toolbar>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
android:id="@+id/nested_scroll_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
app:behavior_overlapTop="64dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivityFragment"
android:orientation="vertical">
<android.support.v7.widget.CardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp">
<!-- card content -->
</android.support.v7.widget.CardView>
</LinearLayout>
</android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>
Проблема в том, что где бы я ни пытался разместить логотип, он либо не двигается так, как мне нужно, либо все ломается. Такое ощущение, что может потребоваться пользовательское поведение. К сожалению, ни один учебник, который я нашел в новой библиотеке дизайна, не объясняет, как ее расширить — только как использовать предоставленные материалы. Его исходный код не опубликован, декомпилированный код не имеет комментариев и чрезвычайно запутан, а тот факт, что я еще не очень хорошо разбираюсь во внутреннем макете Android, делает его еще хуже.
Пожалуйста помоги?