Android AndroidProgressLayout:加载页面遮挡耗时操作任务页面

Android AndroidProgressLayout:加载页面遮挡耗时操作任务页面

在Android的开发中,往往有这种需求,比如一个耗时的操作,联网获取网络图片、内容,数据库耗时读写等等,在此耗时操作过程中,开发者也许不希望用户再进行其他操作(其他操作可能会引起逻辑混乱),而此时需要给用户一个额外的加载页面遮挡住主逻辑代码的运行,待主页面的耗时操作完成后,自动消失这样加载过度页面,恢复出正常应该显示的页面。
举个实际的例子,如代码使用Android WebView打开一个网页链接试图加载某个网站,但网络质量不佳,需要耗时很久,那么在这个过程中,较好的用户体验做法是:给用户一个加载进度页面,遮挡住WebView。当加载的内容成功后在完全切换回正常的逻辑页面。
Android AndroidProgressLayout实现了这样的功能,Android AndroidProgressLayout在github上的项目主页是:https://github.com/antonkrasov/AndroidProgressLayout 
AndroidProgressLayout要实现的功能如图:


现在给出一个例子加以说明。

使用AndroidProgressLayout,需要先写一个布局:

[html]  view plain  copy
  1. <com.github.androidprogresslayout.ProgressLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:progressLayout="http://schemas.android.com/apk/res-auto"  
  3.     android:id="@+id/progress_layout"  
  4.     android:layout_width="match_parent"  
  5.     android:layout_height="match_parent"  
  6.     progressLayout:progressBackground="#4fc3f7" >  
  7.   
  8.     <TextView  
  9.         android:id="@+id/text"  
  10.         android:layout_width="match_parent"  
  11.         android:layout_height="match_parent"  
  12.         android:gravity="center" />  
  13.   
  14. </com.github.androidprogresslayout.ProgressLayout>  


Java代码:

[java]  view plain  copy
  1. package zhangphil.demo;  
  2.   
  3. import com.github.androidprogresslayout.ProgressLayout;  
  4.   
  5. import android.app.Activity;  
  6. import android.os.Bundle;  
  7. import android.os.Handler;  
  8. import android.os.Message;  
  9. import android.widget.TextView;  
  10.   
  11.   
  12. public class MainActivity extends Activity {  
  13.   
  14.     @Override  
  15.     protected void onCreate(Bundle savedInstanceState) {  
  16.         super.onCreate(savedInstanceState);  
  17.         setContentView(R.layout.activity_main);  
  18.   
  19.         final ProgressLayout progressLayout = (ProgressLayout) findViewById(R.id.progress_layout);  
  20.           
  21.         final TextView text = (TextView) findViewById(R.id.text);  
  22.   
  23.         Handler handler = new Handler() {  
  24.             @Override  
  25.             public void handleMessage(Message msg) {  
  26.                 text.setText("加载完毕!");  
  27.   
  28.                 // 切换回正常显示页面  
  29.                 progressLayout.showContent();  
  30.             }  
  31.         };  
  32.           
  33.         // 开始加载... 假设从这里开始一个耗时的操作将开始启动,在此启动过程中,开发者希望用户稍事休息,等待。。。  
  34.         progressLayout.showProgress();  
  35.   
  36.         // 假设有一个耗时的加载业务逻辑,需要5秒完成。  
  37.         handler.sendEmptyMessageDelayed(05000);  
  38.     }  
  39. }  
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可根据情况显示提示信息的入视图,如,失败后提示"失败"、"网络连接失败"等等。用一个控件就可以管理整个的过程。确实方便了。项目地址:https://github.com/antonkrasov/AndroidProgressLayout 效果图:如何使用将<com.github.androidprogresslayout.ProgressLayout> 作为整个布局的根:<com.github.androidprogresslayout.ProgressLayout         xmlns:android="http://schemas.android.com/apk/res/android"         xmlns:app="http://schemas.android.com/apk/res-auto"         android:id="@ id/progress_layout"         android:layout_width="match_parent"         android:layout_height="match_parent"               >     ...你的页面 </com.github.androidprogresslayout.ProgressLayout>2. 得到ProgressLayoutProgressLayout progressLayout = (ProgressLayout) this.findViewById(R.id.progress_layout);3. 通过progressLayout.showContent()来打开loading,或者你也可以使用属性:app:progress="true"mHandler.postDelayed(new Runnable() {     @Override     public void run() { //progressLayout.showContent();//成功,关闭loading progressLayout.showErrorText("失败");//失败,并显示提示信息     } }, 2000);利用Handler模拟了一个2秒的入过程。如果入成功,调用progressLayout.showContent()关闭loading。如果入失败,调用progressLayout.showErrorText("失败")显示失败信息。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值