Android中创建一个透明的进度对话框实例
首先我们看一下什么叫做透明的进度对话框:
接下来我们讲一下如何创建:
1、使用eclipse创建一个新的android 项目,使用android 2.2或以上。
2、在/res/layout文件夹,创建线性布局activity_main.xml文件,主要是为了添加一个文本标签和一个按钮
activity_main.xml
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<textview
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:padding="8dp"
android:textsize="20sp"
android:text="transparent progress indicator" />
<button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="check it out!"
android:layout_margintop="40dp"
android:layout_gravity="center"
android:id="@+id/the_button" />
</linearlayout>
3、在/res/values中打开styles.xml,在这里将添加透明对话框的样式。请务必指定父属性,否则你在运行时会出现问题
styles.xml
<resources>
<!--
base application theme, dependent on api level. this theme is replaced
by appbasetheme from res/values-vxx/styles.xml on newer devices.
-->
<style name="appbasetheme" parent="android:theme.light">
<!--
theme customizations available in newer api levels can go in
res/values-vxx/styles.xml, while customizations related to
backward-compatibility can go here.
-->
</style>
<!-- application theme. -->
<style name="apptheme" parent="appbasetheme">
<!-- all customizations that are not specific to a particular api-level can go here. -->
</style>
<!-- transparent dialog -->
<style name="transparentprogressdialog" parent="@android:theme.dialog">
<item name="android:windowframe">@null</item>
<item name="android:windowbackground">@android:color/transparent</item>
<item name="android:windowisfloating">true</item>
<item name="android:windowcontentoverlay">@null</item>
<item name="android:windowtitlestyle">@null</item>
<item name="android:windowanimationstyle">@android:style/animation.dialog</item>
<item name="android:windowsoftinputmode">stateunspecified|adjustpan</item>
<item name="android:backgrounddimenabled">true</item>
<item name="android:background">@android:color/transparent</item>
</style>
</resources>
4、 在/res中间添加一个动态旋转的动画图片:
5、现在可以实现您的mainactivity.java文件了
mainactivity.java
package com.authorwjf.transparentprogressdialog;
import android.os.bundle;
import android.os.handler;
import android.app.activity;
import android.app.dialog;
import android.content.context;
import android.view.gravity;
import android.view.view;
import android.view.view.onclicklistener;
import android.view.viewgroup.layoutparams;
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;
public class mainactivity extends activity implements onclicklistener {
private transparentprogressdialog pd;
private handler h;
private runnable r;
@override
protected void oncreate(bundle savedinstancestate) {
super.oncreate(savedinstancestate);
setcontentview(r.layout.activity_main);
h = new handler();
pd = new transparentprogressdialog(this, r.drawable.spinner);
r =new runnable() {
@override
public void run() {
if (pd.isshowing()) {
pd.dismiss();
}
}
};
findviewbyid(r.id.the_button).setonclicklistener(this);
}
@override
public void onclick(view v) {
pd.show();
h.postdelayed(r,5000);
}
@override
protected void ondestroy() {
h.removecallbacks(r);
if (pd.isshowing() ) {
pd.dismiss();
}
super.ondestroy();
}
}
6、以下是实现透明动画的代码
private class transparentprogressdialog extends dialog {
private imageview iv;
public transparentprogressdialog(context context, int resourceidofimage) {
super(context, r.style.transparentprogressdialog);
windowmanager.layoutparams wlmp = getwindow().getattributes();
wlmp.gravity = gravity.center_horizontal;
getwindow().setattributes(wlmp);
settitle(null);
setcancelable(false);
setoncancellistener(null);
linearlayout layout = new linearlayout(context);
layout.setorientation(linearlayout.vertical);
linearlayout.layoutparams params = new linearlayout.layoutparams(layoutparams.match_parent, layoutparams.wrap_content);
iv = new imageview(context);
iv.setimageresource(resourceidofimage);
layout.addview(iv, params);
addcontentview(layout, params);
}
@override
public void show() {
super.show();
rotateanimation anim = new rotateanimation(0.0f, 360.0f , animation.relative_to_self, .5f, animation.relative_to_self, .5f);
anim.setinterpolator(new linearinterpolator());
anim.setrepeatcount(animation.infinite);
anim.setduration(3000);
iv.setanimation(anim);
iv.startanimation(anim);
}
}
最后的结果是