android自定义透明对话框，透明提示框，自定义Dialog

  昨天在上网无意间发现一个android自定义透明的对话框，看着效果挺不错。于是研究了下。结果是一个第三方的库文件。犹豫了，这个效果虽然看着还不错，但是为了这一个功能引用一个库，觉得有点小题大做。于是乎再深研究发现原来这个库里面就只有两个类，作为一个项目需要引用库的话，如果只有两个类不知道其他程序员们怎么想，反正我是不会为两个类去专门引用一个库，一翻整理后，把这个直接集成到项目里，写了个demo给大家分享：

效果图



      首先写之前需要做些准备工作：

     一，在res下新建anim文件夹添加一个progressbar.xml文件

<span style="font-size:24px;"><?xml version="1.0" encoding="utf-8"?>
<set android:shareInterpolator="false" xmlns:android="http://schemas.android.com/apk/res/android">
<rotate
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"/>
</set></span>

    二，在drawble文件夹下添加一个transparent_bg.xml文件

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

  三，在values下的styles.xml中添加一个自定义的样式，将来引用

<style name="Transparent" parent="@android:style/Theme.Dialog">
<item name="android:windowFrame">@null</item>
<item name="android:windowIsFloating">true</item>
<item name="android:windowContentOverlay">@null</item>
<item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>
<item name="android:windowSoftInputMode">stateUnspecified|adjustPan</item>
<item name="android:windowBackground">@drawable/transparent_bg</item>
<item name="android:windowNoTitle">true</item>
</style>

好了，准备工作就绪。

下来看代码

新建一个

TransparentDialog类继承Dialog

public TransparentDialog(Context context, int theme) {
super(context, theme);
}

public static TransparentDialog createDialog(Context context) {
TransparentDialog dialog = new TransparentDialog(context, R.style.Transparent);
dialog.setContentView(R.layout.transparent);
dialog.getWindow().getAttributes().gravity = Gravity.CENTER;
return dialog;
}

public void setMessage(String message) {
TextView msgView = (TextView)findViewById(R.id.transparent_message);
msgView.setText(message);
}

public void setImage(Context ctx, int resId) {
ImageView image = (ImageView)findViewById(R.id.transparent_image);
image.setImageResource(resId);

if(resId==R.drawable.transparent_spinner) {
Animation anim = AnimationUtils.loadAnimation(ctx,R.anim.progressbar);
anim.start();
image.startAnimation(anim);
}

}

里面的findviewbyid的控件是在布局文件transparent.xml里面，很简单就一张图片和一个文本，布局如下

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_margin="16dp"
android:layout_width="200dp"
android:layout_height="wrap_content" >

<ImageView
android:id="@+id/transparent_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:contentDescription="@string/app_name"/>

<TextView
android:id="@+id/transparent_message"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="16sp"
android:layout_marginTop="10dp" />

</LinearLayout>

然后在新建一个Transparent类，用于自定义对话框的属性和样式，很简单，每种对话框对应一个方法

public static void showLoadingMessage(Context context, String msg, boolean cancelable) {
dismiss();
setDialog(context, msg, R.drawable.transparent_spinner, cancelable);
if(dialog!=null) dialog.show();

}

这个方法就是夹在时候显示的对话框消息，其余几个类似。

其中

dialog.setCancelable(cancelable);方法接收一个布尔值，表示当按下手机back按键时候，对话框是否会消失。

setDialog（）可以在里面设置弹出对话框的文字和图片

dismissAfter2s()方法用于关闭对话框，提示消息弹出2秒后关闭，这里我们起了一个线程，用handler发送一个消息，

当接收到消息时候，调用<span style="background-color: rgb(255, 255, 255); font-family: Consolas; font-size: 12.8pt;">dismiss()方法关闭对话框</span>

正在加载中的弹出框有点特殊，因为我们有时候不知道要加载多久，所以它会一直存在，当我们按下back按键时候会关闭

</pre>

public static void showErrorMessage(Context context, String msg) {
dismiss();
setDialog(context, msg, R.drawable.transparent_error, true);
if(dialog!=null) {
dialog.show();
dismissAfter2s();
}
}

public static void showSuccessMessage(Context context, String msg) {
dismiss();
setDialog(context, msg, R.drawable.transparent_success, true);
if(dialog!=null) {
dialog.show();
dismissAfter2s();
}
}

public static void showInfoMessage(Context context, String msg) {
dismiss();
setDialog(context, msg, R.drawable.transparent_info, true);
if(dialog!=null) {
dialog.show();
dismissAfter2s();
}
}

private static void setDialog(Context ctx, String msg, int resId, boolean cancelable) {
context = ctx;

if(!isContextValid()){
return;
}
dialog = TransparentDialog.createDialog(ctx);
dialog.setMessage(msg);
dialog.setImage(ctx, resId);
dialog.setCanceledOnTouchOutside(false);
dialog.setCancelable(cancelable);		// back键是否可dimiss对话框

}

/**
* 关闭对话框
*/
public static void dismiss() {
if(isContextValid() && dialog!=null && dialog.isShowing())
dialog.dismiss();
dialog = null;
}

/**
* 计时关闭对话框
*
*/
private static void dismissAfter2s() {
new Thread(new Runnable() {
@Override
public void run() {
try {
Thread.sleep(2000);
handler.sendEmptyMessage(0);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}).start();
}

private static Handler handler = new Handler() {
public void handleMessage(Message msg) {
if(msg.what==0)
dismiss();
};
};

/**
* 判断parent view是否还存在
* 若不存在不能调用dismis，或setDialog等方法
* @return
*/
private static boolean isContextValid() {
if(context==null)
return false;
if(context instanceof Activity) {
Activity act = (Activity)context;
if(act.isFinishing())
return false;
}
return true;
}

接下来就是在代码中直接调用了，这里不作过多解释，直接看源码，相信聪明的你肯定可以看懂

public class MainActivity extends Activity implements View.OnClickListener {

private Button LoadingBt;
private Button ErrorBt;
private Button SuccessgBt;
private Button ShowMessageBt;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

LoadingBt = (Button) findViewById(R.id.bt_loading);
ErrorBt = (Button) findViewById(R.id.bt_error);
SuccessgBt = (Button) findViewById(R.id.bt_success);
ShowMessageBt = (Button) findViewById(R.id.bt_show_message);

LoadingBt.setOnClickListener(this);
ErrorBt.setOnClickListener(this);
SuccessgBt.setOnClickListener(this);
ShowMessageBt.setOnClickListener(this);

}

@Override
public void onClick(View view) {
switch (view.getId()){
case R.id.bt_loading:
Transparent.showLoadingMessage(this,"加载中",true);
break;
case R.id.bt_error:
Transparent.showErrorMessage(this,"加载错误");
break;
case R.id.bt_success:
Transparent.showSuccessMessage(this,"加载成功");
break;
case R.id.bt_show_message:
Transparent.showInfoMessage(this,"显示信息");
break;
}
}

}

说明：

1. 隐藏提示框

在调用新的show之前，Transparent会自动关闭正在显示的。也可以使用

<span style="color:#ff0000;">Transparent<span style="background-color: rgb(255, 255, 255); font-family: Consolas; font-size: 12px;">.dismiss(); 方法手动关闭。</span></span>

2. 替换icon

四个图标在drawable文件夹内，使用相同名字图标替换即可。
好了，就是这么简单。最后附上效果图和源码