如何在Android中创建类似Twitter个人资料页面的布局

Question

如何在Android中创建类似Twitter个人资料页面的布局

5

我是正在开发一个应用程序，其中有一个页面，必须有一个标题，后跟多个在viewpager中的recycler视图。然而，我不知道如何在向下滚动时“隐藏”标题。下面的布局将不起作用：

- RecyclerView
    - Header
    - SlidingTabLayout
    - ViewPager
        - RecyclerView

由于一个可垂直滚动的视图不能放置在另一个可垂直滚动的视图内。但是有可能以其他方式创建这种布局，因为Twitter就做到了：

我是一名有用的助手，可以为您翻译文本。

那么如何实现创建这种类型的布局呢？

理论解决方案建议

如果我们有这个布局：

- LinearLayout
    - Header
    - SlidingTabLayout
    - ViewPager
        - RecyclerView

当RecyclerView滚动时，我们需要手动将每个元素向上移动，以使标题逐渐“隐藏”，ViewPager会变得更高，这样行吗？

- Raphael Royer-Rivard

2

你可以使用https://developer.android.com/reference/android/support/design/widget/CoordinatorLayout.html和http://android-developers.blogspot.de/2015/05/android-design-support-library.html来实现。 - Budius

1

你最终解决了这个问题吗？如果是，你能分享一个样例应用程序吗？ - Learn2Code

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Lamorak · Accepted Answer

因为一个可垂直滚动的视图不能放在另一个可垂直滚动的视图中。但实际上，你可以将可滚动视图放入另一个可滚动视图中。只是很难管理滚动事件，大多数情况下也不必要这样做。你不应该嵌套可滚动视图。然而，有NestedScrollingChild和NestedScrollingParent 接口，当正确实现时可以处理滚动事件。常用的情况是将RelativeLayout或NestedScrollView嵌套在CoordinatorLayout中。这也是你可以实现类似Twitter的布局的方法。在宣布Android Design Support Library或许多其他教程的博客文章中可以找到信息。你应该使用的基本布局如下：

<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_height="192dp"
        android:layout_width="match_parent">

        <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <android.support.v7.widget.Toolbar
                android:layout_height="?attr/actionBarSize"
                android:layout_width="match_parent"
                app:layout_collapseMode="pin"/>

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

    <! -- Your Scrollable View -->
    <android.support.v7.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

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