Android自定义控件--3（刷新动画）

最新推荐文章于 2021-05-25 18:04:22 发布
最新推荐文章于 2021-05-25 18:04:22 发布
阅读量137 收藏
点赞数
分类专栏： 移动手机 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_2340/article/details/82570272
版权
一个乐动力的刷新动画 
package com.example.ledonglidemo;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.util.AttributeSet;
import android.view.ViewGroup;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.LinearInterpolator;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.widget.ImageView;

public class GuideView extends ViewGroup {
	/**
	 * 左边的图片
	 */
	private ImageView left;
	/**
	 * 右边的图片
	 */
	private ImageView right;
	/**
	 * 上面的图片
	 */
	private ImageView top;
	/**
	 * 下面的图片
	 */
	private ImageView bottom;
	/**
	 * 中间的图片 m
	 */
	private ImageView center;
	/**
	 * 屏幕的宽度
	 */
	private int screenW;
	/**
	 * 屏幕的高度
	 */
	private int screenH;

	public GuideView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		init(context);
	}

	public GuideView(Context context, AttributeSet attrs) {
		super(context, attrs);
		init(context);
	}

	public GuideView(Context context) {
		super(context);
		init(context);
	}

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		// TODO Auto-generated method stub
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
	}

	private List<Bitmap> bitmaps = new ArrayList<Bitmap>();

	private void init(Context context) {
		left = new ImageView(context);
		left.setImageBitmap(BitmapFactory.decodeResource(
				context.getResources(), R.drawable.day));
		bitmaps.add(BitmapFactory.decodeResource(context.getResources(),
				R.drawable.day));
		right = new ImageView(context);
		right.setImageBitmap(BitmapFactory.decodeResource(
				context.getResources(), R.drawable.night));
		bitmaps.add(BitmapFactory.decodeResource(context.getResources(),
				R.drawable.night));
		top = new ImageView(context);
		top.setImageBitmap(BitmapFactory.decodeResource(context.getResources(),
				R.drawable.up));
		bitmaps.add(BitmapFactory.decodeResource(context.getResources(),
				R.drawable.up));
		bottom = new ImageView(context);
		bottom.setImageBitmap(BitmapFactory.decodeResource(
				context.getResources(), R.drawable.down));
		bitmaps.add(BitmapFactory.decodeResource(context.getResources(),
				R.drawable.down));
		center = new ImageView(context);
		center.setImageBitmap(BitmapFactory.decodeResource(
				context.getResources(), R.drawable.animation_battery));
		bitmaps.add(BitmapFactory.decodeResource(context.getResources(),
				R.drawable.animation_battery));
		screenW = ((Activity) context).getWindowManager().getDefaultDisplay()
				.getWidth();
		screenH = ((Activity) context).getWindowManager().getDefaultDisplay()
				.getHeight();
		this.addView(center);
		this.addView(left);
		this.addView(right);
		this.addView(top);
		this.addView(bottom);

	}

	private LinearInterpolator interpolator = new LinearInterpolator();

	@Override
	protected void onLayout(boolean arg0, int arg1, int arg2, int arg3, int arg4) {
		// TODO Auto-generated method stub
		// 五个控件的布局
		center.layout(screenW / 2 - bitmaps.get(4).getWidth() / 2, screenH / 2
				- bitmaps.get(4).getHeight() / 2, screenW / 2
				+ bitmaps.get(4).getWidth() / 2, screenH / 2
				+ bitmaps.get(4).getHeight() / 2);
		top.layout(screenW / 2 - bitmaps.get(2).getWidth() / 2, screenH / 2
				- bitmaps.get(4).getHeight() / 2 - bitmaps.get(2).getHeight()
				+ bitmaps.get(2).getWidth() / 2 / 4,
				screenW / 2 + bitmaps.get(2).getWidth() / 2, screenH / 2
						- bitmaps.get(4).getHeight() / 2
						+ bitmaps.get(2).getWidth() / 2 / 4);
		left.layout(screenW / 2 - bitmaps.get(0).getWidth() * 2
				- bitmaps.get(0).getWidth() / 4, screenH / 2
				- bitmaps.get(0).getHeight() / 2, screenW / 2
				- bitmaps.get(0).getWidth() - bitmaps.get(0).getWidth() / 4,
				screenH / 2 + bitmaps.get(0).getHeight() / 2);
		right.layout(screenW / 2 + bitmaps.get(1).getWidth()
				+ bitmaps.get(1).getHeight() / 4, screenH / 2
				- bitmaps.get(1).getHeight() / 2, screenW / 2
				+ bitmaps.get(1).getWidth() * 2 + bitmaps.get(1).getHeight()
				/ 4, screenH / 2 + bitmaps.get(1).getHeight() / 2);
		bottom.layout(screenW / 2 - bitmaps.get(3).getWidth() / 2, screenH / 2
				+ bitmaps.get(4).getHeight() / 2 - bitmaps.get(3).getWidth()
				/ 2 / 4, screenW / 2 + bitmaps.get(3).getWidth() / 2, screenH
				/ 2 + bitmaps.get(4).getHeight() / 2
				+ bitmaps.get(3).getHeight() - bitmaps.get(3).getWidth() / 2
				/ 4);
		playCenter();
		playTop();
		playBottom();
		playLeft();
		playRight();
	}

	/**
	 * 右边的动画
	 */
	private void playRight() {
		// 混合动画
		AnimationSet animationSet = new AnimationSet(false);
		RotateAnimation rotateRight = new RotateAnimation(0, 359,
				Animation.ABSOLUTE, screenW / 2 - right.getLeft(),
				Animation.ABSOLUTE, (right.getBottom() - right.getTop()) / 2);
		RotateAnimation rotateSelf = new RotateAnimation(0, -359,
				Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
				0.5f);
		// 播放时间
		rotateSelf.setDuration(10 * 1000);
		// 播放加速的模式
		rotateSelf.setInterpolator(interpolator);
		// 设置无限循环
		rotateSelf.setRepeatCount(-1);
		rotateRight.setDuration(10 * 1000);
		rotateRight.setRepeatCount(-1);
		rotateRight.setInterpolator(interpolator);
		animationSet.addAnimation(rotateSelf);
		animationSet.addAnimation(rotateRight);
		// 播放混合动画
		right.startAnimation(animationSet);
	}

	/**
	 * 左边的动画
	 */
	private void playLeft() {
		AnimationSet animationSet = new AnimationSet(false);
		RotateAnimation rotateLeft = new RotateAnimation(0, 359,
				Animation.ABSOLUTE, screenW / 2 - left.getLeft(),
				Animation.ABSOLUTE, (left.getBottom() - left.getTop()) / 2);
		rotateLeft.setDuration(10 * 1000);
		rotateLeft.setInterpolator(interpolator);
		rotateLeft.setRepeatCount(-1);
		RotateAnimation rotateSelf = new RotateAnimation(0, -359,
				Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
				0.5f);
		rotateSelf.setDuration(10 * 1000);
		rotateSelf.setRepeatCount(-1);
		rotateSelf.setInterpolator(interpolator);
		animationSet.addAnimation(rotateSelf);
		animationSet.addAnimation(rotateLeft);
		left.startAnimation(animationSet);
	}

	/**
	 * 下面的动画
	 */
	private void playBottom() {
		RotateAnimation rotateBottom = new RotateAnimation(0, 359,
				Animation.RELATIVE_TO_SELF, 0.5f, Animation.ABSOLUTE, screenH
						/ 2 - bottom.getTop());
		rotateBottom.setDuration(10 * 1000);
		rotateBottom.setInterpolator(interpolator);
		rotateBottom.setRepeatCount(-1);
		bottom.startAnimation(rotateBottom);
	}

	/**
	 * 上面的动画
	 */
	private void playTop() {
		RotateAnimation rotateAnimation = new RotateAnimation(0, 359,
				Animation.ABSOLUTE, screenW / 2 - top.getLeft(),
				Animation.ABSOLUTE, screenH / 2 - top.getTop());
		rotateAnimation.setDuration(10 * 1000);
		rotateAnimation.setInterpolator(interpolator);
		rotateAnimation.setRepeatCount(-1);
		top.startAnimation(rotateAnimation);
	}

	/**
	 * 中间的View动画播放
	 */
	private void playCenter() {
		AnimationSet animationSet = new AnimationSet(false);
		ScaleAnimation scaleSmall = new ScaleAnimation(1.0f, 0.6f, 1.0f, 0.6f,
				Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
				0.5f);
		ScaleAnimation scaleBig = new ScaleAnimation(1.0f, 5.0f / 3, 1.0f,
				5.0f / 3, Animation.RELATIVE_TO_SELF, 0.5f,
				Animation.RELATIVE_TO_SELF, 0.5f);
		scaleBig.setDuration(2 * 1000);
		scaleBig.setInterpolator(interpolator);
		scaleSmall.setDuration(2 * 1000);
		scaleSmall.setStartOffset(2 * 1000);
		scaleSmall.setRepeatCount(-1);
		scaleSmall.setFillEnabled(true);
		scaleSmall.setFillAfter(true);
		scaleBig.setStartOffset(2 * 1000);
		scaleBig.setRepeatCount(-1);
		scaleBig.setFillEnabled(true);
		scaleBig.setFillAfter(true);
		scaleSmall.setInterpolator(interpolator);
		animationSet.addAnimation(scaleBig);
		animationSet.addAnimation(scaleSmall);
		center.startAnimation(animationSet);
	}

}


