【问题标题】:Google Maps Android API V2 blacking out part of layoutGoogle Maps Android API V2 使部分布局变黑
【发布时间】:2012-11-27 10:12:51
【问题描述】:

我正在尝试将 Google Maps Android API v2 集成到我的 Android 应用程序中。我将谷歌地图放在布局的中间。当布局能够适应屏幕时,它的效果很好,但是当布局太大而无法适应,并且用户向下滚动以查看其余内容时,布局的其余部分会被谷歌地图涂黑。请看以下截图:

(注意:所有地图手势都被禁用以允许用户滚动。)

我的布局 XML:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:scrollbars="vertical"
android:fillViewport="true" >

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="20sp" >

    <TextView
        android:id="@+id/race_num"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="14sp"
        android:textSize="@dimen/DetailsTop"
        android:layout_alignParentLeft="true"
        android:layout_toLeftOf="@+id/race_in_chase" />
    <TextView
        android:id="@id/race_in_chase"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/in_the_chase"
        android:textSize="@dimen/DetailsTop"
        android:background="@drawable/inthechase"
        android:paddingLeft="20sp"
        android:paddingRight="20sp"
        android:visibility="gone"
        android:layout_alignParentRight="true" />

    <TextView
        android:id="@+id/race_name"
        style="@style/RaceDetailsName"
        android:layout_below="@id/race_num" />
    <TextView
        android:id="@+id/race_track"
        style="@style/RaceDetailsText"
        android:paddingBottom="20sp"
        android:layout_below="@id/race_name" />

    <TextView
        android:id="@+id/race_time"
        style="@style/RaceDetailsText"
        android:layout_below="@id/race_track" />
    <TextView
        android:id="@+id/race_tv"
        style="@style/RaceDetailsText"
        android:layout_below="@id/race_time" />

    <fragment
        android:id="@+id/map"
        android:layout_width="match_parent"
        android:layout_height="380dp"
        android:layout_marginTop="20sp"
        android:layout_marginBottom="20sp"
        class="com.google.android.gms.maps.SupportMapFragment"
        android:layout_below="@id/race_tv" />

    <TextView
        android:id="@+id/race_track_size"
        style="@style/RaceDetailsText"
        android:layout_below="@id/map" />

</RelativeLayout>

</ScrollView>

我的 Activity 中的地图设置:

private void setUpMapIfNeeded() {
    if (mMap == null) {
        mMap = ((SupportMapFragment) getSupportFragmentManager()
                .findFragmentById(R.id.map)).getMap();
        if (mMap != null) {
            setUpMap();
        }
    }
}

private static final LatLng CHICAGOLAND = new LatLng(41.474856, -88.056928);

private void setUpMap() {
    mMap.setMapType(GoogleMap.MAP_TYPE_SATELLITE);
    mMap.getUiSettings().setZoomControlsEnabled(false);
    mMap.getUiSettings().setAllGesturesEnabled(false);
    CameraPosition cameraPosition = new CameraPosition.Builder()
        .target(CHICAGOLAND)
        .zoom(14.5f)
        .bearing(53)
        .build();
    mMap.moveCamera(CameraUpdateFactory.newCameraPosition(cameraPosition));
}

我的预感是地图片段不喜欢 ScrollView,因为如果整个布局适合屏幕并且不需要滚动,那么布局会很好。地图本身的大小似乎是正确的。中断是视图中剩余项目的确切大小。有谁知道如何摆脱地图下方的停电,以便可以看到下方的 TextView?到目前为止我尝试过的所有方法都没有奏效。

