android 自定义帧动画,Android之仿美团加载数据帧动画

本文介绍如何在Android中创建一个自定义的加载数据弹框,使用帧动画实现奔跑小人的效果。通过XML布局、Activity代码、自定义弹框工具类和帧动画资源文件的结合,展示了一个正在加载中的进度对话框。详细步骤和代码注释帮助理解实现过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一:先来张效果图(这里是GIF动画,我就截屏的所有没有动画,实际是动的):

7e11ca1751f96b87de1198d9028f00d0.png

二:实现步骤:

1、xml布局

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

android:id="@+id/textview"

android:layout_width="match_parent"

android:layout_height="50dp"

android:layout_alignParentBottom="true"

android:layout_margin="20dp"

android:background="@drawable/animationtk"

android:gravity="center"

android:text="点击弹出动画"

android:textColor="#fff"

android:textSize="18dp" />

2.activity代码

package cll.com.myapplication;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.widget.TextView;

/**

* @Description 奔跑小人的动画弹框,可以用作加载数据界面

* 2017-4-3 http://blog.youkuaiyun.com/android_cll

*/

public class RuningManActivity extends Activity implements View.OnClickListener {

private TextView textview;//点击按钮

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.ac_runing_man);

initlayout();

}

/**

* 实例化

*/

private void initlayout() {

textview = (TextView) findViewById(R.id.textview);

textview.setOnClickListener(this);

}

/**

* 显示美团进度对话框

*

* @param v

*/

public void showmeidialog(View v) {

CustomProgressDialog dialog = new CustomProgressDialog(this, "正在加载中......", R.anim.animation);

dialog.setCanceledOnTouchOutside(false);//设置是否可以点击外部消失

dialog.setCancelable(false);//设置是否可以按退回键取消

dialog.show();

}

@Override

public void onClick(View view) {

switch (view.getId()) {

case R.id.textview:

showmeidialog(view);

break;

}

}

}

3.自定义弹框工具类

package cll.com.myapplication;

import android.app.ProgressDialog;

import android.content.Context;

import android.graphics.drawable.AnimationDrawable;

import android.os.Bundle;

import android.widget.ImageView;

import android.widget.TextView;

/**

* @Description:自定义加载数据弹框

* @author 2017-4-3 http://blog.youkuaiyun.com/android_cll

*/

public class CustomProgressDialog extends ProgressDialog {

private AnimationDrawable mAnimation;

private ImageView mImageView;

private String mLoadingTip;

private TextView mLoadingTv;

private int mResid;

public CustomProgressDialog(Context context, String content, int id) {

super(context);

this.mLoadingTip = content;

this.mResid = id;

setCanceledOnTouchOutside(true);

}

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

initView();

initData();

}

private void initData() {

mImageView.setBackgroundResource(mResid);

// 通过ImageView对象拿到背景显示的AnimationDrawable

mAnimation = (AnimationDrawable) mImageView.getBackground();

// 为了防止在onCreate方法中只显示第一帧的解决方案之一

mImageView.post(new Runnable() {

@Override

public void run() {

mAnimation.start();

}

});

mLoadingTv.setText(mLoadingTip);

}

private void initView() {

setContentView(R.layout.progress_dialog);

mLoadingTv = (TextView) findViewById(R.id.loadingTv);

mImageView = (ImageView) findViewById(R.id.loadingIv);

}

}

4.自定义弹框的xml布局

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:orientation="vertical" >

android:id="@+id/loadingIv"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@anim/animation"/>

android:id="@+id/loadingTv"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignBottom="@+id/loadingIv"

android:textColor="#fff"

android:layout_centerHorizontal="true"

android:textSize="20sp"

android:text="正在加载中.." />

5.anim文件下的帧动画文件

android:oneshot="false"

xmlns:android="http://schemas.android.com/apk/res/android"

>

到此加载数据弹框的帧动画功能就实现了,不喜勿喷,都有注释就不用解释太多

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值