Android实现仿慕课网下拉加载动画

具体实现方法就不多介绍了先附上源码,相信大家都容易看的懂:

这里为了让这个动画效果可被复用,于是就继承了ImageView 去实现某些方法

package com.example.loading_drawable; import android.content.Context; import android.graphics.drawable.AnimationDrawable; import android.util.AttributeSet; import android.util.Log; import android.view.View; import android.view.animation.Animation; import android.widget.ImageView; public class MyImgView extends ImageView { // 动画图层类 private AnimationDrawable bg_anim; public MyImgView(Context context) { super(context, null); initView(); } public MyImgView(Context context, AttributeSet attrs) { super(context, attrs, 0); } public MyImgView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); }   //初始化 private void initView() { setBackgroundResource(R.drawable.flash_anim); bg_anim = (AnimationDrawable) getBackground(); Log.i("AAA", "iniView"); } /** * 开启动画效果 */ public void startAnim() { if (bg_anim != null) { bg_anim.start(); } } /** * 停止动画效果 */ public void stopAnim() { if (bg_anim != null && bg_anim.isRunning()) { bg_anim.stop(); } } /* * (non-Javadoc) * * @see android.widget.ImageView#setVisibility(int) 当控件被显示时就调用 开启动画效果,反之 */ @Override public void setVisibility(int visibility) { super.setVisibility(visibility); if (visibility == View.VISIBLE) { startAnim(); } else { stopAnim(); } } }

接下来就是:在res文件夹下新建 drawable文件夹,再此文件夹下新建 flash_anim.xml文件,具体如下:

<?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false"> <item android:drawable="@drawable/a01_02" android:duration="50"/> <item android:drawable="@drawable/a01_04" android:duration="50"/> <item android:drawable="@drawable/a01_06" android:duration="50"/> <item android:drawable="@drawable/a01_08" android:duration="50"/> <item android:drawable="@drawable/a01_10" android:duration="50"/> <item android:drawable="@drawable/a01_12" android:duration="50"/> <item android:drawable="@drawable/a01_14" android:duration="50"/> <item android:drawable="@drawable/a01_16" android:duration="50"/> <item android:drawable="@drawable/a01_25" android:duration="50"/> <item android:drawable="@drawable/a01_26" android:duration="50"/> <item android:drawable="@drawable/a01_27" android:duration="50"/> <item android:drawable="@drawable/a01_28" android:duration="50"/> <item android:drawable="@drawable/a01_30" android:duration="50"/> <item android:drawable="@drawable/a01_31" android:duration="50"/> <item android:drawable="@drawable/a01_32" android:duration="50"/> <item android:drawable="@drawable/a01_41" android:duration="50"/> <item android:drawable="@drawable/a01_42" android:duration="50"/> <item android:drawable="@drawable/a01_43" android:duration="50"/> <item android:drawable="@drawable/a01_44" android:duration="50"/> <item android:drawable="@drawable/a01_45" android:duration="50"/> <item android:drawable="@drawable/a01_46" android:duration="50"/> <item android:drawable="@drawable/a01_47" android:duration="50"/> <item android:drawable="@drawable/a01_48" android:duration="50"/> <item android:drawable="@drawable/a01_57" android:duration="50"/> <item android:drawable="@drawable/a01_58" android:duration="50"/> <item android:drawable="@drawable/a01_59" android:duration="50"/> <item android:drawable="@drawable/a01_60" android:duration="50"/> <item android:drawable="@drawable/a01_61" android:duration="50"/> <item android:drawable="@drawable/a01_62" android:duration="50"/> <item android:drawable="@drawable/a01_63" android:duration="50"/> <item android:drawable="@drawable/a01_64" android:duration="50"/> </animation-list>

这样就基本搞定了,接下来就要在main中调用自定义的main就可以;如下:

package com.example.loading_drawable; import android.app.Activity; import android.os.Bundle; import android.view.Gravity; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.LinearLayout; import android.widget.LinearLayout.LayoutParams; /** * @author Administrator 慕课网下拉刷新进度显示控件 * */ public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); LinearLayout rootLayout = new LinearLayout(this); rootLayout.setOrientation(LinearLayout.VERTICAL); rootLayout.setLayoutParams(new LinearLayout.LayoutParams( LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT)); rootLayout.setGravity(Gravity.CENTER); Button btn = new Button(this); btn.setText("展现动画"); final MyImgView imgView = new MyImgView(MainActivity.this); imgView.setLayoutParams(new LinearLayout.LayoutParams( LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT)); imgView.setVisibility(View.GONE); rootLayout.addView(btn); rootLayout.addView(imgView); setContentView(rootLayout); btn.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) { imgView.setVisibility(View.VISIBLE); } }); } }

这里是用自定义代码布局文件做的,布局方便,插件代码整合,如上所述,这个动画就完成了,只在需要的地方设置imgview为显示,动画就会开启,隐藏动画就会被关闭。

具体内容到此为止,希望大家能够喜欢。

时间: 2024-10-22 16:18:18

Android实现仿慕课网下拉加载动画的相关文章

Android实现仿慕课网下拉加载动画_Android

具体实现方法就不多介绍了先附上源码,相信大家都容易看的懂: 这里为了让这个动画效果可被复用,于是就继承了ImageView 去实现某些方法   package com.example.loading_drawable; import android.content.Context; import android.graphics.drawable.AnimationDrawable; import android.util.AttributeSet; import android.util.Lo

