代码之家  ›  专栏  ›  技术社区  ›  Kiran Suvarna

如何模糊像WhatsApp一样展开的折叠工具栏图像?

  •  0
  • Kiran Suvarna  · 技术社区  · 6 年前

    我想这个问题已经被回答了很多次了,但没有一个对我有用。我有一个正在折叠的工具栏,其中有一幅使用毕加索从网上加载的图像。展开折叠工具栏时,我在图像上显示标题。但我的问题是,当图像颜色较浅时,我看不到标题,因为它是白色的。

    我尝试在XML中将色调设置为Imageview,

    android:tint="@color/colorGrey"
    

    但它适用于整个图像。

    我检查了What's app上的折叠工具栏,在标题所在的底部有一个模糊的图像。那么,如何实现像什么是应用程序折叠工具栏图像这样的模糊效果呢?

    1 回复  |  直到 6 年前
        1
  •  0
  •   Kiran Suvarna    6 年前

    我是通过参考这个发现的 answer .我刚刚在中添加了两个视图 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" />
    

    现在,这看起来几乎类似于Whats的应用程序android配置文件页面图像。