学习andriod开发之异步加载图片(二)--- 使用其他进度条

最新推荐文章于 2017-06-07 23:35:57 发布

程序邦

最新推荐文章于 2017-06-07 23:35:57 发布

阅读量673

点赞数

分类专栏： Android 自定义控件

Android 自定义控件专栏收录该内容

104 篇文章 0 订阅

订阅专栏

大家好我是akira上一节我们讲到使用AsyncTask 这个类进行异步的下载

主要是涉及到一些图片的更新这次我们继续上一个demo的改进。

不知道你是否发现一个问题上一节我们遗留了两个bug 1 在无网络情况下点击会崩

咱们说软件开发最忌讳的就是crash 而这个是在bug解决方案中的一级要解决的所以这个问题

必须搞定 2 就是我们会发现进度并未更新而图片是显示完毕了的 3 就是一个扩展这次我将会带来

daimajia的新库也是做库小达人的最新作品 NumberProgressBar的使用。

1 首先咱们问题一个一个的解决首先是第一个点击会崩溃那我们就要清楚 why

也就是为什么点击会崩溃解决这个问题的源头要从原来的代码看起

下面这段代码

[cpp]view plaincopy 
   
 try {    
            HttpURLConnection connection = (HttpURLConnection) imageUrl.openConnection();    
            connection.setDoInput(true);    
            connection.connect();    
            inputStream =  connection.getInputStream();    
            downloadImg =  BitmapFactory.decodeStream(inputStream);    
    
        }  

其实我们一眼就能看出来其实就是你如果没网就拿不到流因为我是没做过图片缓存的也就是说每次点击都会去get

没有流就会造成 inputstream为null 而再去加载一个null 自然而然就XXX了所以我们找到根源就是要判断得到的流是否为null

但仅仅如此么显然不是我们最好从源头找到为什么没网或者说是一个有网的监听这样最好

说到网有人自然会想到wifi 说道wifi有人自然会想当然是去想到一个类叫做wifiManager 好我就满足你的需求

来解析下wifiManager会不会提供一个有没有网的方法来去判断

先看下wifiManager的实例化

[java]view plaincopy 
   
 WifiManager manager = (WifiManager) getSystemService(WIFI_SERVICE);  
 wifiState =  manager.getWifiState();//wifi状态  

第一段代码适用于很多的manager 比如inputmanager actvitymanager 等等

而第二句就是很多人想要的那个状态究竟是不是想要的呢我们继续往下看

这里面的状态我也写下来了

[java]view plaincopy 
   
 private  final int  WIFI_STATE_DISABLING = 0 ;//表示停用中。  
     private  final int  WIFI_STATE_DISABLED  = 1; //表示不可用。  
     private  final int  WIFI_STATE_ENABLING  = 2; //表示启动中。  
     private  final int  WIFI_STATE_ENABLED   = 3; //表示准备就绪。  
     private  final int  WIFI_STATE_UNKNOWN   = 4; //表示未知状态。  

看到这个你会想到什么我第一眼想到的是我自己的网件路由器这尼玛就是一个网络的加载过程而且还是wifi的

我们发现最靠谱的启动中似乎也不能满足我们的需求这个时候有些人也许开始怀疑人生忘了说

如果你想监听wifi的状态你还需要加上权限

如下

[java]view plaincopy 
   
 <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />  
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />  

但是根本的问题还是没解决呀

所以别怀疑了咱从头来过吧

这个时候有人提到了 ConnectivityManager 咦？这个行不行呢

咱来看看

[java]view plaincopy 
   
 ConnectivityManager cManager =  (ConnectivityManager)getSystemService(CONNECTIVITY_SERVICE);  
 NetworkInfo mInfo =  cManager.getNetworkInfo(ConnectivityManager.TYPE_WIFI);  

yahoo！！！不错看起来挺靠谱继续往下深究

[java]view plaincopy 
   
 mInfo.isAvailable()  

这个api就是告诉你网络是否可用前面那个type有很多这里面就说了wifi的都比较简单咱就不去官网看了

然后你想怎么做是判断当前网络可用就点击么 nono 万一url为空怎么办考虑到严谨性和代码的健壮性咱们

要进行并且的判断

并且去设置按钮是否为可点

[java]view plaincopy 
   
 Button downBtn = (Button) findViewById(R.id.downBtn);  
         if (mInfo.isAvailable() && !TextUtils.isEmpty(url)){  
                 downBtn.setClickable(true);  
                 downBtn.setOnClickListener(new View.OnClickListener() {  
                 @Override  
                 public void onClick(View view) {  
                     new ImageDownloadTask(MainActivity.this,img,bar).execute(url);  
   
                 }  
              });  
         }else{  
             downBtn.setClickable(false);  
             downBtn.setOnClickListener(null);  
             Toast.makeText(MainActivity.this,"当前无wifi",Toast.LENGTH_SHORT).show();  
         }  

