是男人就下100层【第六层】——高仿豆瓣客户端

前一段时间阳光小强安装了一个豆瓣客户端,第一次打开就被这种界面风格吸引了,今天早上起来在打开豆瓣听音乐的时候,突然产生一个念头,来试着实现一下这种效果,打开客户端分析了一下发现其实这种效果的实现并不是想象中的那么难,下面我先分析一下这种效果的实现思路,然后一步步解释实现的过程,希望大家能提出意见和建议,一起交流学习。

先给大家展示一下我的成果吧:

其实豆瓣客户端的界面上还有其他的文字和菜单,但是这两个的实现效果和其他几个类似,可以作为代表,所以就不绘制那么多组件了。

转载请说明出处:http://blog.csdn.net/dawanganban

一、分析界面的组成结构


有两个和我们手机屏幕尺寸大小相等的View(分别是灰色透明度变化的背景和主界面),假设屏幕的宽和高是w和h, 屏幕的坐标原点在左上角,这两个View相对于屏幕的坐标是

刚开始的坐标:

灰色背景: left 0  right w  top  -h  bottom  0

主界面:left 0  right w  top 0 bottom h

滑动到最底部(d为滑动到最底部的高度)

灰色背景: left 0 right w top -d bottom h-d

主界面: left 0 right w top h-d bottom 2h-d

接下来我们就要分析两个大问题:

1、滑动的具体实现

从上面的图上可以很容易的看出来,此时我们就要考虑如何实现界面上下滑动,观察豆瓣客户端的滑动手势发现支持滑动加速度检测(速度大于某值时直接从一端滑向另一端)、支持屏幕跟随手指滑动、屏幕的Y轴方向的中间是一个恢复位置的临界点。

从上面的分析我们基本上可以知道用到的技术有如下几个:

(1)监听Event_Move事件,通过scorllBy实现实时移动&#x

  • 13
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 19
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 19
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值