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

时间  2019-11-20
标签 学习 andriod 开发 异步 加载 图片 使用 其余 进度 繁體版
原文   原文链接

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

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

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

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

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

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

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

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

下面这段代码缓存

 

?
1
2
3
4
5
6
7
8
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的实例化

 

?
1
2
WifiManager manager = (WifiManager) getSystemService(WIFI_SERVICE);
wifiState =  manager.getWifiState(); //wifi状态

第一段代码适用于不少的manager 好比inputmanager actvitymanager 等等

 

而第二句就是不少人想要的那个状态 到底是不是想要的呢 咱们继续往下看

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

 

?
1
2
3
4
5
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的状态 你还须要加上权限

以下

 

?
1
2
<uses-permission android:name= "android.permission.ACCESS_WIFI_STATE" >
    <uses-permission android:name= "android.permission.ACCESS_NETWORK_STATE" ></uses-permission></uses-permission>


可是 根本的问题仍是没解决呀

 

因此 别怀疑了 咱从头来过吧

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

咱来看看

 

?
1
2
ConnectivityManager cManager =  (ConnectivityManager)getSystemService(CONNECTIVITY_SERVICE);
NetworkInfo mInfo =  cManager.getNetworkInfo(ConnectivityManager.TYPE_WIFI);


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

 

 

?
1
mInfo.isAvailable()


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

 

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

要进行而且的判断

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

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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 来看关键代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
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了么 那个就是刷新方法

 

?
1
2
3
4
5
6
@Override
     protected void onProgressUpdate(Integer... progress) {
           super .onProgressUpdate(progress[ 0 ]);
           mBar.setProgress(progress[ 0 ]);
           Log.e(akira,progress[ 0 ]+...);
     }


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

 

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

最后post方法没修改

3

daimajia的库 首先 咱们须要找到daimajia的库

如下url

https://github.com/daimajia/NumberProgressBar

写的已经很是很是很是清楚了

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

有些若是你发现你导入以后 找不到style 你能够手动去拷它里面的样式

下面是个人layout代码

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<relativelayout android:layout_height= "match_parent" android:layout_width= "match_parent" tools:context= ".MainActivity" xmlns:android= "http://schemas.android.com/apk/res/android" xmlns:custom= "http://schemas.android.com/apk/res-auto" xmlns:tools= "http://schemas.android.com/tools" >
 
     <textview android:id= "@+id/hello" android:layout_height= "wrap_content" android:layout_width= "wrap_content" android:text= "@string/hello_world" ><button android:id= "@+id/downBtn" android:layout_below= "@id/hello" android:layout_height= "wrap_content" android:layout_width= "match_parent" android:text= "down" android:textcolor= "@android:color/black" android:textsize= "20sp" >
 
     <imageview android:id= "@+id/img" android:layout_below= "@id/downBtn" android:layout_centerinparent= "true" android:layout_height= "wrap_content" android:layout_width= "wrap_content" android:scaletype= "fitXY" android:visibility= "gone" >
 
     <com.daimajia.numberprogressbar.numberprogressbar android:id= "@+id/bar" android:layout_centerinparent= "true" android:layout_height= "wrap_content" android:layout_width= "wrap_content" android:visibility= "gone" style= "@style/NumberProgressBar_Funny_Orange" >
     <!--<ProgressBar
         android:id=@+id/bar
         android:layout_centerInParent= true
         android:layout_width=wrap_content
         android:layout_height=wrap_content
         android:visibility=gone
         />-->
 
</com.daimajia.numberprogressbar.numberprogressbar></imageview></button></textview></relativelayout>


这里面 你会发现 个人custom命名空间没有用到 为毛 由于我把有些东西所有用一个style表明了

 

不行你看

 

?
1
2
3
4
5
6
7
8
9
10
<style name= "NumberProgressBar_Funny_Orange" type= "text/css" ><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代码修改

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
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代码修改

 

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
/**
  * 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();
     }
}</string,integer,string>

究竟行不行 来运行运行吧

 

结伴旅游,一个免费的交友网站：www.jieberu.com

推推族，免费得门票，游景区：www.tuituizu.com

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程