堆栈内存溢出
  繁体   English   中英

引脚 ImageView 和顶部的标题视图，同时滚动并使另一个视图在 android 中可滚动

[英]Pin ImageView and headed view in the top while scrolling and make the other view as scrollable in android

 原文  2020-12-09 16:21:49  5   1    java/ android/ android-collapsingtoolbarlayout/ android-appbarlayout/ android-nestedscrollview

问题描述

我需要在滚动标题部分时固定图像，并且需要滚动屏幕中的其他内容。

在这里，我需要在滚动时固定 header 并在滚动时显示填充 2 图像的一半。

现在 header 的点击操作在添加嵌套滚动视图后不起作用。

滚动时嵌套视图也与上面的视图重叠

在此处输入图像描述

 <androidx.coordinatorlayout.widget.CoordinatorLayout
        android:id="@+id/coordinator"
        style="@style/CoordinatorLayout"
        android:background="red"
        tools:ignore="RtlHardcoded">
        <com.google.android.material.appbar.AppBarLayout
            android:id="@+id/layout_app_bar"
            style="@style/Collapsing.AppBarLayout"
            android:background="blue">

            <com.google.android.material.appbar.CollapsingToolbarLayout
                android:id="@+id/layout_collapsing_toolbar"
                style="@style/Collapsing.CollapsingToolbarLayout"
                android:layout_height="427dp">
                <FrameLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content">
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="@dimen/spacing_x5"
                        android:background="green"
                        android:gravity="center"
                        android:id="@+id/header_view"
                        android:visibility="visible"
                        android:orientation="horizontal">

                        <ImageView
                            android:id="@+id/back"
                            android:layout_width="wrap_content"
                            android:layout_height="match_parent"
                            android:background="@drawable/black"
                            android:clickable="true"
                            android:contentDescription="@string/back"
                
                            android:src="@drawable/ic_arrow_left"/>

                        <TextView
                            android:id="@+id/header_my_home"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:layout_weight="1"
                            android:clickable="true"
                            android:textSize="18dp"
                            android:gravity="center"
                            android:textColor="@color/white"
                            android:scaleType="centerInside"
                            android:text="MY Home Feed"/>

                        <RelativeLayout
                            xmlns:android="http://schemas.android.com/apk/res/android"
                            android:id="@+id/label"
                            android:layout_width="wrap_content"
                            android:layout_height="match_parent"
                            android:clickable="true"
                            android:orientation="vertical"
                          >
                            <TextView
                                android:id="@+id/label1"
                                android:layout_width="80dp"
                                android:layout_height="48dp"
                                android:gravity="center"
                                android:visibility="visible"
                                android:clickable="true"
                                android:textSize="18dp"
                                android:textColor="#707070"
                                android:text="label1"
                                />
                        </RelativeLayout>
                    </LinearLayout>
                  
                    <ImageView
                        android:id="@id/iv_background"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_gravity="top"
                        android:layout_marginTop="50dp"
                        android:adjustViewBounds="true"
                        android:src="@drawable/image" />

                    <ImageView
                        android:id="@id/fill_1"
                        android:src="@drawable/fill_1"
                        android:scaleType="fitStart"
                        android:layout_marginTop="148dp"
                        android:layout_marginLeft="-20dp"
                        android:layout_marginRight="-20dp"
                        android:layout_centerHorizontal="true"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        />
                    <ImageView
                        android:id="@id/fill_2"
                        android:src="@drawable/fill_2"
                        android:scaleType="fitCenter"
                        android:layout_marginTop="128dp"
                        android:layout_marginLeft="-20dp"
                        android:layout_marginRight="-20dp"
                        android:layout_marginBottom="-30dp"
                        android:layout_centerHorizontal="true"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        />
                </FrameLayout>
            </com.google.android.material.appbar.CollapsingToolbarLayout>
            <androidx.appcompat.widget.Toolbar
                android:id="@+id/toolbar"
                style="@style/Collapsing.Toolbar" />
            <View
                android:id="@+id/divider"
                style="@style/Collapsing.Divider" />
        </com.google.android.material.appbar.AppBarLayout>
            <androidx.core.widget.NestedScrollView android:layout_height="wrap_content"
                android:layout_width="wrap_content" android:id="@+id/nested_scroll">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_gravity="center"
            android:orientation="vertical"
            android:layout_marginTop="500dp"
            android:layout_height="wrap_content">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textColor="@color/white"
                android:textSize="27dp"
                android:layout_marginTop="5dp"
                android:layout_gravity="center"
               >

            </TextView>
            <androidx.recyclerview.widget.RecyclerView
                android:layout_width="match_parent"
                android:layout_gravity="center"
                android:layout_marginTop="30dp"
                android:layout_marginLeft="20dp"
                android:layout_marginRight="20dp"
                android:id="@+id/recycler_view"
                android:orientation="horizontal"
                android:layout_height="wrap_content">
            </androidx.recyclerview.widget.RecyclerView>
            <View style="@style/Divider.Horizontal.Gray"
            android:layout_width="match_parent"
            android:layout_marginTop="@dimen/spacing_x2"
            android:layout_marginBottom="@dimen/spacing_x2"
            android:layout_height="2dp"/>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_gravity="center"
                android:orientation="horizontal"
                android:layout_marginLeft="20dp"
                android:visibility="gone"
                android:layout_marginRight="20dp"
                android:layout_height="wrap_content">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="@color/white"
                    android:textSize="21sp"
                    android:layout_weight="1"
                    android:layout_gravity="left"
                    >
                </TextView>
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="@color/white"
                    android:textSize="14sp"
                    android:layout_weight="0.1"
                    android:layout_gravity="right"
                    android:text="lanl">
                </TextView>
            </LinearLayout>
            <androidx.recyclerview.widget.RecyclerView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:id="@+id/recycler_view"
                android:visibility="gone"
                android:orientation="vertical"
                >

            </androidx.recyclerview.widget.RecyclerView>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_gravity="center"
                android:orientation="horizontal"
                android:layout_marginLeft="20dp"
                android:layout_marginRight="20dp"
                android:layout_height="wrap_content">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="@color/white"
                    android:textSize="21sp"
                    android:layout_weight="1"
                    >
                </TextView>
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="@color/white"
                    android:textSize="14sp"
                    android:layout_weight="0.1"
                    android:layout_gravity="right"
                    >
                </TextView>
            </LinearLayout>
                <androidx.recyclerview.widget.RecyclerView
                    android:layout_width="wrap_content"
                    android:layout_gravity="center"
                    android:layout_margin="20dp"
                    android:id="@+id/recycler_view1"
                    android:orientation="horizontal"
                    android:layout_height="wrap_content">
                </androidx.recyclerview.widget.RecyclerView>

                <View style="@style/Divider.Horizontal.Gray"
                    android:layout_width="match_parent"
                    android:layout_marginTop="@dimen/spacing_x2"
                    android:layout_marginBottom="@dimen/spacing_x2"
                    android:layout_height="2dp"/>

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical"android:visibility="visible">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_gravity="center"
                android:orientation="horizontal"
                android:layout_marginLeft="20dp"
                android:layout_marginRight="20dp"
                android:layout_height="wrap_content"
                >
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="@color/white"
                    android:layout_weight="1"
                    android:layout_gravity="left"
                  >
                </TextView>

                <ImageView
                    android:layout_width="30dp"
                    android:layout_height="27dp"
                    android:layout_weight="0.1"
                    android:layout_gravity="right"
                    >

                </ImageView>
            </LinearLayout>

            <com.google.android.material.tabs.TabLayout
                android:id="@+id/tab_layout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignTop="@id/search"
                android:layout_marginTop="15dp"
                android:background="@color/dark_blue"
                app:tabGravity="fill"
                app:tabIndicatorColor="@color/blue_light"
                app:tabIndicatorHeight="5dp"
                app:tabMode="scrollable" />
            <com.finaonation.utility.NonScrollableViewPager
                android:id="@+id/pager"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                />
            <androidx.recyclerview.widget.RecyclerView
                android:layout_width="match_parent"
                android:layout_gravity="center"
                android:layout_margin="20dp"
               
                android:orientation="horizontal"
                android:layout_height="wrap_content">
            </androidx.recyclerview.widget.RecyclerView>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_gravity="center"
                android:orientation="horizontal"
                android:layout_marginLeft="20dp"
                android:layout_marginRight="20dp"
                android:layout_marginBottom="20dp"
                android:layout_height="wrap_content"
                >
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textColor="@color/white"
                    android:layout_weight="1"
                    android:layout_gravity="left"
                    android:textSize="16sp"
                    
                </TextView>

                <ImageView
                    android:layout_width="30dp"
                    android:layout_height="27dp"
                    android:layout_weight="0.1"
                    android:layout_gravity="right"
                    >

                </ImageView>
            </LinearLayout>
                <View style="@style/Divider.Horizontal.Gray"
                    android:layout_width="match_parent"
                    android:layout_marginTop="@dimen/spacing_x2"
                    android:layout_marginBottom="@dimen/spacing_x2"
                    android:layout_height="2dp"
                    android:id="@+id/divider"
                    android:visibility="visible"/>
            </LinearLayout>

         
            <androidx.recyclerview.widget.RecyclerView
                android:layout_width="match_parent"
                android:layout_gravity="center"
                android:layout_margin="20dp"
                android:id="@+id/recycler_view_m"
                android:orientation="horizontal"
                android:layout_height="wrap_content">
            </androidx.recyclerview.widget.RecyclerView>

        </LinearLayout>
            </androidx.core.widget.NestedScrollView>

    </androidx.coordinatorlayout.widget.CoordinatorLayout>

1 个解决方案

解决方案1
 0  2020-12-09 16:36:37

<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.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <!-- HEADER -->
            <RelativeLayout
                ...
                app:layout_collapseMode="parallax">
                .....
            </RelativeLayout>

            <android.support.v7.widget.Toolbar
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin" />

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

       <!-- IF YOU WANT TO KEEP "Choose Item" always on top of the RecyclerView, put this TextView here
        <TextView
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_gravity="bottom"
             android:text="choose item" />
       -->
    </android.support.design.widget.AppBarLayout>

    <android.support.v7.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</android.support.design.widget.CoordinatorLayout>

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何在滚动下面的视图时使EditText粘到屏幕顶部？ 滚动时保持ImageView的最终视图 子采样比例图像视图 - 使图像视图上的引脚标记可单击 Android studio 如何使自定义视图可滚动？ 如何使我的视图在Android上可滚动？ ImageView Android-Java 顶部的圆角视图的上部 android sdk中的可滚动视图 如何在android中制作完整滚动视图的图像 在Android中滚动时，ListView中的自定义视图消失 Android视图布局组件彼此重叠
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM