自定义android ProgressDialog
oktua689
9年前
来自: http://blog.csdn.net//guijiaoba/article/details/19288461
Android系统自己提供的UI的都是比较难看的,开发中经常用到自定义对话框,下面分享个最近项目中使用的加载框。
下面是源代码,主要的原理就是准备几个图片,然后循环播放。
MainActivity.java
package com.example.testandroidprogressdialog; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; public class MainActivity extends Activity implements OnClickListener { Button button1; Button button2; protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); button1 = (Button) findViewById(R.id.button1); button2 = (Button) findViewById(R.id.button2); button1.setOnClickListener(this); button2.setOnClickListener(this); } public void onClick(View v) { if (v == button1) { showDialog("正在加载请稍后"); } else if (v == button2) { showDialog(""); } } void showDialog(String msg) { MyProgressDialog myDialog = new MyProgressDialog(this); myDialog.setMsg(msg); myDialog.show(); } }
package com.example.testandroidprogressdialog; import android.app.Dialog; import android.content.Context; import android.content.DialogInterface; import android.content.DialogInterface.OnDismissListener; import android.content.DialogInterface.OnShowListener; import android.graphics.drawable.AnimationDrawable; import android.os.Bundle; import android.text.TextUtils; import android.view.View; import android.widget.ImageView; import android.widget.TextView; public class MyProgressDialog extends Dialog implements OnShowListener, OnDismissListener { Context context; ImageView imageview; TextView textView; String msg; public MyProgressDialog(Context context) { this(context, R.style.AppTheme_Dialog_NoTitleBar); } public MyProgressDialog(Context context, int theme) { super(context, theme); this.context = context; } protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); View view = View.inflate(context, R.layout.dialog_progress, null); setContentView(view); imageview = (ImageView) view.findViewById(R.id.iv_loading); textView = (TextView) view.findViewById(R.id.tv_msg); setOnShowListener(this); textView.setText(msg); textView.setVisibility(TextUtils.isEmpty(msg) ? View.GONE : View.VISIBLE); } public void onShow(DialogInterface dialog) { AnimationDrawable animationDrawable = (AnimationDrawable) imageview.getBackground(); animationDrawable.start(); } public void onDismiss(DialogInterface dialog) { AnimationDrawable animationDrawable = (AnimationDrawable) imageview.getBackground(); animationDrawable.stop(); } public String getMsg() { return msg; } public void setMsg(String msg) { this.msg = msg; } }
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/dialog_progress_bg" android:gravity="center_vertical" android:orientation="horizontal" android:padding="10dp" > <ImageView android:id="@+id/iv_loading" android:layout_width="60dp" android:layout_height="60dp" android:background="@anim/dialog_progress_anim_bg" android:contentDescription="@string/app_name" /> <TextView android:id="@+id/tv_msg" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:textColor="#fff" android:textSize="16sp" android:visibility="gone" /> </LinearLayout>
还有比较重要的就是,对话框需要的样式。
<style name="AppTheme.Dialog" parent="@android:style/Theme.Dialog"> <item name="android:windowFrame">@null</item> <item name="android:windowIsFloating">true</item> <item name="android:windowIsTranslucent">false</item> <item name="android:windowNoTitle">true</item> <item name="android:windowBackground">@android:color/transparent</item> <item name="android:backgroundDimEnabled">false</item> </style> <style name="AppTheme.Dialog.NoTitleBar"> <item name="android:windowNoTitle">true</item> <item name="android:background">@drawable/dialog_frame_bg</item> <item name="android:windowBackground">@android:color/transparent</item> <item name="android:colorBackgroundCacheHint">@null</item> <item name="android:windowIsTranslucent">true</item> </style>
动画文件
<?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false"> <item android:drawable="@drawable/progress_1" android:duration="200"/> <item android:drawable="@drawable/progress_2" android:duration="200"/> <item android:drawable="@drawable/progress_3" android:duration="200"/> <item android:drawable="@drawable/progress_4" android:duration="200"/> <item android:drawable="@drawable/progress_5" android:duration="200"/> <item android:drawable="@drawable/progress_6" android:duration="200"/> <item android:drawable="@drawable/progress_7" android:duration="200"/> <item android:drawable="@drawable/progress_8" android:duration="60"/> </animation-list>
原理和实现都是比较简单。主要是自定义一个view,可以播放对动画的图片,也就是一个帧动画。然后重装定义对话框的样式,不让系统的样式和样式出现,最后在显示的时候,播放动画。
下面是下载文件地址http://download.csdn.net/detail/xia215266092/6926849