地图视图和可扩展列表视图滚动



我在滚动视图和嵌套滚动视图方面遇到麻烦。 我尝试制作一个视图,顶部有地图,谷歌地图下方有一个可扩展的列表视图。我想滚动浏览整个视图,所以就像谷歌地图是可扩展列表视图的一部分一样。

我的 xml 看起来像那样

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/htab_maincontent"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:orientation="vertical"
android:theme="@style/WizyGeneralTheme"
tools:context=".fragments.ShoppingFragment">
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clipToPadding="false"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
android:fillViewport="true">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<com.google.android.gms.maps.MapView
android:id="@+id/mapView"
android:layout_width="match_parent"
android:layout_height="200dp"
/>
<ExpandableListView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/elv_shops"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:nestedScrollingEnabled="false"
android:groupIndicator="@null"
android:background="@color/white"/>
</LinearLayout>

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

我尝试使用滚动视图,在此代码片段中使用嵌套滚动视图,但两者都不起作用。 当我说嵌套滚动已启用=true在可展开列表视图中时,只有列表视图滚动而不是地图。您知道如何解决此问题吗? 顺便说一下,我有一个类似的视图,但我使用回收器视图而不是可扩展列表视图,这工作正常。所以,我认为主要问题是可扩展列表视图,但我无法替换它,因为我的列表视图必须扩展。或者是否有可能绕过可扩展列表视图?

也许您还需要可展开列表视图中我的项目中的布局文件 组项目:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
android:id="@+id/section_shop_group"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/white">
<ImageView
android:id="@+id/iv_shop"
android:layout_width="140dp"
android:layout_height="140dp"
android:src="@mipmap/img_default"
android:scaleType="centerCrop"
android:layout_alignParentStart="true"/>
<RatingBar
android:id="@+id/rb_shop"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true"
android:layout_alignParentBottom="true"
android:isIndicator="true"
android:scaleX="1"
android:scaleY="1"
android:transformPivotX="0dp"
android:transformPivotY="0dp"
android:layout_marginVertical="15dp"
android:layout_marginHorizontal="15dp"
android:numStars="5"
android:stepSize="0.1"
android:theme="@style/WizyGeneralTheme.RatingBar"/>
<TextView
android:id="@+id/tv_shop_name"
android:layout_toRightOf="@id/iv_shop"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:maxLines="2"
android:ellipsize="end"
android:textStyle="bold"
android:textSize="18dp"
android:textColor="@color/black"
android:layout_marginHorizontal="15dp"
android:layout_marginTop="15dp"/>
<TextView
android:id="@+id/tv_shop_address"
android:layout_below="@id/tv_shop_name"
android:layout_toRightOf="@id/iv_shop"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:maxLines="2"
android:ellipsize="end"
android:textSize="15dp"
android:layout_marginHorizontal="15dp"/>
<TextView
android:id="@+id/tv_shop_pricing"
android:layout_toRightOf="@id/iv_shop"
android:layout_alignParentBottom="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginHorizontal="15dp"
android:layout_marginVertical="15dp"
android:text="$$$$"
android:textColor="@color/blue"
/>
<ImageView
android:id="@+id/ivGroupIndicator"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/group_indicator"
android:backgroundTint="@color/grey"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"/>
</RelativeLayout>

组详细信息(扩展部分(:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
android:id="@+id/section_shop_detail"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/white"
android:padding="10dp">
<TextView
android:id="@+id/tv_opening_hours"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<ImageButton
android:id="@+id/btn_shop_website"
android:layout_toLeftOf="@id/btn_shop_route"
android:layout_width="30dp"
android:layout_height="30dp"
android:scaleType="fitCenter"
android:background="@drawable/rectangle_round_corners"
android:backgroundTint="@color/white"
android:src="@mipmap/ic_website"
android:tint="@color/blue"
android:layout_marginHorizontal="10dp"
android:onClick="onShoppingWebsiteButtonClicked"/>
<ImageButton
android:id="@+id/btn_shop_route"
android:layout_width="30dp"
android:layout_height="30dp"
android:scaleType="fitCenter"
android:background="@drawable/rectangle_round_corners"
android:backgroundTint="@color/white"
android:src="@mipmap/ic_navigation"
android:tint="@color/blue"
android:layout_alignParentTop="true"
android:layout_alignParentRight="true"
android:layout_marginHorizontal="10dp"
android:onClick="onShoppingMapsButtonClicked"/>
</RelativeLayout>

尝试使用ExpandableListView(没有ScrollView,没有MapView(。使用代码创建 MapView,并将其作为标头添加到 ExpandableListView 中。此外,您可以添加这样的效果:http://android.amberfog.com/?p=915 希望对您有所帮助!

最新更新