Android - ScrollView like foursquare with maps + list

Question

To jest odpowiednik Android z pytaniem na numer this.

Próbujesz utworzyć widok zawierający MapView na około 20% ekranu (pod paskiem ActionBar ...), a reszta ekranu to ScrollView, który podczas przewijania w dół nakłada się na MapView i ukrywa to. W skrócie, podobnie jak aplikacja FourSquare na Androida. Jakieś pomysły?

Answer 1

Wykonałem implementację w oparciu o AndroidSlidingUpPanel (wiele dzięki temu projektowi).

Szczegóły http://android.amberfog.com/?p=915 kod źródłowy z przykład: https://github.com/dlukashev/AndroidSlidingUpPanel-foursquare-map-demo

Answer 2

Wystarczy zadeklarować w pliku XML do ScrollView, który osadza się LinearLayout, że osadza 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> 

Następnie można ustawić rozmiar dla każdego elementu, określając atrybut

layout_weight EDYTOWANIE IvanDanDo, po naszej dyskusji znalazłem ten link, który może zrobić, co chcesz (nie jestem pewien, ale nie spróbowałem): Android: Have an arbitrary View slide under another View like the software keyboard does

Answer 3

LAST UPDATE

<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" /> 

Następnie dodaję niewidzialną głową do listy tak:

@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); 

To prawie idealny, ale to działa. Mam nadzieję, że to pomogło komuś ..

Answer 4

Najprostszym rozwiązaniem jest dodanie marginesu do treści suwaka (drugi parametr SlidingUpPanel), a następnie wyjąć zanikanie tła. Wszystko zrobione z XML.