MapFragment in ScrollView

Habe ich eine der neuen MapFragments in einem ScrollView. Eigentlich ist es ein SupportMapFragmentaber trotzdem. Es funktioniert, aber es gibt zwei Probleme:

Wenn gescrollt wird, hinterlässt es eine schwarze Maske, hinter. Das schwarz deckt genau den Bereich, wo die Karte war, außer einem Loch, in dem Sie die +/- zoom-buttons wurden. Siehe Abbildung unten. Diese ist auf Android 4.0.
Den Blick nicht requestDisallowInterceptTouchEvent() wenn der Benutzer interagiert mit der Karte zu verhindern, dass die ScrollView abfangen berührt, so dass, wenn Sie versuchen, um zu schwenken vertikal in die Karte, die es nur Schriftrollen, die mit ScrollView. Ich könnte theoretisch daraus eine view-Klasse MapView und diese Funktionalität hinzufügen, aber wie bekomme ich MapFragment um meine individuelle MapView anstelle des standard?

InformationsquelleAutor der Frage Timmmm | 2012-12-06

Anwendung ein transparentes Bild über die mapview fragment scheint das Problem zu beheben. Es ist nicht das schönste, aber es scheint zu funktionieren. Hier ist ein XML-Codeausschnitt, der zeigt:

<RelativeLayout
        android:id="@+id/relativeLayout1"
        android:layout_width="match_parent"
        android:layout_height="300dp" >

        <fragment
            android:id="@+id/map"
            android:name="com.google.android.gms.maps.MapFragment"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"/>

        <ImageView
            android:id="@+id/imageView123"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@drawable/temp_transparent" />         
</RelativeLayout>

InformationsquelleAutor der Antwort walnut_head

Für mich hinzufügen ein transparentes Bildansicht nicht helfen, entfernen Sie die schwarze Maske vollständig. Die oberen und unteren Teile der Karte noch zeigte die schwarze Maske beim scrollen.

Also die Lösung dafür, fand ich in diese Antwort mit einer kleinen änderung.
Ich fügte hinzu,

android:layout_marginTop="-100dp"
android:layout_marginBottom="-100dp"

meiner Karte fragment, da war es senkrecht scrollview. Also mein layout sah nun auf diese Weise:

<RelativeLayout
    android:id="@+id/map_layout"
    android:layout_width="match_parent"
    android:layout_height="300dp">

    <fragment
        android:id="@+id/mapview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="-100dp"
        android:layout_marginBottom="-100dp"
        android:name="com.google.android.gms.maps.MapFragment"/>

    <ImageView
        android:id="@+id/transparent_image"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@color/transparent" />

</RelativeLayout>

Zu lösen, der zweite Teil der Frage, die ich mir gesetzt requestDisallowInterceptTouchEvent(true) für meine Haupt-ScrollView. Wenn der Benutzer berührt das transparente Bild und verschoben, ich deaktiviert die touch auf das transparente Bild für MotionEvent.ACTION_DOWN und MotionEvent.ACTION_MOVE so, dass map-fragment kann nehmen Sie Touch-Ereignisse.

ScrollView mainScrollView = (ScrollView) findViewById(R.id.main_scrollview);
ImageView transparentImageView = (ImageView) findViewById(R.id.transparent_image);

transparentImageView.setOnTouchListener(new View.OnTouchListener() {

    @Override
    public boolean onTouch(View v, MotionEvent event) {
        int action = event.getAction();
        switch (action) {
           case MotionEvent.ACTION_DOWN:
                //Disallow ScrollView to intercept touch events.
                mainScrollView.requestDisallowInterceptTouchEvent(true);
                //Disable touch on transparent view
                return false;

           case MotionEvent.ACTION_UP:
                //Allow ScrollView to intercept touch events.
                mainScrollView.requestDisallowInterceptTouchEvent(false);
                return true;

           case MotionEvent.ACTION_MOVE:
                mainScrollView.requestDisallowInterceptTouchEvent(true);
                return false;

           default: 
                return true;
        }   
    }
});

Dieser arbeitete für mich. Hoffe es hilft dir..

InformationsquelleAutor der Antwort Laksh

8

Dieser hat seine Wurzeln wohl in der gleichen Stelle, an der das problem verursacht, die in diese Frage. Die Lösung ist die Verwendung eines transparenten Rahmen, der ist ein wenig leichter als ein transparentes Bild.

InformationsquelleAutor der Antwort iagreen

Gemacht, nach viel R&D:

