总结下一个简单的需求,后续需要用到的时候可以直接用。
在我们网络请求,异步加载数据,等待函数回调,数据库的操作等耗时的过程中,这个时候,界面在等待返回数据来进行展示,此时加上一个loading弹窗会显得有好很多。
在一些情况下不加的话,会导致一些后果:
1.用户无法感知我们正在进行的操作,因为此时UI在等待数据返回渲染。
2.ANR,在某些情况下,如果不屏蔽用户点击,用户的其他操作会导致我们的操作中断,甚至导致ANR
那么我一般会用到两种loading弹窗
1.系统的Loading加载弹窗,方便快捷,在不做特定的UI需要下,实现快。
import android.app.ProgressDialog;
import android.content.Context;
public class ProgressDialogUtils {
private static ProgressDialog progressDialog;//ProgressDialog这个对象你从上面的导入也可以看到,这是Android库自带的
public static void showProgressDialog(Context context, String message) {
progressDialog = new ProgressDialog(context);
progressDialog.setMessage(message);
progressDialog.setCancelable(false);
progressDialog.show();
}
public static void hideProgressDialog() {
if (progressDialog != null && progressDialog.isShowing()) {
progressDialog.dismiss();
}
}
}
2.第二种自定义的loading弹窗
首先做一个XML布局
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/transparent"
xmlns:app="http://schemas.android.com/apk/res-auto">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="148dp"
android:layout_height="107dp"
android:id="@+id/loading_container"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
android:background="@drawable/gray_a30_c8_bg"
android:alpha="0.8">
<androidx.appcompat.widget.AppCompatImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:id="@+id/loading_img"
android:src="@mipmap/ic_loading_trans"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
android:layout_marginTop="25dp"
app:layout_constraintTop_toTopOf="parent"/>
<androidx.appcompat.widget.AppCompatTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="12sp"
android:text="Translating..."
android:textColor="#E3E6E8"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
android:layout_marginBottom="20dp"/>
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
界面展示如下:
2.然后自定义一个Dialog,给图片加一个旋转的动画
import android.app.Dialog
import android.content.Context
import android.graphics.drawable.ColorDrawable
import android.view.Gravity
import android.view.Window
import android.view.WindowManager
import android.view.animation.Animation
import android.view.animation.LinearInterpolator
import android.view.animation.RotateAnimation
import android.widget.ImageView
import android.widget.LinearLayout
import androidx.constraintlayout.widget.ConstraintLayout
import com.example.translateapp.R
class LoadingDialog(context: Context) : Dialog(context) {
init {
init()
}
private fun init() {
requestWindowFeature(Window.FEATURE_NO_TITLE)
setContentView(R.layout.dialog_loading)
// 设置背景透明
window?.setBackgroundDrawable(ColorDrawable(android.graphics.Color.TRANSPARENT))
// 设置全屏
window?.setLayout(
WindowManager.LayoutParams.MATCH_PARENT,
WindowManager.LayoutParams.MATCH_PARENT
)
window?.setGravity(Gravity.CENTER)
// 添加旋转的loading图片
val loadingImage: ImageView = findViewById(R.id.loading_img)
// 添加旋转动画
val rotateAnimation = RotateAnimation(
0f, 360f,
Animation.RELATIVE_TO_SELF, 0.5f,
Animation.RELATIVE_TO_SELF, 0.5f
)
rotateAnimation.duration = 1000
rotateAnimation.interpolator = LinearInterpolator()
rotateAnimation.repeatCount = Animation.INFINITE
loadingImage.startAnimation(rotateAnimation)
}
override fun onBackPressed() {
// 不可取消
}
}
3.调用:文章来源:https://www.toymoban.com/news/detail-632890.html
var loadingDialog = LoadingDialog(this)
loadingDialog.show()
loadingDialog.dismiss()
文章来源地址https://www.toymoban.com/news/detail-632890.html
到了这里,关于Android 实现Loading弹窗的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!