Android - 類似於foursquare的ScrollView +地圖+列表

Question

這是iOS的this相當於iOS的問題。

嘗試創建一個視圖，該視圖包含大約20％的屏幕上的MapView（在ActionBar下...），而其餘的屏幕是滾動視圖，當向下滾動時，疊加在MapView頂部並隱藏它。總之就像FourSquare的Android應用程序。 任何想法？

Answer 1

我做了一個基於AndroidSlidingUpPanel（非常感謝這個項目）的實現。

詳細http://android.amberfog.com/?p=915與例如 源代碼：https://github.com/dlukashev/AndroidSlidingUpPanel-foursquare-map-demo

Answer 2

您可以在XML剛剛宣佈提交ScrollView嵌入一個LinearLayout，嵌入一個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> 

然後你就可以通過指定layout_weight屬性

設置每個元素的大小編輯 IvanDanDo，在我們的討論後，我發現這個鏈接，可能做你想做的（不知道，但我沒有嘗試它）：Android: Have an arbitrary View slide under another View like the software keyboard does

Answer 3

最後更新

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

然後我一種無形的頭添加到列表，像這樣：

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

其實這也沒什麼理想，但它的工作原理。我希望它可以幫助別人..

Answer 4

的最簡單的解決方案是一個餘量添加到滑塊內容（SlidingUpPanel的第二個參數），然後取下衰落背景。所有這些都是從XML完成的。