Android 自定义仿微信网络加载弹出框

额,没有饿了么的动画效果好看,但是,特别适用,拿来就用!

看一下效果图

图片素材

好了,其实很简单,就是一个自定义Dialog的控件而已

1. 自定义view的style样式

    -- Base application theme. -->
    
    -- 自定义dialog的样式 -->
    

2.dialog_custom_bg 加载动画shape背景图(drawable文件夹下)

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#ff333333" />
    <corners android:radius="5dp" />
shape>

3.indeterminate_drawable 进度条模糊背景图(drawable文件夹下)

<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/loading"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360">
rotate>

4.加载对话框的背景

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="horizontal"
    android:padding="10dp">

    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:indeterminateDrawable="@drawable/indeterminate_drawable"
        android:indeterminateDuration="1800" />

    <TextView
        android:id="@+id/tvcontent"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:text="加载中"
        android:textColor="#ffffff"
        android:textSize="14sp" />

LinearLayout>

5.CustomDialog自定义控件

public class CustomDialog extends Dialog {
    private String content;

    public CustomDialog(Context context, String content) {
        super(context, R.style.CustomDialog);
        this.content=content;
        initView();
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        switch (keyCode){
            case KeyEvent.KEYCODE_BACK:
                if(CustomDialog.this.isShowing())
                    CustomDialog.this.dismiss();
                break;
        }
        return true;
    }

    private void initView(){
        setContentView(R.layout.dialog_view);
        ((TextView)findViewById(R.id.tvcontent)).setText(content);
        setCanceledOnTouchOutside(true);
        WindowManager.LayoutParams attributes = getWindow().getAttributes();
        attributes.alpha=0.8f;
        getWindow().setAttributes(attributes);
        setCancelable(false);
    }
}

6.Activity中直接调用

    CustomDialog customDialog = new CustomDialog(this, "正在加载...");
     customDialog.show();//显示,显示时页面不可点击,只能点击返回
     customDialog.dismiss();//消失