豆瓣,仿写豆瓣详情页(一)开篇"/>
android基础教程豆瓣,仿写豆瓣详情页(一)开篇
仿写豆瓣详情页(一)开篇
仿写豆瓣详情页(二)底部浮层
仿写豆瓣详情页(三)内容列表
仿写豆瓣详情页(四)弹性布局 doing
仿写豆瓣详情页(五)联动和其他细节 doing
1、初衷
首先,从用户体验的角度来说,豆瓣各个页面内容的滑动和衔接都十分顺滑,这一点十分佩服豆瓣的产品和开发。而豆瓣的详情页是我接触过的 UI 中动画最复杂的,因此一直想尝试实现一下。
另一方面也希望提升下自己处理复杂交互动画的能力。日常需求的交互都比较简单,也不涉及复杂的动画,或者有现成的组件可以用。事件分发和嵌套滑动只是大体了解,还需要多加实践。
半年前的时候尝试实现过一次,由于时间和精力的原因中途放弃,这次决定坚持搞下去,至少有个像样的 demo。
2、页面结构拆分
复杂的功能可以通过分层来解决,复杂的 UI 也可以拆成一小部分一小部分相对简单的 UI 来实现。这里根据我自己的观察(毕竟我也拿不到豆瓣的源码,而且实现方案也是多种多样的),将页面的主要结构拆成不同的部分,并对每一部分抽象成业务无关的 View,在此基础上实现豆瓣的页面效果。
2.1、底部弹起浮层
更多推荐
android基础教程豆瓣,仿写豆瓣详情页(一)开篇
发布评论