android 页面翻转进场动画_Android实现翻转及延迟动画效果
关于这个界面,由于控件都在一个界面。所以我这里采用了FrameLayout作为父布局,内部嵌套多层RelativeLayout,例如登录、注册、找回密码等。然后翻转动画其实原理就很简单了:
只需要翻转背景FrameLayout180度(注意:此时整个页面是反转的?),
然后把当前的RelativeLayout也翻转180度(当前的页面被翻转成正确的方向了),
最后把要显示的RelativeLayout逆向翻转180度(要显示的页面也被翻转成正确的方向了)。
嗯....绕了那么多...不知道能不能看的明白,大概原理就是这样了。
/** * 翻转动画 * * @param context 当前上下文,提供给setCameraDistance()使用 * @param backgroundView 背景View * @param frontView 当前处于前面的View * @param behindView 想要翻转显示的View */public static void setFlipAnimation(Context context, View backgroundView, View frontView, View behindView) { setCameraDistance(context, backgroundView, backgroundView); setCameraDistance(context, frontView, behindView); setAlphaAnimation(frontView, 1, 0, 0, 500, false); //必须让backgroundView和frontView同时翻转 否则会出现异常 setRotateAnimation(backgroundView, ROTATION_Y, 0, 180, 0, 1000, false); setRotateAnimation(frontView, ROTATION_Y, 0, 180, 0, 1000, false); setRotateAnimation(behindView, ROTATION_Y, 0, -180, 0, 1000, false); setAlphaAnimation(behindView, 0, 1, 500, 500, true);}
上面是翻转动画的方法封装,
setCameraDistance()是因为旋转Y轴会导致视角变化,所以此方法是用来调整视角距离
/** * 调整相机距离,避免旋转的时候高度差变化引起视觉效果差 * * @param context 当前上下文 * @param frontView 正面的view * @param behindView 背面的view */private static void setCameraDistance(Context context, View frontView, View behindView) { int distance = 16000; float scale = context.getResources().getDisplayMetrics().density * distance; frontView.setCameraDistance(scale); behindView.setCameraDistance(scale);}
这里还有一个细节是旋转动画的时候需要配合着透明动画,这样效果会更好。
并且为了防止误点,在透明动画过程中得设置RelativeLayout的Visibility
/** * 透明动画 * 最后一个isVisible是为了防止alpha为0时控件依然可被点击 */public static void setAlphaAnimation(final View view, float startAlpha, float endAlpha, long delayMills, long duration, boolean isVisible) { ObjectAnimator animator; animator = ObjectAnimator.ofFloat(view, "alpha", startAlpha, endAlpha); animator.setDuration(duration).setStartDelay(delayMills); animator.start(); //透明度动画伴随着页面是否可见,否则前一个页面仍然有点击事件 //如果为true,即要显示的页面,如果为false,即要隐藏的页面 if (isVisible) { animator.addListener(new Animator.AnimatorListener() { @Override public void onAnimationStart(Animator animation) { view.setVisibility(View.VISIBLE); } @Override public void onAnimationEnd(Animator animation) { } @Override public void onAnimationCancel(Animator animation) { } @Override public void onAnimationRepeat(Animator animation) { } }); } else { animator.addListener(new Animator.AnimatorListener() { @Override public void onAnimationStart(Animator animation) { } @Override public void onAnimationEnd(Animator animation) { view.setVisibility(View.INVISIBLE); } @Override public void onAnimationCancel(Animator animation) { } @Override public void onAnimationRepeat(Animator animation) { } }); }}
旋转和平移动画就很简单了..
/** * 平移动画 * translationDistance指的是应该平移多少距离 */public static void setTranslationAnimation(View view, String translation, float startTranslation, float translationDistance, long delayMills, long duration,boolean isOvershoot) { ObjectAnimator animator; animator = ObjectAnimator.ofFloat(view, translation, startTranslation, translationDistance).setDuration(duration); animator.setStartDelay(delayMills); if (isOvershoot){ animator.setInterpolator(new OvershootInterpolator(1.5f)); } animator.start();}/** * 旋转动画,其中isOvershoot代表是否有回弹效果 */public static void setRotateAnimation(View view, String rotate, float startAngle, float endAngle, long delayMills, long duration, boolean isOvershoot) { ObjectAnimator animator; if (ROTATION_X.equals(rotate)) { animator = ObjectAnimator.ofFloat(view, ROTATION_X, startAngle, endAngle); } else if (ROTATION_Y.equals(rotate)) { animator = ObjectAnimator.ofFloat(view, ROTATION_Y, startAngle, endAngle); } else { throw new RuntimeException("rotate can not be else string," + " except 'rotationY,rotationX'"); } if (isOvershoot) { animator.setInterpolator(new OvershootInterpolator(1.5f)); } animator.setDuration(duration).setStartDelay(delayMills); animator.start();}
至此,翻转动画效果就完成了。
至于延迟入场动画,我在这里也做了简单的封装:
/** * 设置移动延迟动画,类似于每个控件依次入场或退场动画 * * @param isVisible 控件是否可见 参考setAlphaAnimation解释 * @param eachDelay 每一个控件进场或退场的延迟时间 * @param eachDuration 每一个控件的duration * @param views 控件可变长参数,按顺序输入依次进场或退场 */public static void setMoveDelayAnimation(String translation, float startTranslation, float endTranslation, float startAlpha, float endAlpha, boolean isVisible, long firstDelay, long eachDelay, long eachDuration, @NonNull View... views) { int i = 0; for (View view : views) { if (i == 0) { setTranslationAnimation(view, translation, startTranslation, endTranslation, firstDelay, eachDuration,true); setAlphaAnimation(view, startAlpha, endAlpha, firstDelay, eachDuration, isVisible); } else { long delayMills = eachDelay * i + firstDelay; setTranslationAnimation(view, translation, startTranslation, endTranslation, delayMills, eachDuration,true); setAlphaAnimation(view, startAlpha, endAlpha, delayMills, eachDuration, isVisible); } i++; }}
在使用时仅需:
//登录信息页面依次从右往左出现PocketAnimation.setMoveDelayAnimation(PocketAnimation.TRANSLATION_X, SizeUtils.dp2px(100), 0, 1, true, 1000, 100, 500, mSignInLayoutLogin, mSignInLayoutAccount, mSignInLayoutPassword, mSignInLayoutSignIn, mSignInLayoutSignUp, mSignInLayoutForgetPassword);
这样一句话即可实现控件按顺序延时入场。嗯。这样动画就easy完成了!?
源码地址:
https://github.com/512DIDIDI/Pocket
到这里就结束啦往期精彩回顾:
Android实现短信验证码自动填充功能
Android仿echo精美弹幕功能
Android实现头像重叠排列功能
Android仿QQ个性标签功能
Android仿QQ侧滑删除的功能
android 页面翻转进场动画_Android实现翻转及延迟动画效果相关推荐
- android录音波浪动画_Android 自定义 view 实现波浪动画进度条
最近在做项目时需要实现这样一种动画,类似于波浪形的进度动画,粗略的看了一下,发现好像类似于正余弦曲线实现的,但是Android 没有相关的API,所以需要我们动手画出来,所以现在在此记录一下学习过程, ...
- android刷新时的圆形动画_Android自定义加载圈动画效果
本文实例为大家分享了Android自定义加载圈动画展示的具体代码,供大家参考,具体内容如下 实现如下效果: 该效果图主要有3个动画: 1.旋转动画 2.聚合动画 3.扩散动画 以上3个动画都是通过Va ...
- android刷新时的圆形动画_Android自定义view渐变圆形动画
本文实例为大家分享了Android自定义view渐变圆形动画的具体代码,供大家参考,具体内容如下 直接上效果图 自定义属性 attrs.xml文件 创建一个类 ProgressRing继承自 view ...
- android录音波浪动画_Android自定义View实现波浪动画
本文实例为大家分享了Android自定义View实现波浪动画的具体代码,供大家参考,具体内容如下 效果演示 代码调用与实现效果 xml中调用 android:layout_width="ma ...
- android 蒙版图片带拖动_Android实现蒙版弹出框效果
本文实例为大家分享了android蒙版弹出框效果的具体代码,供大家参考,具体内容如下 自定义 package cn.lxsdb.yyd.app.dialog; import cn.lxsdb.yyd. ...
- android 清空canvas部分内容_Android自定义View实现圆形头像效果
在我们的APP中通常会遇到,展示圆形头像的需求,一般通过Glide就能实现,但是让我们做一个圆形头像,如果让我们自定义实现这种效果,该怎样做呢? 好,接下来本文通过三种方式来实现这种效果! 注意:这是 ...
- Android属性动画 监听器、翻转、暂停和恢复
转载请标明出处:http://blog.csdn.net/zhaoyanjun6/article/details/118794419 本文出自[赵彦军的博客] 文章目录 监听器 addListener ...
- android 硬币翻转动画,使用Android标准动画显示正在翻转的硬币的两面
我非常接近制作"硬币翻转"动画,但是由于当前动画系统的局限性(错误?) – 我无法找到一种方法来显示硬币在空中翻转的两侧. 例如,我有以下动画.XML: android:share ...
- android 数字滚动抽奖_Android TextView自定义数字滚动动画
背景 在开发需求当中,当有总收益.总用户数等数字要显示时,为了更好的给用户提供展示效果,往往会想加入炫酷的数字滚动动画,使呆板平静的数字变得灵活起来,给人一种增值的直观感受. 简介 NumberRol ...
最新文章
- LeetCode 438. Find All Anagrams in a String--字符串-滑动窗口--C++,Python解法
- Python_Note_08Day_10_03_JQuery
- 【Mrak】C# 文本文件 ANSI编码格式 转 UTF8
- 2022.3.25黄花酢浆草
- C++morse code 摩尔斯电码算法(附完整源码)
- 服务 进程守护 MarsDaemon 简介
- enas 参数共享_CVPR2020 | CARS: 华为提出基于进化算法和权值共享的神经网络结构搜索,CIFAR10上仅需单卡半天...
- 使用VS 2019,.NET Core 3和Web API创建ASP.NET Core Blazor CRUD应用程序
- python小明爬楼梯_爬楼梯(Python and C++解法)
- Gradle下载失败的解决办法
- C/C++二路归并排序
- 理解目标检测里的Anchor-based和Anchor-free
- 模拟实现库函数之字符串函数
- 高效并发:Synchornized的锁优化详解
- java手机解锁_Android手机屏幕敲击解锁功能代码
- 编程之余对人品的感悟
- 小程序源码:全新趣味测试-多玩法安装简单
- 用java做小学数学系统_基于jsp的小学数学试卷生成-JavaEE实现小学数学试卷生成 - java项目源码...
- php丢失msvcr110.dll,计算机中丢失MSVCR110.dll的解决办法
- 基于LEGO使用PID算法进行单光巡线机器人设计的心得体会
热门文章
- FIE2020-2020年的论文相关记录
- 2020人工神经网络第一次作业-参考答案第十部分-第三小题
- STC单片机高速下载电路改进
- 为你痴,为你狂,小车载我梦飞翔
- python快速排序算法详细图解_Python实现桶排序与快速排序算法结合应用示例
- c++编译器里的字体_从C的for和Python的for聊起
- mysql中index的作用,在mysql中使用INDEXES有什么好处?
- 显色指数测试软件,显色性
- 如何在树莓派上进行python编程_设置并使用树莓派进行Python和C语言编程 (下)
- mysql server_id作用_在MySQL中设置`server-id`变量不起作用