【问题讨论】:

    标签: android android-layout google-maps-android-api-2


    【解决方案1】:

    我能够通过 hack 解决这个问题。我扩展了 ScrollView,以便我可以收到有关滚动事件的通知。我使用了来自Synchronise ScrollView scroll positions - android 的 ObservableScrollView 实现。

    我添加到我的 onCreate() 中:

    ObservableScrollView sv = (ObservableScrollView) findViewById(R.id.scroll);
    sv.setScrollViewListener(this);
    

    然后,当我收到滚动更改事件时,我会切换整个视图的可见性,这会强制重新布局,从而防止黑框出现。

    public void onScrollChanged(ObservableScrollView sv, int x, int y, int oldx, int oldy) {
        sv.setVisibility(View.GONE);
        sv.setVisibility(View.VISIBLE);
    }
    

    我试图使地图视图无效(),并仅切换地图视图的可见性,但都没有奏效。值得庆幸的是,切换整个视图的可见性不会导致任何闪烁或其他奇怪的行为。

    可能有更好的解决方案,但在这一点上,这是我发现的唯一可行的方法。

    【讨论】:

    • 真的没有闪烁吗?我用 SlidngMenu 尝试了这个解决方案,但它没有改变任何东西。详情请见:stackoverflow.com/questions/14419521/…
    • 我在地图下有editTexts,我用了这个,接下来的编辑文本失去焦点,我该怎么做,或者有其他方法吗?
    【解决方案2】:

    我的解决方法:使用新的snapshot interface from GoogleMap 并在滚动页面时显示地图快照。

    这是我设置快照的代码(它与地图在同一个片段中,称为 FragmentMap.java):

    public void setSnapshot(int visibility) {
        switch(visibility) {
        case View.GONE:
            if(mapFragment.getView().getVisibility() == View.VISIBLE) {
                getMap().snapshot(new SnapshotReadyCallback() {
                    @Override
                    public void onSnapshotReady(Bitmap arg0) {
                        iv.setImageBitmap(arg0);
                    }
                });
                iv.setVisibility(View.VISIBLE);
                mapFragment.getView().setVisibility(View.GONE);
            }
            break;
        case View.VISIBLE:
            if(mapFragment.getView().getVisibility() == View.GONE) {
                mapFragment.getView().setVisibility(View.VISIBLE);
                iv.setVisibility(View.GONE);
            }
            break;
        }
    }
    

    其中“mapFragment”是我的 SupportedMapFragment,“iv”是一个 ImageView(使其成为 match_parent)。

    我在这里控制滚动:

    pager.setOnPageChangeListener(new OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                if(position == 0 && positionOffsetPixels > 0 || position == 1 && positionOffsetPixels > 0) {
                    ((FragmentMap)adapter.getRegisteredFragment(1)).setSnapshot(View.GONE);
                } else if(position == 1 && positionOffsetPixels == 0) {
                    ((FragmentMap)adapter.getRegisteredFragment(1)).setSnapshot(View.VISIBLE);
                }
            }
            @Override
            public void onPageScrollStateChanged(int arg0) {}
            @Override
            public void onPageSelected(int arg0) {}
        });
    

    我的带有地图的片段 (FragmentMap) 位于位置 1,所以我需要控制从位置 0 到 1 以及从位置 1 到 2 的滚动(第一个 if 子句)。 “getRegisteredFragment()”是我自定义的 FragmentPagerAdapter 中的一个函数,其中我有一个名为“registeredFragments”的 SparseArray(Fragment)。

    因此,无论何时滚动到地图或从地图滚动,您总会看到它的快照。这对我来说效果很好。

    【讨论】:

      【解决方案3】:

      通过覆盖 FragmentPagerAdapter 中的 onPageScrolled,我能够针对 Viewpager 中的相同问题调整上述内容:

      @Override
      public void onPageScrolled(int position, float positionOffset, 
                                 int positionOffsetPixels) {
          if ((position == 0 && positionOffsetPixels > 0) ||
              (position == 1 && positionOffsetPixels == 0)) {
              MyFragment blackedOutFragment = (MyFragment) getSupportFragmentManager()
                      .findFragmentByTag("android:switcher:" + R.id.pager + ":1");
              if (blackedOutFragment != null) {
                  blackedOutFragment.getView().setVisibility(View.GONE);
                  blackedOutFragment.getView().setVisibility(View.VISIBLE);
              }
          }
      }
      

      Viewpager 中的位置 0 是一个包含 MapFragment 的 Fragment,位置 1 是滚动后变黑的 Fragment。

      【讨论】:

        【解决方案4】:

        我的猜测是在 Activity 的初始化期间 MapFragment 的高度为 0。试试

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical"
            android:padding="20sp" >
        
        ....
        
              <TextView
                    android:id="@+id/race_track_size"
                    style="@style/RaceDetailsText"
                    android:layout_alignParentBottom="true"
                    android:layout_marginBottom="2dp"/>
        
        </RelativeLayout>
        

        【讨论】:

        • 感谢您的建议。不幸的是,它没有用。我仍然有黑条,并且 lint 抛出了这个警告:这个 RelativeLayout 应该使用 android:layout_height="wrap_content"。还有其他想法吗?
        • 只是作为一个实验 - 您是否尝试将有问题的 TextView 放在地图片段上方?当你这样做时会发生什么?
        • 我已尝试移动 TextView。黑条仍然出现在地图下方,但由于布局较少(只有布局填充/边距),所以它更小。
        【解决方案5】:

        这应该通过使表面视图透明来解决它

        https://github.com/NyxDigital/NiceSupportMapFragment

        【讨论】:

          【解决方案6】:

          另一种可能性是使用新的 GoogleMap.snapshot() 函数并使用地图的屏幕截图,如 here 所述。

          【讨论】:

            【解决方案7】:

            你可以使用这个库,

            https://github.com/NyxDigital/NiceSupportMapFragment/

            这对我来说很好。

            【讨论】:

              【解决方案8】:

              只是一个实验,但您是否尝试在 Map 初始化后在 setupMap() 中以编程方式将 TextView 添加到屏幕?

              // First, get a handle on the parent RelativeLayout, 
              // call it parentRelativeLayout, then…                  
              
              TextView textView = new TextView(getActivity());
              RelativeLayout.LayoutParams textLayout = new RelativeLayout.LayoutParams(
                  RelativeLayout.MATCH_PARENT, 
                  RelativeLayout.MATCH_PARENT
              );
              textLayout.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM, -1);
              textView.setLayoutParams(textLayout);
              
              parentRelativeLayout.addView(textView)
              

              【讨论】:

                猜你喜欢
                • 2019-01-06
                • 2013-03-24
                • 2023-04-02
                • 1970-01-01
                • 2013-09-03
                • 1970-01-01
                • 1970-01-01
                • 1970-01-01
                • 1970-01-01
                相关资源
                最近更新 更多