Android仿网易一元夺宝客户端下拉加载动画效果(一)_Android

上上周写的一个demo,仿照网易一元夺宝的下拉刷新效果. 原效果是(第一部分)一个小太阳拉下来,然后松开回弹上去, (第二部分)再掉下来一个硬币进行中轴旋转. 本文实现的效果的是第一部分的,效果演示图如下: Gif图看起来比较卡顿...其实真机演示效果还是很流畅的. 下面分析实现过程: 当时因为时间有限没有写在下拉刷新的组件中,也没有封装成一个单独的组件,只是在主布局后面写了一个View然后实现相应的操作,进行封装并不难,这里就不花时间BB了,下面是布局文件: <RelativeLayout x

Android仿支付宝笑脸刷新加载动画的实现代码_Android

看到支付宝的下拉刷新有一个笑脸的动画,因此自己也动手实现一下.效果图如下: 一.总体思路 1.静态部分的笑脸. 这一部分的笑脸就是一个半圆弧,加上两颗眼睛,这部分比较简单,用于一开始的展示. 2.动态笑脸的实现. 2.1.先是从底部有一个圆形在运动,运动在左眼位置时把左眼给绘制,同时圆形继续运动,运动到右眼位置时绘制右眼,圆形继续运动到最右边的位置. 2.2.当上面的圆形运动到最右边时候,开始不断绘制脸,从右向左,脸不断增长,这里脸设置为接近半个圆形的大小. 2.3.当脸画完的时候,开始让脸旋转

Android仿支付宝笑脸刷新加载动画的实现代码

看到支付宝的下拉刷新有一个笑脸的动画,因此自己也动手实现一下.效果图如下: 一.总体思路 1.静态部分的笑脸. 这一部分的笑脸就是一个半圆弧,加上两颗眼睛,这部分比较简单,用于一开始的展示. 2.动态笑脸的实现. 2.1.先是从底部有一个圆形在运动,运动在左眼位置时把左眼给绘制,同时圆形继续运动,运动到右眼位置时绘制右眼,圆形继续运动到最右边的位置. 2.2.当上面的圆形运动到最右边时候,开始不断绘制脸,从右向左,脸不断增长,这里脸设置为接近半个圆形的大小. 2.3.当脸画完的时候,开始让脸旋转

android仿爱奇艺加载动画实例_Android

本篇文章介绍了android仿爱奇艺加载动画实例,具体代码如下: 效果图: 用到的知识点: Path ValueAnimator 如果对Path和ValueAnimator还不熟悉推荐去看这几个大神的Blog自定义view的目前讲的最适合我的文章 ,自定义view的详细教程和实践,这个也是教程和实践,感谢他们的付出!(希望大家可以认真看完,可以得到很多启发). 拆解动画 一个圆先顺时针的慢慢画出来(圆不是一个闭合的圆) 这一步是一个组合动画,圆慢慢的消失,同时三角形顺时针旋转 这里的难点主要就是

Android使用PullToRefresh实现上拉加载和下拉刷新效果的代码_Android

在没给大家介绍正文之前,先给大家介绍展示下运行图,如果大家感觉还不错,请继续往下阅读: 相关阅读:分享Android中pullToRefresh的使用心得 项目已同步至:https://github.com/nanchen2251/pullToRefreshDemo 简单使用详情: 1)studio可以直接在app的module设置中直接进行搜索,但是有-的必须添上,而不能用空格代替,为了更加了解这个东西,我还是推荐大家去这里看看,奉上网址: https://github.com/chrisba

Android使用PullToRefresh实现上拉加载和下拉刷新效果的代码

在没给大家介绍正文之前,先给大家介绍展示下运行图,如果大家感觉还不错,请继续往下阅读: 相关阅读:分享Android中pullToRefresh的使用心得 项目已同步至:https://github.com/nanchen2251/pullToRefreshDemo 简单使用详情: 1)studio可以直接在app的module设置中直接进行搜索,但是有-的必须添上,而不能用空格代替,为了更加了解这个东西,我还是推荐大家去这里看看,奉上网址: https://github.com/chrisba

android仿爱奇艺加载动画实例

本篇文章介绍了android仿爱奇艺加载动画实例,具体代码如下: 效果图: 用到的知识点: Path ValueAnimator 如果对Path和ValueAnimator还不熟悉推荐去看这几个大神的Blog自定义view的目前讲的最适合我的文章 ,自定义view的详细教程和实践,这个也是教程和实践,感谢他们的付出!(希望大家可以认真看完,可以得到很多启发). 拆解动画 一个圆先顺时针的慢慢画出来(圆不是一个闭合的圆) 这一步是一个组合动画,圆慢慢的消失,同时三角形顺时针旋转 这里的难点主要就是

Android自定义view实现阻尼效果的加载动画_Android

效果: 需要知识: 1. 二次贝塞尔曲线 2. 动画知识 3. 基础自定义view知识 先来解释下什么叫阻尼运动 阻尼振动是指,由于振动系统受到摩擦和介质阻力或其他能耗而使振幅随时间逐渐衰减的振动,又称减幅振动.衰减振动.[1] 不论是弹簧振子还是单摆由于外界的摩擦和介质阻力总是存在,在振动过程中要不断克服外界阻力做功,消耗能量,振幅就会逐渐减小,经过一段时间,振动就会完全停下来.这种振幅随时间减小的振动称为阻尼振动.因为振幅与振动的能量有关,阻尼振动也就是能量不断减少的振动.阻尼振动是非简谐运