Как размыть изображение панели инструментов сворачивания, которое было расширено, как в WhatsApp?
Я думаю, что на этот вопрос много раз отвечали, но ни один из них не помог в моем случае. У меня сворачивающаяся панель инструментов с изображением, загруженным из Интернета с помощью Picasso. Я показываю заголовок на изображении, когда сворачивающаяся панель инструментов раскрывается. Но моя проблема в том, что когда изображение светлого цвета, я не вижу заголовок, так как он белого цвета.
Я попытался установить оттенок Imageview в XML,
android:tint = "@color/colorGrey"
но он применяется ко всему изображению.
Я проверил сворачивающуюся панель инструментов в приложении Что такое размытое изображение внизу, где присутствует заголовок. Итак, как добиться эффекта размытия, такого как изображение панели инструментов «Какое приложение сворачивает»?
Ответы 1
Я разобрался, обратившись к этому отвечать. Я только что добавил два вида в CollapsingToolbarLayout. У одного layout_gravity вверху, а у другого внизу. Как показано ниже,
<android.support.design.widget.CollapsingToolbarLayout
android:id = "@+id/toolbar_layout"
android:layout_width = "match_parent"
android:layout_height = "match_parent"
android:fitsSystemWindows = "true"
app:contentScrim = "?attr/colorPrimary"
app:layout_scrollFlags = "scroll|exitUntilCollapsed"
app:toolbarId = "@+id/toolbar">
<ImageView
android:id = "@+id/iv_cover_photo"
android:layout_width = "match_parent"
android:layout_height = "match_parent"
android:fitsSystemWindows = "true"
app:layout_collapseMode = "parallax" />
<View
android:layout_width = "match_parent"
android:layout_height = "120dp"
android:layout_gravity = "center_horizontal|bottom"
android:background = "@drawable/image_gradient_bottom" />
<View
android:layout_width = "match_parent"
android:layout_height = "100dp"
android:layout_gravity = "top"
android:background = "@drawable/image_gradient_top" />
<android.support.v7.widget.Toolbar
android:id = "@+id/toolbar"
android:layout_width = "match_parent"
android:layout_height = "?attr/actionBarSize"
app:layout_collapseMode = "pin"
app:popupTheme = "@style/AppTheme.PopupOverlay" />
Теперь это похоже на изображение страницы профиля Android в Whats 'App.