Android加载动画系列——WifiLoadingAnim

最新推荐文章于 2025-06-17 19:11:14 发布

BestWZR

最新推荐文章于 2025-06-17 19:11:14 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： android 移动开发文章标签： android 动画 WifiLoadingAnim

本文链接：https://blog.youkuaiyun.com/zhimingshangyan/article/details/52074442

本文介绍了如何在Android应用中创建一个WifiLoading动画，以提升用户体验。当网页加载失败时，展示这个动画代替静态图片。文章展示了动画效果、布局引用、在Activity中播放和停止动画的代码示例，并提供了源码下载链接。

Android加载动画系列——WifiLoadingAnim

我们经常会遇到这样一种场景，加载网页的时候，刚好遇到网速不给力，然后就加载失败了，这个时候为了用户友好性原则，我们会给出一个加载失败的页面，有些设计会放置一张wifi的图片，如果把图片换成动画会不会更好呢？让我们来看看wifi加载动画怎么实现吧~

让我们先来看看效果图：

1、WifiLoadingAnim.java源码如下：

public class WifiLoadingAnim extends View {
    private float mWidth = 0f;
    private Paint mPaint;
    private int signalSize = 4;

    public WifiLoadingAnim(Context context) {
        this(context, null);
    }

    public WifiLoadingAnim(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public WifiLoadingAnim(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initPaint();
    }

    private void initPaint() {
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setColor(Color.WHITE);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        canvas.save();
        canvas.translate(0, mWi