android 加载动画弹窗,Android 自定义加载动画Dialog弹窗效果

好习惯 上效果:

523462dd9d49

在这里插入图片描述

523462dd9d49

在这里插入图片描述

523462dd9d49

在这里插入图片描述

523462dd9d49

在这里插入图片描述

523462dd9d49

在这里插入图片描述

首先是创建弹窗的背景

523462dd9d49

在这里插入图片描述

这是上面用到的

以shape_bg_5_blue.xml为例,其他的三个无非就是里面的颜色不一样而已

然后是图片

523462dd9d49

image.png

523462dd9d49

icon_loading_1.png

523462dd9d49

icon_loading_2.png

523462dd9d49

icon_loading_3.png

523462dd9d49

icon_loading_4.png

523462dd9d49

icon_loading_5.png

因为有一个是白色的所以你看不见,但是依然可以保存到你本地文件夹下。

然后就是创建一个弹窗的样式(values文件夹下的Style.xml)

@null

true

@drawable/shape_bg_5_yellow

true

@null

通过这个android:windowBackground的值改变不同的弹窗背景。

然后就是一个动画文件

523462dd9d49

image.png

这个文件一定要放在anim文件夹下(PS:什么?你说你没有这个文件夹?没有你就创建一个啊,我的天!)

loading_animation.xml代码如下:

android:interpolator="@android:anim/linear_interpolator"

android:pivotX="50%"

android:pivotY="50%"

android:fromDegrees="0"

android:toDegrees="+360"

android:duration="1500"

android:startOffset="-1"

android:repeatMode="restart"

android:repeatCount="-1"/>

下面就要创建一个显示内容的布局

523462dd9d49

image.png

布局代码如下:

android:id="@+id/dialog_view"

android:orientation="vertical"

android:layout_width="120dp"

android:layout_height="120dp"

android:gravity="center"

android:padding="10dp">

android:id="@+id/iv_loading"

android:layout_width="40dp"

android:layout_height="40dp"

android:src="@mipmap/icon_loading_5" />

android:id="@+id/tv_loading_tx"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="10dp"

android:maxLines="1"

android:text="玩命加载中..."

android:textColor="#FFF"

android:textSize="14sp" />

接下来就是自定义Dialog

import android.app.Dialog;

import android.content.Context;

import android.content.DialogInterface;

import android.view.Gravity;

import android.view.animation.Animation;

import android.view.animation.AnimationUtils;

import android.widget.ImageView;

import android.widget.TextView;

/**

* 自定义弹窗

*/

public class CustomDialog extends Dialog {

TextView tvLoadingTx;

ImageView ivLoading;

public CustomDialog(Context context) {

this(context, R.style.loading_dialog, "玩命加载中...");

}

public CustomDialog(Context context, String string) {

this(context, R.style.loading_dialog, string);

}

protected CustomDialog(Context context, int theme, String string) {

super(context, theme);

setCanceledOnTouchOutside(true);//点击其他区域时 true 关闭弹窗 false 不关闭弹窗

setContentView(R.layout.loading_dialog);//加载布局

tvLoadingTx = findViewById(R.id.tv_loading_tx);

tvLoadingTx.setText(string);

ivLoading = findViewById(R.id.iv_loading);

// 加载动画

Animation hyperspaceJumpAnimation = AnimationUtils.loadAnimation(

context, R.anim.loading_animation);

// 使用ImageView显示动画

ivLoading.startAnimation(hyperspaceJumpAnimation);

getWindow().getAttributes().gravity = Gravity.CENTER;//居中显示

getWindow().getAttributes().dimAmount = 0.5f;//背景透明度 取值范围 0 ~ 1

}

//关闭弹窗

@Override

public void dismiss() {

super.dismiss();

}

}

使用

523462dd9d49

image.png

这应该能看懂吧,写完收工。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值