Android仿最美应用详情页动画效果
2016-07-02 20:32
716 查看
效果图
效果分解
将视图划分为内容视图和标题视图(貌似也不合适,因为没有标题,只是放置了一些图标)内容视图
标题视图:覆盖在内容视图上方
动画的临界点:标题视图的收藏按钮(下载按钮)的底部与内容视图的收藏按钮(下载按钮)的顶部刚好重叠
临界点视图:红色的粗线条
1 向上滚动
1.1 内容视图的收藏按钮和下载按钮平缓移动到标题视图的收藏按钮和下载按钮对应的位置
1.2 收藏文字和下载文字消失
2 向下滚动
2.1 标题视图的收藏按钮和下载按钮平缓移动到内容视图的收藏按钮和下载按钮对应的位置
2.2 收藏文字和下载文字通过缩放动画渐显
实现思路分析
1 向上滚动(刚好到底临界点)
1.1 文字通过setVisibility(View.INVISIBLE);
设置不可见
1.2 内容视图的收藏按钮和下载按钮通过setVisibility(View.INVISIBLE);
设置不可见
1.3 标题视图的收藏按钮和下载按钮通过setVisibility(View.VISIBLE);
设置可见(默认不可见)
1.4 动画
1.4.1 让标题视图的收藏按钮执行位移动画,动画路径:内容视图的收藏按钮—>标题视图的收藏按钮
1.4.2 让标题视图的下载按钮执行位移动画,动画路径:内容视图的下载按钮—>标题视图的下载按钮
2 向下滚动(刚好到底临界点)
2.1 文字通过setVisibility(View.VISIBLE);
设置可见
2.2 内容视图的收藏按钮和下载按钮通过setVisibility(View.VISIBLE);
设置可见
2.3 标题视图的收藏按钮和下载按钮通过setVisibility(View.INVISIBLE);
设置不可见
2.4 动画
2.4.1 让内容视图的收藏按钮执行位移动画,动画路径:标题视图的收藏按钮位置—>内容视图的收藏按钮位置
2.4.2 让内容视图的下载按钮执行位移动画,动画路径:标题视图的下载按钮位置—>内容视图的下载按钮位置
2.4.3 文字的缩放动画的执行
当然,为了动画的一致,使用AnimatorSet执行动画相关文章推荐
- EditText和TextView小知识
- 通过jni实现图像处理
- Android_bug之Default Activity not found
- 如何将Android Studio项目提交及更新到github
- Android通过修改配置文件设置wifi密码
- Android 自定义Toolbar/ActionBar视图左边有空白
- Android 基础知识
- 在android studio中如何读取asserts中图片、文件
- 一个简单的todo列表应用
- Android源码中编译自己的so库
- 安卓学习之—能悬浮在各个界面的控件
- ViewPager与底部小圆点的联动
- Android 上传文件,图片。以及服务器端接收相关(转载)。
- Android开发:实时处理摄像头预览帧视频------浅析PreviewCallback,onPreviewFrame,AsyncTask的综合应用
- Android颜色对照
- android 手机拍照返回 Intent==null 以及intent.getData==null
- 安卓学习之—自定义Dialog
- 安卓学习之—Fragment
- Android Path, Region, Paint, Canvas API篇
- android 带checkbox的List