OK 外面的逻辑咱们处理完了解决了1 crash

PS：其实这里解决网络很不专业一般在正式项目里我们都会写一个广播接受去观察网络是否可用这个放到以后

广播的时候再讲

2 关于更新进度首先我很清楚一点如果我要更新一个进度我肯定要知道一个

总进度一个当前进度还有一个通知其刷的这么一个方法

OK 来看关键代码

[html]view plaincopy 
   
 int totalLength;//总共长度  
         URL imageUrl = null;//图片的url  
         int length = -1;  
         InputStream inputStream = null;  
         try {  
             imageUrl = new URL(params[0]);  
             HttpURLConnection connection = (HttpURLConnection) imageUrl.openConnection();  
             connection.setDoInput(true);  
             connection.connect();  
             inputStream =  connection.getInputStream();  
             totalLength = connection.getContentLength();  
             if(inputStream!=null){  
                 ByteArrayOutputStream baos = new ByteArrayOutputStream();  
                 byte[] buffer = new byte[1024];  
                 int count = 0;  
                 while ((length = inputStream.read(buffer)) != -1) {  
                     baos.write(buffer, 0, length);  
                     count += length;  
                     //这句通知upXXX更新进度  
                     publishProgress((int) ((count / (float) totalLength) * 100));  
                 }  
                 byte[] data=baos.toByteArray();//声明字节数组  
                 downloadImg=BitmapFactory.decodeByteArray(data, 0, data. length);  
                 return "ok";  
             }  
         }  

这里面咱用一个流去写然后加载的时候从流利去拿而总长度有一个getContentLength的方法

最后刷新看到那个publishProgress了么那个就是刷新方法

[java]view plaincopy 
   
 @Override  
     protected void onProgressUpdate(Integer... progress) {  
           super.onProgressUpdate(progress[0]);  
           mBar.setProgress(progress[0]);  
           Log.e("akira",progress[0]+"...");  
     }  

同样这里进行刷新注意 progress是一个可变数组

下面我用log打印了下不打印无所谓

最后post方法没修改

daimajia的库首先我们需要找到daimajia的库

以下url

https://github.com/daimajia/NumberProgressBar

写的已经非常非常非常清楚了

Eclipse和andriodstudio都有各自的导入方式就不赘述了

有些如果你发现你导入之后找不到style 你可以手动去拷它里面的样式

下面是我的layout代码

[html]view plaincopy 
   
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
     xmlns:tools="http://schemas.android.com/tools"  
     xmlns:custom="http://schemas.android.com/apk/res-auto"  
     android:layout_width="match_parent"  
     android:layout_height="match_parent"  
     tools:context=".MainActivity"  
     >  
   
     <TextView  
         android:id="@+id/hello"  
         android:text="@string/hello_world" android:layout_width="wrap_content"  
         android:layout_height="wrap_content" />  
   
     <Button  
         android:layout_below="@id/hello"  
         android:id="@+id/downBtn"  
         android:text="down"  
         android:textSize="20sp"  
         android:textColor="@android:color/black"  
         android:layout_width="match_parent"  
         android:layout_height="wrap_content" />  
   
     <ImageView  
         android:layout_centerInParent="true"  
         android:layout_below="@id/downBtn"  
         android:id="@+id/img"  
         android:layout_width="wrap_content"  
         android:layout_height="wrap_content"  
         android:scaleType="fitXY"  
         android:visibility="gone"  
         />  
   
     <com.daimajia.numberprogressbar.NumberProgressBar  
         style="@style/NumberProgressBar_Funny_Orange"  
         android:id="@+id/bar"  
         android:layout_centerInParent="true"  
         android:layout_width="wrap_content"  
         android:layout_height="wrap_content"  
         android:visibility="gone"  
         />  
     <!--<ProgressBar  
         android:id="@+id/bar"  
         android:layout_centerInParent="true"  
         android:layout_width="wrap_content"  
         android:layout_height="wrap_content"  
         android:visibility="gone"  
         />-->  
   
 </RelativeLayout>  

这里面你会发现我的custom命名空间没有用到为毛因为我把有些东西全部用一个style代表了

不行你看

[html]view plaincopy 
   
 <style name="NumberProgressBar_Funny_Orange">  
         <item name="android:layout_height">wrap_content</item>  
         <item name="android:layout_width">match_parent</item>  
         <item name="max">100</item>  
         <item name="progress">0</item>  
         <item name="progress_unreached_color">#CCCCCC</item>  
         <item name="progress_reached_color">#FF530D</item>  
         <item name="progress_text_size">10sp</item>  
         <item name="progress_text_color">#FF530D</item>  
         <item name="progress_reached_bar_height">1.5dp</item>  
         <item name="progress_unreached_bar_height">0.75dp</item>  
     </style>  

这里面你会发现他定义了宽高 max 进度颜色和字体颜色大小等等

所以直接用就可以了

main代码修改

