您的位置:首页 > 产品设计 > UI/UE

androidUI那些事(四)

2015-06-01 12:35 274 查看
今天分析了小红书的第二版的开源代码,现在写下来,省的忘了。

第二版的动画中,引导界面有三个,第四个为登陆界面,引导界面布局整体一致,中央区域的动画变化。引导界面中,有图片区域的动画、文字区域的移动、指示圈的移动和一个跳过按钮。

在实现源代码中,将引导界面和登陆界面做成了viewpager的两个fragment进行管理,在引导界面中,放置图片的viewpager、文字的viewpager、指示器的listview布局,这样布局,就会出现大的viewpager的滑动事件处理和子区域图片的viewpager的处理、以及子区域文字的viewpager的冲突,为了统一处理,设计上,在父亲层面上,对手势动作进行拦截,在ontouchevent()中对手势具体识别,判断之后,决策 是调用子区域相关的动作(子类的ontouchevent),还是转到登陆界面。

类的结构设计上,使用了parentViewpager作为手势操作的总控制,放在主布局中,使用childviewpager代表文字和图片的viewpager(放了一些变量进行控制),三种动画分别使用fragment进行设计,登录界面和欢迎界面也是用fragment布局,并存放文字、图片的chidviewpager和指示器、按钮,文字的viewpager中设置监听器来控制指示器的移动,文字和图片的viewpager控制(也就是ontouchevent事件的触发)有parentviewpager进行处理。

这里是源代码

happy : 纪念一下六一的日子
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: