向下滚动TextView内容时如何隐藏ImageView？

Question

如何创建像这张图片的布局。向下滚动文本时，它会隐藏imageview。我应该使用什么样的布局？

Start

Result

Answer 1

您好需要使用支持设计库实现折叠工具栏。

将以下代码添加到您的应用级关卡文件

中

implementation 'com.android.support:design:23.0.1'

现在将此代码添加到 xml 文件

中

 <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:elevation="6dp"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/toolbar_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:contentScrim="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|enterAlwaysCollapsed">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/placeholder"
                android:fitsSystemWindows="true"
                android:scaleType="centerCrop"
                app:layout_collapseMode="parallax"/>

        </android.support.design.widget.CollapsingToolbarLayout>
 </android.support.design.widget.AppBarLayout>

请记住，您需要在app:layout_collapseMode="parallax"中使用ImageView。

希望这会对你有所帮助。