源码下载戳这里：
iteye_2340
关注
专栏目录
Android UI- PullToRrefresh自定义下拉刷新动画，2021移动开发者大会
m0_64383081的博客
12-13 277
private AnimationDrawable animationDrawable; public TweenAnimLoadingLayout(Context context, Mode mode, Orientation scrollDirection, TypedArray attrs) { super(context, mode, scrollDirection, attrs); // 初始化 mHeaderImage.setImageResource(R.drawable.refresh_an
android 自定义view 动画效果,Android自定义view----音乐播放动画
weixin_29733795的博客
05-25 663
先给大家看一下效果，因为我也不知道这个东西具体叫什么，标题上面写的是"音乐播放动画"，可能描述的不太准确。效果图.gif前言最近项目中做了一个音频播放的功能，播放条上需要一个如上图的效果。一开始为了赶时间，就用帧动画实现的，但是效果看起来没那么丝滑。今天没啥事，就抽时间用自定义view的方式了一下。看上图的对比，自定义view的实现效果是不是像德芙一样丝滑。优势自定义view实现的方式比起帧动画的...
Android开发中MJRefresh自定义刷新动画效果
01-20
【一】常见用法 最原始的用法，耦合度低，但是不能统一管理。我们需要在每一个控制器都写以下代码，很繁琐，以后项目修改起来更繁琐，得一个控制器一个控制器的去定位、修改。 1.1 使用默认刷新（耦合度底，但是想统一修改起来特别麻烦） self.tableView.mj_header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{ //在这里执行刷新操作 }]; self.tableView.mj_header = [MJRefreshNormalHeader headerWithRefreshingTarget:self refreshi
android 自定义下拉刷新动画,Android自定义渐变式炫酷ListView下拉刷新动画
weixin_39958137的博客
05-25 280
本文实例为大家分享了自定义渐变式炫酷动画的ListView下拉刷新，供大家参考，具体内容如下主要要点listview刷新过程中主要有三个步骤当前：状态为下拉刷新，当前状态为下拉刷新，当前状态为放开刷新，当前状态为正在刷新；主要思路为三个步骤分别对应三个自定义的view；即ibuRefreshFirstStepView，ibuRefreshSecondStepView，ibuRefreshThird...
安卓自定义下拉刷新 带动画效果
04-17
安卓listview自定义下拉刷新 自带帧动画效果
Android安卓源码-自定义控件类源代码（18例）.zip
10-22
以上就是这个压缩包中可能涵盖的一些关键知识点，通过学习这些示例，开发者可以掌握Android自定义控件的设计技巧，提升应用程序的定制化水平和用户体验。每个示例都可以作为模板，根据实际需求进行修改和扩展，从而...
安卓自定义控件相关-Android自定义头部控件简单易用.rar
07-29
本资源“安卓自定义控件相关-Android自定义头部控件简单易用.rar”提供了关于创建自定义头部控件的示例，这在构建具有个性化的APP时非常有用。 标题中的“自定义头部控件”通常指的是在应用顶部显示的区域，如导航...
Android自定义组合控件之自定义下拉刷新和左滑删除实例代码
09-02
在Android开发中，自定义控件常常是提升用户体验的关键，特别是在复杂的交互场景中，如下拉刷新和左滑删除功能。这两个特性在许多列表或滚动视图应用中都非常常见，例如在消息列表、购物清单或者社交应用中。本文将...
android 刷新界面动画,Android自定义View app更新动画详解
weixin_34456422的博客
05-25 547
为了做一个有温度的IT男，我决定在以后的文章中给大家分享一些看到的，听到的一些东西，如果你不喜欢请留言让我知道，如果你喜欢请点个赞。你也可留言写下自己想分享的东西，温暖你我他。这次分享的是一首歌，毛不易的《消愁》，分享这首歌主要是这首歌的歌词，借用薛之谦的评价：“我是研究歌词的人，我研究了十几年，但是你写到我想给你跪！”，下面贴部分歌词供大家欣赏一杯敬朝阳，一杯敬月光唤醒我的向往，温柔了寒窗于是可...
android 自定义刷新控件,Android开发中MJRefresh自定义刷新动画效果
weixin_34190533的博客
05-25 229
有时候我们对自己开发的项目经常不满意，但是我们要达到自定义刷新动画的效果有一定的难度，别着急，下面爱站技术频道和大家分享Android开发中MJRefresh自定义刷新动画效果，一起来学习吧！【一】常见用法最原始的用法，耦合度低，但是不能统一管理。我们需要在每一个控制器都写以下代码，很繁琐，以后项目修改起来更繁琐，得一个控制器一个控制器的去定位、修改。1.1 使用默认刷新(耦合度底，但是想统一修改...
android 加载 .gif 并一直刷新
always_and_forever_的博客
11-13 810
1. dependencies { compile ‘pl.droidsonroids.gif:android-gif-drawable:1.2.+’ }2.
Android复杂自定义动画的实现思路
Vigibord的专栏
01-06 6429
复杂自定义动画基本思路：自定义一个View，让该View执行普通的Animation动画，利用Animation来当计时器，控制整个动画流程，收到每个进度变化时，先计算每个动画元素的大小、位置、颜色等逻辑，再刷新View来显示（动画元素在draw方法中自绘）
Android 下拉刷新,上拉加载动画,这一个就够了
java后台, 安卓App, 微信小程序都会, 有需要的可以联系!
08-06 5263
UltimateRefreshView 预览 功能 支持ListView，RecycleView，ScrollView，WebView 一行代码指定是否支持上拉加载，下拉刷新 自由定制刷新时头部和尾部的动画效果 使用方式 首先，是引入库 compile 'com.reoobter:ultrapullview:1.0.0' 其次，实现各自的动画效果 这里我们就以美团APP顶...
android刷新时的圆形动画_Android自定义加载圈动画效果
weixin_39614521的博客
12-18 772
本文实例为大家分享了Android自定义加载圈动画展示的具体代码，供大家参考，具体内容如下实现如下效果:该效果图主要有3个动画:1.旋转动画2.聚合动画3.扩散动画以上3个动画都是通过ValueAnimator来实现,配合自定义View的onDraw()方法实现不断的刷新和绘制界面.具体代码如下:package blog.csdn.net.mchenys.myanimationloading;im...
XRefreshView集成以及自定义下拉刷新动画
u013297881的专栏
08-03 2482
XRefreshView集成以及自定义GIF动画 1 继承第三方库    compile 'com.huxq17.xrefreshview:xrefreshview:3.6.9'     //依赖下面的库不然会报错    compile 'com.android.support:recyclerview-v7:23.0.1' 2 项目xml使用
Android刷新转圈动画实现(一)
better_huirong的专栏
03-23 6134
1.XML文件中： \res\anim\anim_rotate_refresh.xml <rotate android:duration="1000" android:fromDegrees="0" android:interpolator="@android:anim/linear_interpolator" android:pivotX="50%" andro
android 自定义下拉刷新动画效果
qq_28533013的博客
02-15 2375
今天公司让把官方的下拉刷新动画改一下，自己仔细读pullTorefresh源码，终于发现了蛛丝马迹，现我就自己理解将修改步骤给大家讲解一下。 本篇博文要给大家分享的是如何使用修改开源项目PullToRrefresh下拉刷新的动画，来满足我们开发当中特定的需求，我们比较常见的一种下拉刷新样式可能是以下这种： 就是下拉列表的时候两个箭头上下翻转，更改日期文本和刷新状态，这种是最普遍的一种模
Android自定义View如此简单 实现点击动画+进度刷新的提交/下载按钮(填坑面试题)
Mango先生的博客
07-21 8247
当我们看到一个复杂的动画效果时，一定要学会拆分实现步骤，因为再复杂的实现，也是由一个一个步骤组成的，我们只需要先将每个小步骤实现出来，再将其组合在一起就行了，这种思路很重要；既然可以应用于实际业务中，正好APP页面也有这方面的需求，所以就想动手绘制出来，于是就有了今天这篇文章，这种动画效果其实还是比较简单的，但是今天重点不在于此，主要是想借这篇文章重点叙述下自定义View的流程，也就是如何从零开始自定义一个View，以及涉及到的一些概念和冷门知识点，当然也是面试中经常会被问到的
Android自定义控件实现下拉刷新完整示例
该资源提供了一个关于Android自定义控件实现下拉刷新功能的实例代码。主要涉及到Android UI布局设计，字符串资源管理以及ListView的扩展。 在Android开发中，下拉刷新是常见的用户界面功能，它允许用户通过向下拉动...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值