2

不知何故，我遇到了 Reddit 应用程序，想知道他们的滚动机制是如何工作的。从 gif 中可以看到，有一个菜单栏（Up/Downvote-comment-share bar）始终位于屏幕内，并且在向上/向下滚动时无法滚动到屏幕外。向上滚动时，它将位于工具栏下方（顶部的灰色栏）。向下滚动时，它将位于EditTextView 上方（底部的添加评论栏）。

Reddit 滚动机制

Relative layout

|-->Toolbar    (android:id="@+id/toolbar")

|-->ScrollView (android:layout_below="@id/toolbar")

    |-->Child (This child is located underneath the Toolbar when scrolling up)

    |-->Child

    |-->Child

如果我想编写这个页面，我需要使用或研究哪些依赖项、小部件或概念？

注意：如果您愿意，可以给我一些代码片段:)

4

3 回答 3

0

您可以使用CoordinatorLayout布局来实现该功能。这样的布局。有关详细信息，您可以在 medium 中查看此博客。


<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/behavior_demo_coordinatorLayout"
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:theme="@style/AppTheme.AppBarOverlay">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:layout_scrollFlags="scroll|enterAlways|snap"
        android:background="?attr/colorPrimary" />
</android.support.design.widget.AppBarLayout>

<android.support.v4.widget.SwipeRefreshLayout
    android:id="@+id/behavior_demo_swipe_refresh"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/behavior_demo_recycler"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
</android.support.v4.widget.SwipeRefreshLayout>
</android.support.design.widget.CoordinatorLayout>
于 2020-01-23T05:11:30.633 回答
0

工具栏（包含菜单）在 XML 中的 ScrollView 之外。

或者它甚至可能根本不是 ScrollView。

它可能只是视图回收——但即便如此，工具栏也在用于显示内容的 XML 布局之外。

于 2020-01-23T05:43:34.103 回答
0

对于隐藏 TopBar 和 bottomBar（评论框），我建议您使用Animation

简单地调用动画就像

//on scrollUp
topLayout.animate().translationY(-300).alpha(0.0f).setDuration(300);
// this will make the layout go up and fade to invisible

//on scrollDown
topLayout.animate().translationY(0).alpha(1.0f).setDuration(300);
// this will make the layout come down and fade to be visible

实现这将两个视图使用addOnScrollListener()，或者我建议你看看这个答案以实现scroll Up/Down使用CoordinateLayout

希望这会有所帮助！

于 2020-01-23T06:06:31.807 回答