android - 更改横向 Bottom Sheet 的位置 : "Side sheet"

Question

这是此处提出的问题的扩展:

How to get bottomSheet to open from the top?

Android “Top Sheet” equivalent of “Bottom Sheet”?

当然，“Bottom Sheet ”之所以这样称呼是有原因的，因为您可以从底部滑动它。

我在我的设计中发现，这在纵向模式下效果很好(图 1 和图 2)，但在横向模式下，我想更好地利用(更多可见性)“主要区域”(图 3)。
出于这个原因，我想要一个“侧板”，有点像抽屉导航(图 4)。



到目前为止，我无法找到解决方案或替代方案，因此欢迎提供任何帮助!

下面是演示横向模式问题的基本代码

主要 Activity

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
}}

activity_main.xml

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ads="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container_main"
    android:orientation="vertical">

<android.support.design.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <!-- Main Content -->
    <include layout="@layout/content_main"
        />

    <!-- Bottom Sheet Content -->
    <include layout="@layout/content_bottom_sheet"
        />

</android.support.design.widget.CoordinatorLayout>

</LinearLayout>

content_main.xml

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:weightSum="2"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:showIn="@layout/activity_main">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="0.6">
    </LinearLayout>
</LinearLayout>

content_bottom_sheet.xml

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:class="http://schemas.android.com/tools"
    android:id="@+id/bottomSheetLayout"
    android:layout_width="match_parent"
    android:layout_height="300dp"
    app:behavior_peekHeight="50dp"
    android:orientation="vertical"
    app:layout_behavior="@string/bottom_sheet_behavior">

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="0.9"
        android:weightSum="4">

        <ImageButton
            android:id="@+id/category0"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#BB45BBEC"
            android:onClick="jumpto0"
            />

        <ImageButton
            android:id="@+id/category1"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textAllCaps="false"
            android:layout_weight="1"
            android:background="#AAA"
            android:onClick="jumpto1"
            />

        <ImageButton
            android:id="@+id/category2"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#FFEF53"
            android:onClick="jumpto2"
            />
        <ImageButton
            android:id="@+id/category3"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#FFF50E0E"
            android:onClick="jumptp3"
            />

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="0.2">

        <ImageButton
            android:id="@+id/bottom1"
            android:layout_width="98dp"
            android:layout_height="62dp"
            android:layout_gravity="center"
            android:background="#FFF50E0E"
            />

        <ImageButton
            android:id="@+id/bottom2"
            android:layout_width="98dp"
            android:layout_height="62dp"
            android:layout_gravity="center"
            android:background="#FFF5"
            />

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

Answer 1

在这种情况下，您可以使用 RightSheetBehavior .但首先，您应该处理方向更改并根据方向替换行为。