提示如视频中所示制作用户界面

Question

任何人都可以指导我制作视频中显示的用户界面。我已经搜索了各种库，但到目前为止它们只支持一个可滚动视图，即它不能支持两个可滚动视图，如视频中所示。任何专家指导都会对我有所帮助。这是视频链接 Material Profile Design

基本上视图就像这样

• 它包含两个可滚动的项目（一个在标题处，另一个在主体上）
• 当身体向上滚动时，标题会逐渐消失，就像在Actionbar/Toolbar
上看到的视差效果一样
• 当主体向下滚动时，标题会逐渐显示，最终当我们滚动更多时，标题视图现在会占据整个视图并向下滚动列表视图。

• 按下后退按钮时，标题将向上滚动，只显示一个标题项，正文覆盖整个视图

  坦率地说，解释关于单词的观点非常困难，为此我已经上传了一个视频。所以观看视频，可以很容易地理解UI。到目前为止，我发现这个资源似乎很有用Sliding Up Layout With MapView

Answer 1

创建这将是一个非常复杂的布局，但这是一种方法。

首先，首先检查（并完全理解）此代码：

https://github.com/flavienlaurent/NotBoringActionBar

应该最感兴趣的部分是

1. 一切都在列表视图中。这也包括标题！
2. 使用“假标题”以限制向上导航

了解代码的工作原理后，您就可以开始处理布局了。

然后我将如何开始执行此操作将实现上述代码，但删除阻止向上滚动的min(header)逻辑。相反，我会截取该代码，一旦布局滚动到最顶层，我将开始动态地将图像添加到索引0的列表视图中，以便它们显示在标题上方。我还要确保每当我添加新项目时滚动到索引0。

这样，向下转换仍然可以工作（感谢我链接的代码）与花哨的缩放位图和不同高度的“标题”，并且向上转换也允许我在用户向上滚动时添加项目。

说完这些之后，我真的不喜欢那种布局。它不常见，对您的用户来说看起来非常混乱。没有多少人会知道他们可以向上滚动，对于你来说，作为程序员，处理不仅上升（将图像显示在标题上方）而且下降（回到原始布局）将非常痛苦。 / p>