android - MapView 和 Expandablelistview 滚动

标签 android google-maps expandablelistview android-scrollview android-nestedscrollview

我在使用 scrollview 和 nestedscrollview 时遇到了麻烦。 我尝试制作一个 View ,其中顶部有一张 map ,谷歌地图下方有一个可扩展的 ListView 。我想滚动整个 View ,这样谷歌地图就好像是可扩展 ListView 的一部分。

我的 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>

我尝试使用 ScrollView ,在此代码 fragment 中尝试使用嵌套 ScrollView ,但两者均无效。 当我在可扩展 ListView 中说 nestedScrollingEnabled=true 时,只有 ListView 滚动但 map 不滚动。你知道如何解决这个问题吗? 顺便说一下,我有一个类似的 View ,但我使用的是 recyclerview 而不是 expandablelistview 并且效果很好。所以,我认为主要问题是可扩展 ListView ,但我无法替换它,因为我的 ListView 必须扩展。或者是否有可能绕过 expandablelistview?

也许您还需要我在可扩展 ListView 中的项目的布局文件 组项目:

<?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希望对您有所帮助!

关于android - MapView 和 Expandablelistview 滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52632445/

相关文章:

java.lang.String 无法转换为 com.example.expandablelistview.NewsItem

android - 使用 ExpandableListView 进行 Espresso 测试

android - 创建一个拆分控件,就像浏览器地址栏中的控件一样

android - 如何在 GridView 中动态加载图像或如何优化它的工作?

java - 无法从 firebase 检索图像

jquery - 在 jQuery Mobile 中将 longclick/taphold 与 Google map 结合使用?

android - 如何在Android studio中打补丁?我正在使用颠覆

javascript - 谷歌地图 API : Search for nearest train station?

android - Android 谷歌地图问题的自定义 InfoWindow

java - 如何使用 HashMap 在 ExpandableListView 中实现过滤器