fragment_one.xml sollte sieht wie folgt aus:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/scrollViewParent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="400dip" >

            <com.google.android.gms.maps.MapView
                android:id="@+id/mapView"
                android:layout_width="match_parent"
                android:layout_height="match_parent" />

            <View
                android:id="@+id/customView"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:background="@android:color/transparent" />
        </RelativeLayout>

        <!-- Your other elements are here -->

    </LinearLayout>

</ScrollView>

Ihre Java-Klasse FragmentOne.java sieht aus wie:

private GoogleMap mMap;
private MapView mapView;
private UiSettings mUiSettings;
private View customView

onCreateView

mapView = (MapView) rootView.findViewById(R.id.mapView);
mapView.onCreate(savedInstanceState);

if (mapView != null) {
   mMap = mapView.getMap();
   mMap.setMapType(GoogleMap.MAP_TYPE_NORMAL);
   mUiSettings = mMap.getUiSettings();
   mMap.setMyLocationEnabled(true);
   mUiSettings.setCompassEnabled(true); 
   mUiSettings.setMyLocationButtonEnabled(false);
}


scrollViewParent = (ScrollView)rootView.findViewById(R.id.scrollViewParent);
customView = (View)rootView.findViewById(R.id.customView);

customView.setOnTouchListener(new View.OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                int action = event.getAction();
                switch (action) {
                    case MotionEvent.ACTION_DOWN:
                        //Disallow ScrollView to intercept touch events.
                        scrollViewParent.requestDisallowInterceptTouchEvent(true);
                        //Disable touch on transparent view
                        return false;

                    case MotionEvent.ACTION_UP:
                        //Allow ScrollView to intercept touch events.
                        scrollViewParent.requestDisallowInterceptTouchEvent(false);
                        return true;

                    case MotionEvent.ACTION_MOVE:
                        scrollViewParent.requestDisallowInterceptTouchEvent(true);
                        return false;

                    default:
                        return true;
                }
            }
        });

InformationsquelleAutor der Antwort Hiren Patel

Habe ich diese Strukturen, und ich überwand das problem.

Habe ich eine container-Ansicht für maps-fragment.

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:text="Another elements in scroll view1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />


        <com.erolsoftware.views.MyMapFragmentContainer
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="250dp">

            <fragment
                xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:id="@+id/eventMap"
                tools:context="com.erolsoftware.eventapp.EventDetails"
                android:name="com.google.android.gms.maps.SupportMapFragment"/>

        </com.erolsoftware.views.MyMapFragmentContainer>

        <TextView
            android:text="Another elements in scroll view2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />



    </LinearLayout>




</ScrollView>

Die container-Klasse:

public class MyMapFragmentContainer extends LinearLayout {


    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev)
    {
        if (ev.getActionMasked() == MotionEvent.ACTION_DOWN)
        {
            ViewParent p = getParent();
            if (p != null)
                p.requestDisallowInterceptTouchEvent(true);
        }

        return false;
    }

    public MyMapFragmentContainer(Context context) {
        super(context);
    }

    public MyMapFragmentContainer(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyMapFragmentContainer(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

}

InformationsquelleAutor der Antwort Erkan Erol

1

Kein müssen Kampf mit customScrollViews und transparente layout-Dateien. verwenden Sie einfach eine kleinere version von google anzeigen, und das Problem wird gelöst werden.
```
  map:liteMode="true"
```
oben einfügen-Eigenschaft innerhalb Kartenausschnitts in Ihrer layout-Datei. und das Problem wird behoben werden.

InformationsquelleAutor der Antwort Hammad Tariq
0

Für den zweiten Teil der Frage - man kann das ableiten einer fragment-Klasse aus SupportMapFragment, und verwenden Sie, die in Ihrem layout statt. Sie können dann überschreiben Fragment#onCreateViewund instanziieren der custom MapView es.

Wenn das nicht funktioniert, können Sie immer erstellen Sie Ihre eigenen fragment - dann brauchen Sie nur kümmern sich um alle dazu aufrufen, die lifecycle-Methoden selbst (onCreate, onResume, etc). Diese Antwort hat einige weitere details.

InformationsquelleAutor der Antwort Ralf

<ScrollView
            android:layout_width="match_parent"
    ::
    ::
    ::
      <FrameLayout
            android:id="@+id/map_add_business_one_rl"
            android:layout_width="match_parent"
            android:layout_height="100dp"
         >
                        <fragment

                            android:id="@+id/map"
                            android:name="com.google.android.gms.maps.SupportMapFragment"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:layout_marginTop="-100dp"
                            android:layout_marginBottom="-100dp"

                            />

        </FrameLayout>

    ::
    ::
    ::
     </ScrollView>

InformationsquelleAutor der Antwort Faakhir

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.