Android - scrollview thích Foursquare với bản đồ + danh sách

Question

này là tương đương với Android của this iOS câu hỏi.

Cố gắng tạo chế độ xem có chứa MapView khoảng 20% ​​màn hình (dưới ActionBar ...) và phần còn lại của màn hình là ScrollView khi cuộn xuống, chồng chéo lên trên MapView và ẩn nó. Nói ngắn gọn như ứng dụng Android của FourSquare. Bất kỳ ý tưởng nào?

Answer 1

Tôi đã thực hiện một thực hiện dựa trên AndroidSlidingUpPanel (nhiều nhờ vào dự án này).

Chi tiết http://android.amberfog.com/?p=915 đang Nguồn với ví dụ: https://github.com/dlukashev/AndroidSlidingUpPanel-foursquare-map-demo

Answer 2

Bạn chỉ có thể tuyên bố trong xml của bạn nộp ScrollView nhúng một LinearLayout, nhúng một 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> 

Sau đó, bạn có thể thiết lập kích thước cho mỗi phần tử bằng cách xác định layout_weight thuộc tính

EDIT IvanDanDo, sau cuộc thảo luận của chúng tôi tôi tìm thấy liên kết này có thể làm những gì bạn muốn (không chắc chắn, mặc dù tôi đã không thử nó): Android: Have an arbitrary View slide under another View like the software keyboard does

01.

Answer 3

LAST CẬP NHẬT

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

Sau đó, tôi thêm một tiêu đề vô hình vào danh sách những thứ tương tự như vậy:

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

Đây là hầu như không lý tưởng, nhưng nó hoạt động. Tôi hy vọng nó sẽ giúp người ..

Answer 4

Giải pháp đơn giản nhất là thêm một lề nội dung thanh trượt của bạn (tham số thứ hai của SlidingUpPanel) và sau đó loại bỏ các nền mờ dần. Tất cả được thực hiện từ XML.