Làm thế nào để bạn thực hiện suy đoán trang tính dưới cùng? http://www.google.com/design/spec/components/bottom-sheets.html

Bản cập nhật mới cho Google Drive hiển thị điều này bằng cách nhấn vào nút Hành động nổi ->

Được cho là thông số kỹ thuật không bao giờ nói bất cứ điều gì về các góc tròn, bất kể điều đó có thể làm được, chỉ là không chắc chắn về cách thực hiện nó. Hiện đang sử dụng thư viện AppCompat và mục tiêu được đặt thành 21.

Cảm ơn

Biên tập

Các BottomSheethiện là một phần của android-support-library. Hãy xem câu trả lời của John Shelleys .

Thật không may là hiện tại không có cách "chính thức" nào về cách thực hiện việc này (ít nhất là không có cách nào mà tôi biết).
May mắn thay, có một thư viện được gọi là "BottomSheet" (nhấp chuột) bắt chước giao diện BottomSheetvà hỗ trợ Android 2.1 trở lên.

Trong trường hợp của ứng dụng Drive, đây là cách mã sẽ trông như thế nào với thư viện này:

    new BottomSheet.Builder(this, R.style.BottomSheet_Dialog)
            .title("New")
            .grid() // <-- important part
            .sheet(R.menu.menu_bottom_sheet)
            .listener(new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which) {
            // TODO
        }
    }).show();

menu_bottom_sheet (về cơ bản là tài nguyên /res/menu/*.xml chuẩn)

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/folder"
        android:title="Folder"
        android:icon="@drawable/ic_action_folder" />
    <item
        android:id="@+id/upload"
        android:title="Upload"
        android:icon="@drawable/ic_action_file_upload" />
    <item
        android:id="@+id/scan"
        android:title="Scan"
        android:icon="@drawable/ic_action_camera_alt" />
</menu>

Đầu ra giống như sau:

Theo tôi, điều này khá gần với bản gốc. Nếu bạn không hài lòng với màu sắc, bạn có thể tùy chỉnh nó - hãy xem phần này (nhấp vào) .

Trả lời câu hỏi của riêng tôi để các nhà phát triển biết rằng cuối cùng thì thư viện hỗ trợ mới cũng cung cấp điều này! Tất cả ca ngợi Google mạnh mẽ!

Một ví dụ từ Blog của nhà phát triển Android :

// The View with the BottomSheetBehavior
View bottomSheet = coordinatorLayout.findViewById(R.id.bottom_sheet);  
BottomSheetBehavior behavior = BottomSheetBehavior.from(bottomSheet);  
behavior.setBottomSheetCallback(new BottomSheetCallback() {  
   @Override  
   public void onStateChanged(@NonNull View bottomSheet, int newState) {  
     // React to state change  
   }  

  @Override  
  public void onSlide(@NonNull View bottomSheet, float slideOffset) {  
     // React to dragging events  
  }  
});

Câu trả lời của @ reVerse ở trên vẫn là một lựa chọn hợp lệ nhưng thật tuyệt khi biết rằng có một tiêu chuẩn mà Google cũng hỗ trợ.

Theo dõi bài đăng trên blog: http://android-developers.blogspot.com/2016/02/android-support-library-232.html

Xml của tôi cuối cùng trông như thế này:

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/coordinator_layout"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <LinearLayout
        android:id="@+id/bottom_sheet"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:orientation="horizontal"
        app:layout_behavior="android.support.design.widget.BottomSheetBehavior">
        <ImageView
            android:src="@android:drawable/ic_input_add"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>
</android.support.design.widget.CoordinatorLayout>

Và trong onCreateView của tôi về phân đoạn của tôi:

    coordinatorLayout = (CoordinatorLayout)v.findViewById(R.id.coordinator_layout);
    View bottomSheet = coordinatorLayout.findViewById(R.id.bottom_sheet);
    BottomSheetBehavior behavior = BottomSheetBehavior.from(bottomSheet);
    behavior.setPeekHeight(100);
    behavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
        @Override
        public void onStateChanged(@NonNull View bottomSheet, int newState) {
            // React to state change
        }

        @Override
        public void onSlide(@NonNull View bottomSheet, float slideOffset) {
            // React to dragging events
        }
    });

Mặc định của setPeekHeight là 0, vì vậy nếu bạn không đặt nó, bạn sẽ không thể nhìn thấy chế độ xem của mình.

Bây giờ bạn có thể sử dụng BottomSheetBehaviorAPI chính thức từ thư viện hỗ trợ Android 23.2.

Dưới đây là đoạn mã mẫu

bottomSheetBehavior = BottomSheetBehavior.from(findViewById(R.id.bottomSheet));

case R.id.expandBottomSheetButton:
 bottomSheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED);
 break;
case R.id.collapseBottomSheetButton:
 bottomSheetBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
 break;
case R.id.hideBottomSheetButton:
 bottomSheetBehavior.setState(BottomSheetBehavior.STATE_HIDDEN);
 break;
case R.id.showBottomSheetDialogButton:
 new MyBottomSheetDialogFragment().show(getSupportFragmentManager(), "sample");

Vui lòng tham khảo hướng dẫn trên youtube về Android BottomSheet để hiểu về nó.

Tôi sẽ đi với các góc thẳng như nó nằm trong hướng dẫn. Về phần triển khai - có lẽ tốt nhất là bạn nên sử dụng ý tưởng từ dự án này: https://github.com/umano/AndroidSlidingUpPanel

Tôi nghĩ rằng bạn có thể sử dụng nó như nó vốn có hoặc lấy ý tưởng để thực hiện. Bạn có thể tìm thấy một bài viết tuyệt vời khác về cách triển khai bảng điều khiển trượt tương tự tại đây: http://blog.neteril.org/blog/2013/10/10/framelayout-your-best-ui-friend/

Dưới đây là một số tùy chọn khác:

• Có một cái có sẵn từ Flipboard , tuy nhiên hoạt động nhúng cần được sửa đổi để trang tính dưới hoạt động.
• tutti-ch của bottomsheet : Điều này đã được chiết xuất từ ResolverActivity Android Repo và các hoạt động phóng không cần phải được sửa đổi.

Google gần đây đã phát hành Thư viện hỗ trợ Android 23.2 , chính thức đưa các trang tính Dưới cùng vào Thư viện hỗ trợ thiết kế Android.