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

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

概述我正在开发一个应用程序,其中有一个页面,其中必须有一个标题,后面跟一个viewpager中的多个回收站视图.但是,我不知道如何在向下滚动时“隐藏”标题. 以下布局不起作用: - RecyclerView - Header - SlidingTabLayout - ViewPager - RecyclerView 因为verticaly可滚动视图不能放在另一个 我正在开发一个应用程序,其中有一个页面,其中必须有一个标题,后面跟一个vIEwpager中的多个回收站视图.但是,我不知道如何在向下滚动时“隐藏”标题.

以下布局不起作用:

- RecyclerVIEw    - header    - SlIDingTabLayout    - VIEwPager        - RecyclerVIEw

因为verticaly可滚动视图不能放在另一个verticaly可伸缩视图中.但是有可能以另一种方式创建这种类型的布局,因为twitter做到了:

那么如何创建这种类型的布局呢?

理论解决方案的建议

如果我们有这个布局:

- linearLayout    - header    - SlIDingTabLayout    - VIEwPager        - RecyclerVIEw

当滚动RecyclerVIEw时,我们会手动向上移动每个元素,这样header会逐渐“隐藏”,VIEwPager会更高,它可以工作吗?

解决方法

Because a verticaly scrollable vIEw cannot be put insIDe another verticaly scollable vIEw

事实并非如此,您可以将可滚动视图放入另一个可滚动视图中.管理滚动事件非常困难,而且大部分时间都不是必须的.您不应嵌套可滚动视图.

但是,有一些适用于NestedScrollingChildNestedScrollingParent的接口,如果正确实现,可能会导致滚动事件.常用的情况是在CoordinatorLayout中嵌套relativeLayout或nestedScrollVIEw.这也是你如何实现类似Twitter的布局.

您可以在blogpost中找到有关宣布AndroID设计支持库或许多其他教程的信息.您应该使用的基本布局如下

<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>
总结

以上是内存溢出为你收集整理的如何在Android中创建类似Twitter个人资料页面的布局全部内容,希望文章能够帮你解决如何在Android中创建类似Twitter个人资料页面的布局所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1127901.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存