Question

在我的应用程序中，我想重新创建一个与众所周知的Lollipop +快速设置面板非常相似的东西。

即：通过点击或拖动标题，我希望面板从标题下方向下滑动，然后按下现有内容。

现在应用于我的应用程序，标题是工具栏，主要内容是显示博客帖子列表的RecyclerView。通过单击或拖动工具栏，我想要一个面板来显示有关该博客的一些统计信息。像这样：

我一直在搞乱这个非常棒的（但很复杂的）Android设计支持库。它具有很强的功能，可以滚动和设计应用栏和主要内容之间的交互。但效果很难实现。

我已经研究过CollapsingToolbarLayout，但无法以内容扩展低于主Toolbar的方式使用它。我还研究了SlidingUpPanel库，但无法将其推送内容，只是悬停。总的来说，关于CoordinatorLayout，CollapsingToolbarLayout和滚动Behavior应该如何互动，我有点迷失......

有谁知道重新创建这种“快速设置”效果？或者，也许有人知道我应该在哪里找到AOSP中的快速设置代码？

非常感谢！

Answer 1

最近我创建了一个名为Toolbar Panel的库，它像快速设置抽屉一样工作。您可以自己自定义Panel。如果您有任何疑问或问题，可以在github中创建问题或在此答案中发表评论。

这是演示视频：

Answer 2

在Niko Yuwono和Hetal Upadhyay提供了很好的见解之后，我终于花时间解决了自己的问题。

关键是依靠CoordinatorLayout并描述两个自定义Behavior：一个用于滑动面板，另一个用于主要内容。实际上，我已经为此创建了一个库，因为这可能有助于将来的其他人： SubAppBarPanel 。 See it in action

示例代码：

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

        <android.support.v7.widget.Toolbar
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:clickable="true"
            android:foreground="?selectableItemBackground" />

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

    <com.davidferrand.subappbarpanel.SubAppBarPanel
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:panel_expanded="false"
        app:panel_offset="10dp"
        app:panel_slidingQuantity="85%">

        <!-- Content of the sliding panel -->

    </com.davidferrand.subappbarpanel.SubAppBarPanel>

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="com.davidferrand.subappbarpanel.SubAppBarPanel$ScrollingViewBehavior">

        <!-- Main content -->

    </FrameLayout>

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

注意：拖动行为仍然是TODO。

Answer 3

您可以将折叠代码放入家庭活动中，并根据工具栏点击事件使其可见并隐藏。

用于动画 slid_down.xml：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

<translate
    android:duration="1000"
    android:fromYDelta="0"
    android:toYDelta="100%" />
</set>

slid_up.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

<translate
    android:duration="1000"
    android:fromYDelta="100%"
    android:toYDelta="0" />
</set>

您的布局

    <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/lay"
            android:visibility="gone">
            <TextView android:text="Collapse Ne" android:layout_width="wrap_content"
                android:layout_height="wrap_content" />
        </LinearLayout>
<LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/content_layout">
        <TextView android:text="Hello World!" android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
</LinearLayout>

在您的活动中

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
            setSupportActionBar(toolbar);
            final LinearLayout lay = (LinearLayout) findViewById(R.id.lay);
            final LinearLayout content_layout = (LinearLayout) findViewById(R.id.content_layout);

            toolbar.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if(i%2==0){
                        lay.setVisibility(View.VISIBLE);
       content_layout.startAnimation(AnimationUtils.loadAnimation(context,
            R.anim.slid_down));
}
                    else{
                        lay.setVisibility(View.GONE);
content_layout.startAnimation(AnimationUtils.loadAnimation(context,
            R.anim.slid_up));
}
                    i++;
                }
            });

我刚刚准备了一个演示......您可以根据自己的要求进行更改。

如何重新创建Android快速设置滑动面板？

3 个答案: