• Android 自定义progressDialog实现


      我们在项目中经常会遇到这样一个应用场景:执行某个耗时操作时,为了安抚用户等待的烦躁心情我们一般会使用进度条之类的空间,在android中让大家最 容易想到的就是progressbar或者progressDialog,区别在于前者是一个控件,后者是对话框。由于一些需求在弹出进度条时不希望用户 能够操作其他控件,所以只能使用progressDialog,这个时候有遇到了一个问题,我不想要progressDialog的黑色框框,感觉这样跟 应用的整体风格不协调,这个时候就考虑了写一个自定义的progressDialog。
      在网上搜过很多自定义progressDialog的例子,对着写了下,但是没有任何效果,不知道是自己使用的方法不对还是什么地方出错了。通过不断的查找资料,写了一个简单的自定义progressDialog。先上图看下效果:

    1.String.xml 文件,progressDialog是继承与Dialog,先设置一下progressDialog的风格,设置背景透明色。

        <style name="CustomDialog" 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> 
        </style>
        
        <style name="CustomProgressDialog" parent="@style/CustomDialog"> 
            <item name="android:windowBackground">@android:color/transparent</item> 
            <item name="android:windowNoTitle">true</item> 
        </style>

    2.my_progressdialog.xml文件,定义自己的布局,由于我的需求只需要一个进度条以及一串显示的内容,所以布局比较接单

    <?xml version="1.0" encoding="utf-8"?> 
    <LinearLayout 
      xmlns:android="http://schemas.android.com/apk/res/android" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:orientation="horizontal"> 
        <ImageView 
           android:id="@+id/loadingImageView" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:background="@anim/progress_round"/> 
        <TextView    
            android:id="@+id/id_tv_loadingmsg" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:layout_gravity="center_vertical" 
            android:textSize="20dp"/> 
    </LinearLayout>

    3.progress_round.xml文件.这个文件为了实现转动的效果,循环显示这些图片。

    <?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="200"/> 
    </animation-list>

    上面的动画是一个逐帧动画,通常采用xml文件定义。如上面代码,定义逐帧动画非常简单,只需要定义动画内容和时间即可。oneshot="false"代表让动画循环播放。

    4.MyProgressDialog.java文件,这个是就是我们最终需要使用的progressDialog了。

    package com.maso.wuye.widget;
    
    import android.app.Dialog;
    import android.content.Context;
    import android.graphics.drawable.AnimationDrawable;
    import android.view.Gravity;
    import android.widget.ImageView;
    import android.widget.TextView;
    
    import com.maso.wuye.R;
    
    public class MyProgressDialog extends Dialog {
    
    	private Context context = null;
    	private static MyProgressDialog customProgressDialog = null;
    	
    	public MyProgressDialog(Context context) {
    		super(context);
    		this.context = context;
    	}
    
    	public MyProgressDialog(Context context, int theme) {
    		super(context, theme);
    	}
    
    	public static MyProgressDialog createDialog(Context context) {
    		customProgressDialog = new MyProgressDialog(context,
    				R.style.CustomProgressDialog);
    		customProgressDialog.setContentView(R.layout.my_progressdialog);
    		customProgressDialog.getWindow().getAttributes().gravity = Gravity.CENTER;
    		return customProgressDialog;
    	}
    
    	public void onWindowFocusChanged(boolean hasFocus) {
    		if (customProgressDialog == null) {
    			return;
    		}
    		ImageView imageView = (ImageView) customProgressDialog
    				.findViewById(R.id.loadingImageView);
    		AnimationDrawable animationDrawable = (AnimationDrawable) imageView
    				.getBackground();
    		animationDrawable.start();
    	}
    
    
    
    	public MyProgressDialog setTitile(String strTitle) {
    		return customProgressDialog;
    	}
    
    	public MyProgressDialog setMessage(String strMessage) {
    		TextView tvMsg = (TextView) customProgressDialog
    				.findViewById(R.id.id_tv_loadingmsg);
    		if (tvMsg != null) {
    			tvMsg.setText(strMessage);
    		}
    		return customProgressDialog;
    	}
    
    }

    可以看到上面重写了onWindowFocusChanged()方法,Activity生命周期中,onStart, onResume, onCreate都不是真正visible的时间点,真正的visible时间点是onWindowFocusChanged()函数被执行时。onWindowFocusChanged指的是这个Activity得到或者失去焦点的时候 就会call。也就是说 如果你想要做一个Activity一加载完毕,就触发什么的话 完全可以用这个。我们在这个方法中启动了动画。

    5.接下来就是写一个测试activity调用我们的progressDialog了。

    	/**
    	 * 开启进度对话框
    	 */
    	private void startProgressDialog() {
    		if (myProgressDialog == null) {
    			myProgressDialog = MyProgressDialog.createDialog(this);
    			myProgressDialog.setMessage("");
    		}
    		myProgressDialog.show();
    	}
    
    	/**
    	 * 停止进度对话框
    	 */
    	private void stopProgressDialog() {
    		if (myProgressDialog != null) {
    			myProgressDialog.dismiss();
    			myProgressDialog = null;
    		}
    	}
    	

    	/**
    	 * 创建异步任务
    	 * 
    	 * @author 李小强
    	 * 
    	 */
    	 public class LoginFrameTask extends AsyncTask<Integer, String, Integer> {
    		/**
    		 * 构造函数
    		 */
    		public LoginFrameTask() {
    
    		}
    
    		/**
    		 * 调用取消时
    		 */
    		@Override
    		protected void onCancelled() {
    			stopProgressDialog();
    			super.onCancelled();
    		}
    
    		/**
    		 * 后台线程查询数据
    		 */
    		@Override
    		protected Integer doInBackground(Integer... params) {
    			try {		
                    Thread.sleep(100 * 1000);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
    			return null;
    		}
    
    		/**
    		 * 该方法将在执行后台耗时操作前被调用
    		 */
    		@Override
    		protected void onPreExecute() {
    			startProgressDialog();
    		}
    
    		/**
    		 * 将doInBackground()的返回值传给该方法
    		 */
    		@Override
    		protected void onPostExecute(Integer result) {
    			
    			stopProgressDialog();
    		}
    
    	}

    上面用到了异步任务,有关异步任务请参阅:http://blog.csdn.net/dawanganban/article/details/19398725

    这样我们需要的progressDialog效果就出来了

  • 相关阅读:
    机器学习手稿--NumPy篇
    机器学习手稿--PyTorch篇
    算法相关库
    如何保存用户的登录状态
    Go开发新手需知:Printf、Sprintf、Println 的区别
    二、Bean生命周期中AOP的流程
    Spring 注解驱动开发-IOC (精华版)
    我是如何编写流程图程序的?
    微前端架构设计之 WebSocket API 断连后重连的设计方案
    工具-使用distinct方法去重对象List
  • 原文地址:https://www.cnblogs.com/lanzhi/p/6469744.html
Copyright © 2020-2023  润新知