Android自定义控件——仿微信半透明加载框

---

在我们的app中不免回遇到耗时操作，这时我们给个加载框进行过度，使用户体验大大加强。

一、CustomDialog类的编写

package com.daqsoft.jingguan.weight;

import android.app.Dialog;
import android.content.Context;
import android.view.KeyEvent;
import android.view.WindowManager;
import android.widget.TextView;

import com.daqsoft.jingguan.R;

/**
 * 自定义透明的dialog
 */
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.9f;
        getWindow().setAttributes(attributes);
        setCancelable(false);
    }
}

二、建立自定义style

    <!-- 自定义dialog的样式 -->
    <style name="CustomDialog">
        <item name="android:windowFrame">@null</item><!--边框-->
        <item name="android:windowIsFloating">true</item><!--是否浮现在activity之上-->
        <item name="android:windowIsTranslucent">false</item><!--半透明-->
        <item name="android:windowNoTitle">true</item><!--无标题-->
        <item name="android:windowBackground">@drawable/bg_dialog_custom</item><!--背景透明-->
        <item name="android:backgroundDimEnabled">false</item><!--模糊-->
        <item name="android:backgroundDimAmount">0.6</item>
    </style>

三、背景drawable/bg_dialog_custom

在drawable中建立bg_dialog_custom.xml文件

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <solid android:color="#ff333333" />

    <corners android:radius="5dp" />

</shape>

四、layout布局dialog_view

<!-- 加载对话框布局 -->
<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>

上面的android:indeterminateDrawable=”@drawable/indeterminate_drawable”就是给ProgressBar加一个样式

五、ProgressBar加一个样式

建立文件indeterminate_drawable.xml放入drawable文件夹下

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@mipmap/loading"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360">

</rotate>

加载的图片这里下载，下载后放入mipmap-xhdpi中

六、使用

上面基本就把一个自定义半透明的加载框写完了，怎么使用呢，一般我们把他建立在Baseactivity中

配置如下

 private CustomDialog logDialog;

 //方法
     //下面是加载框
    public void showLoadingDialog() {
        if (logDialog == null) {
            logDialog = new CustomDialog(this,"数据加载中");
        }
        logDialog.show();
    }

    public void dismissLoadingDialog() {
        if (logDialog != null) {
            logDialog.dismiss();
        }
    }

这样之后使用就太方便了，对应的Activity继承BaseActivity直接调用上面方法即可实现