[java]view plaincopy 
   
 public class MainActivity extends Activity {  
     String url ;  
     private  final int  WIFI_STATE_DISABLING = 0 ;//表示停用中。  
     private  final int  WIFI_STATE_DISABLED  = 1; //表示不可用。  
     private  final int  WIFI_STATE_ENABLING  = 2; //表示启动中。  
     private  final int  WIFI_STATE_ENABLED   = 3; //表示准备就绪。  
     private  final int  WIFI_STATE_UNKNOWN   = 4; //表示未知状态。  
     private  NetworkInfo mInfo;  
     private ConnectivityManager cManager;  
     private Button downBtn;  
     @Override  
     protected void onCreate(Bundle savedInstanceState) {  
         super.onCreate(savedInstanceState);  
         setContentView(R.layout.activity_main);  
         if(TextUtils.isEmpty(url))  
             url = "http://bbra.cn/Uploadfiles/imgs/20110303/fengjin/015.jpg";  
         final NumberProgressBar bar = (NumberProgressBar) findViewById(R.id.bar);  
         final ImageView img = (ImageView) findViewById(R.id.img);  
         final WifiManager manager = (WifiManager) getSystemService(WIFI_SERVICE);  
         int wifiState =  manager.getWifiState();//wifi状态  
         cManager = (ConnectivityManager)getSystemService(CONNECTIVITY_SERVICE);  
         mInfo =  cManager.getNetworkInfo(ConnectivityManager.TYPE_WIFI);  
         downBtn = (Button) findViewById(R.id.downBtn);  
         if (mInfo.isAvailable() && !TextUtils.isEmpty(url)){  
                 downBtn.setClickable(true);  
                 downBtn.setOnClickListener(new View.OnClickListener() {  
                 @Override  
                 public void onClick(View view) {  
                     new ImageDownloadTask(MainActivity.this,img,bar).execute(url);  
   
                 }  
              });  
         }else{  
             downBtn.setClickable(false);  
             downBtn.setOnClickListener(null);  
             Toast.makeText(MainActivity.this,"当前无wifi",Toast.LENGTH_SHORT).show();  
         }  
   
     }  
   
   
 }  

ImageDownXXX代码修改

[java]view plaincopy 
   
 /** 
  * Created by akira on 2015/1/27. 
  */  
 public class ImageDownloadTask extends AsyncTask<String,Integer,String> {  
     private Bitmap downloadImg;  
     private NumberProgressBar mBar;  
     private Context mContext;  
     private ImageView netImageView;  
     private int perPro;//递增的进度  
     public ImageDownloadTask(Context context, ImageView imageView, NumberProgressBar bar){  
         this.mContext = context;  
         this.netImageView = imageView;  
         this.mBar = bar;  
         mBar.incrementProgressBy(perPro);  
     }  
   
     @Override  
     protected void onPreExecute() {  
 //        super.onPreExecute();  
         mBar.setVisibility(View.VISIBLE);  
     }  
   
     @Override  
     protected String doInBackground(String... params) {  
         int totalLength;//总共长度  
         URL imageUrl = null;//图片的url  
         int length = -1;  
         InputStream inputStream = null;  
         try {  
             imageUrl = new URL(params[0]);  
             HttpURLConnection connection = (HttpURLConnection) imageUrl.openConnection();  
             connection.setDoInput(true);  
             connection.connect();  
             inputStream =  connection.getInputStream();  
             totalLength = connection.getContentLength();  
             if(inputStream!=null){  
                 ByteArrayOutputStream baos = new ByteArrayOutputStream();  
                 byte[] buffer = new byte[1024];  
                 int count = 0;  
                 while ((length = inputStream.read(buffer)) != -1) {  
                     baos.write(buffer, 0, length);  
                     count += length;  
                     //这句通知upXXX更新进度  
                     publishProgress((int) ((count / (float) totalLength) * 100));  
                 }  
                 byte[] data=baos.toByteArray();//声明字节数组  
                 downloadImg=BitmapFactory.decodeByteArray(data, 0, data. length);  
                 return "ok";  
             }  
         } catch (MalformedURLException e) {  
             e.printStackTrace();  
         } catch (IOException e) {  
             e.printStackTrace();  
         }finally {  
             try {  
                 inputStream.close();  
             } catch (IOException e) {  
                 e.printStackTrace();  
             }  
         }  
   
         return null;  
     }  
   
     @Override  
     protected void onProgressUpdate(Integer... progress) {  
           super.onProgressUpdate(progress[0]);  
           mBar.setProgress(progress[0]);  
           Log.e("akira",progress[0]+"...");  
     }  
   
   
     @Override  
     protected void onPostExecute(String result) {  
 //        super.onPostExecute(s);  
          mBar.setVisibility(View.GONE);  
          netImageView.setVisibility(View.VISIBLE);  
          netImageView.setImageBitmap(downloadImg);  
          Toast.makeText(mContext,"加载完毕",Toast.LENGTH_LONG).show();  
     }  
 }  