快捷導(dǎo)航

Android自定義Dialog實(shí)現(xiàn)加載對話框效果

更新時(shí)間：2018年05月14日 09:41:26 作者：宿罪

這篇文章將介紹如何定制當(dāng)今主流的對話框，通過自定義dialog實(shí)現(xiàn)加載對話框效果，具體實(shí)現(xiàn)代碼大家通過本文學(xué)習(xí)吧

前言

最近開發(fā)中用到許多對話框，之前都是在外面的代碼中創(chuàng)建AlertDialog并設(shè)置自定義布局實(shí)現(xiàn)常見的對話框，諸如更新提示等含有取消和刪除兩個(gè)按鈕的對話框我們可以通過代碼創(chuàng)建一個(gè)AlertDialog并通過它暴露的一系列方法設(shè)置我們自定義的布局和style，但有時(shí)候系統(tǒng)的AlertDialog并不能實(shí)現(xiàn)更好的定制，這時(shí)，我們就想到了自定義Dialog。通過查看AlertDialog的類結(jié)構(gòu)發(fā)現(xiàn)它也是繼承于Dialog，于是我們也可以通過繼承Dialog實(shí)現(xiàn)我們自定義的Dialog。這篇文章將介紹如何定制當(dāng)今主流的對話框，先上效果圖，給大家養(yǎng)養(yǎng)眼。

這里寫圖片描述

代碼實(shí)現(xiàn)

1、編寫自定義布局，dialog_loading.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:orientation="vertical"
       android:layout_width="match_parent"
       android:gravity="center"
       android:background="@drawable/bg_loading_dialog"
       android:layout_height="match_parent">
  <ImageView
    android:id="@+id/iv_loading"
    android:layout_width="wrap_content"
    android:src="@mipmap/ic_dialog_loading"
    android:layout_height="wrap_content"/>
  <TextView
    android:id="@+id/tv_loading"
    android:layout_width="wrap_content"
    android:layout_marginTop="20dp"
    android:text="@string/loading"
    android:textSize="16sp"
    android:textColor="@android:color/white"
    android:layout_height="wrap_content"/>
</LinearLayout>

2、繼承Dialog，覆蓋構(gòu)造方法

public class LoadingDialog extends Dialog {
  private static final String TAG = "LoadingDialog";
  private String mMessage; // 加載中文字
  private int mImageId; // 旋轉(zhuǎn)圖片id
  private boolean mCancelable;
  private RotateAnimation mRotateAnimation;
  public LoadingDialog(@NonNull Context context,String message,int imageId) {
    this(context,R.style.LoadingDialog,message,imageId,false);
  }
  public LoadingDialog(@NonNull Context context, int themeResId,String message,int imageId,boolean cancelable) {
    super(context, themeResId);
    mMessage = message;
    mImageId = imageId;
    mCancelable = cancelable;
  }
}

3、覆蓋onCreate()，初始化控件

@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  initView();
}
private void initView() {
  setContentView(R.layout.dialog_loading);
  // 設(shè)置窗口大小
  WindowManager windowManager = getWindow().getWindowManager();
  int screenWidth = windowManager.getDefaultDisplay().getWidth();
  WindowManager.LayoutParams attributes = getWindow().getAttributes();
  // 設(shè)置窗口背景透明度
  attributes.alpha = 0.3f;
  // 設(shè)置窗口寬高為屏幕的三分之一（為了更好地適配，請別直接寫死）
  attributes.width = screenWidth/3;
  attributes.height = attributes.width;
  getWindow().setAttributes(attributes);
  setCancelable(mCancelable);
  TextView tv_loading = findViewById(R.id.tv_loading);
  ImageView iv_loading = findViewById(R.id.iv_loading);
  tv_loading.setText(mMessage);
  iv_loading.setImageResource(mImageId);
  // 先對imageView進(jìn)行測量，以便拿到它的寬高（否則getMeasuredWidth為0）
  iv_loading.measure(0,0);
  // 設(shè)置選擇動(dòng)畫
  mRotateAnimation = new RotateAnimation(0,360,iv_loading.getMeasuredWidth()/2,iv_loading.getMeasuredHeight()/2);
  mRotateAnimation.setInterpolator(new LinearInterpolator());
  mRotateAnimation.setDuration(1000);
  mRotateAnimation.setRepeatCount(-1);
  iv_loading.startAnimation(mRotateAnimation);
}

以上代碼需要注意設(shè)置動(dòng)畫旋轉(zhuǎn)中心坐標(biāo)為我們imageView的中心點(diǎn)，需要先對imageView進(jìn)行測量，同時(shí)初始化布局的操作請放在onCreate（）方法中（別直接在構(gòu)造方法中初始化布局，這樣可以在Dialog要顯示的時(shí)候才初始化，即調(diào)用show方法）。

4、其他

@Override
public void dismiss() {
  mRotateAnimation.cancel();
  super.dismiss();
}
@Override
public boolean onKeyDown(int keyCode, @NonNull KeyEvent event) {
  if(keyCode == KeyEvent.KEYCODE_BACK){
    // 屏蔽返回鍵
    return mCancelable;
  }
  return super.onKeyDown(keyCode, event);
}

這一步需要注意的是我們Dialog在顯示的時(shí)候就會(huì)無限重復(fù)（setRepeatCount(-1))執(zhí)行旋轉(zhuǎn)動(dòng)畫，因此在Dialog消失的時(shí)候我們要取消動(dòng)畫，而屏蔽返回鍵則是為了更好地讓窗口的關(guān)閉被我們的mCancelable控制。

看到這里你或許想知道我們設(shè)置的布局背景drawable，如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
  <corners android:radius="10dp"></corners>
  <solid android:color="@android:color/black"/>
</shape>

你可以自己設(shè)置你想要的圓角大小，也可以設(shè)置背景顏色（會(huì)被透明處理，根據(jù)我們?yōu)榇翱谠O(shè)置的透明度）。

當(dāng)然，仔細(xì)的你會(huì)發(fā)現(xiàn)我們還少了一些必要的配置，那就是窗口的style，如下：

<style name="LoadingDialog" parent="@android:style/Theme.Holo.Dialog.NoActionBar">
  <item name="android:windowBackground">@android:color/transparent</item>
  <item name="android:backgroundDimEnabled">false</item>
</style>

•android:windowBackground：設(shè)置窗口的背景，這里設(shè)為透明;
•android:backgroundDimEnabled：設(shè)置窗口是否變暗（true變暗，false不變暗，見效果圖1和2）。

最后奉上這篇文章的github：https://github.com/ydxlt/LoadingDialog

總結(jié)

以上所述是小編給大家介紹的Android自定義Dialog實(shí)現(xiàn)加載對話框效果，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: