Android - ScrollView come se foursquare con mappe + elenco

Question

Questo è l'equivalente Android della domanda iOS this.

Provare a creare una vista che contiene un MapView a circa il 20% dello schermo (sotto un oggetto ActionBar ...) e il resto dello schermo è un ScrollView che quando si scorre verso il basso, si sovrappone a quello di MapView e si nasconde esso. In breve come l'app per Android di FourSquare. Qualche idea?

Answer 1

Ho realizzato un'implementazione basata su AndroidSlidingUpPanel (molte grazie a questo progetto).

dettagli http://android.amberfog.com/?p=915 codice Fonte con l'esempio: https://github.com/dlukashev/AndroidSlidingUpPanel-foursquare-map-demo

Answer 2

Si può solo dichiarare nel vostro file XML un ScrollView che incorpora un LinearLayout, che incorpora un MapView:

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_gravity="center_horizontal" 
    android:fillViewport="true" > 

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

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

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

     ...... Your list and other stuff ....... 

     </LinearLayout> 
    </LinearLayout> 
</ScrollView> 

Quindi è possibile impostare le dimensioni per ogni elemento specificando l'layout_weight attributo

EDIT IvanDanDo, seguendo la nostra discussione ho trovato questo link che può fare ciò che vuoi (non sono sicuro, però, non l'ho provato): Android: Have an arbitrary View slide under another View like the software keyboard does

Answer 3

ULTIMO AGGIORNAMENTO

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
xmlns:map="http://schemas.android.com/apk/res-auto" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
tools:context=".MainActivity" > 

<fragment 
    android:id="@+id/map_fragment" 
    android:name="com.myapp.MapFragment" 
    android:layout_width="match_parent" 
    android:layout_height="fill_parent" /> 

<fragment 
    android:id="@id/list_fragment" 
    android:name="com.myapp.ListFragment" 
    android:layout_width="wrap_content" 
    android:layout_height="fill_parent" /> 

poi aggiungo un header invisibile alla lista in questo modo:

@Override 
public View onCreateView(final LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 
    super.onCreateView(inflater, container, savedInstanceState); 

    View view = inflater.inflate(R.layout.listview, container, false); 
    SwipeListView listView = (SwipeListView) view.findViewById(R.id.venue_list); 

    // An invisible view added as a header to the list and clicking it leads to the mapfragment 
    TextView invisibleView = new TextView(inflater.getContext()); 
    invisibleView.setBackgroundColor(Color.TRANSPARENT); 
    invisibleView.setHeight(300); 
    invisibleView.setOnClickListener(new OnClickListener() { 
     @Override 
     public void onClick(View v) { 
      listener.moveToMapFragment(); 
                     } 
    }); 
    listView.addHeaderView(invisibleView); 

questo non è certo l'ideale, ma funziona. Spero che aiuti qualcuno ..

Answer 4

La soluzione più semplice è quella di aggiungere un margine al contenuto cursore (secondo parametro del SlidingUpPanel) e poi rimuovere lo sfondo dissolvenza. Tutto fatto da XML.