学习andriod开发之异步加载图片--- 使用系统进度条

来源：互联网发布：淘宝网搜索排名规则编辑：程序博客网时间：2024/04/29 21:05

大家好我是akira 学习图片异步加载的例子

说道这里有人可能要问了什么是异步为什么要用异步 why？

说白了很简单省时间省资源我举个例子你就懂了比如你在下东西至于下什么

那些邪恶的骚年们又要YY了不去管他们。比如你在下东西这个时候另外一个人也在下同一个东西

那么那个人怎么办他就等你下完等到天荒地老？ありえないこと impossible

他肯定也要下那么问题就来了他如何下？这个时候就要用到异步

说道这里有人可能问什么叫同步什么叫异步我在这里在给大家举一个简单的例子

假如你在吃饭这个时候你觉得淡了如果我停下来去放完盐吃那么就是同步如果我接着吃旁边有个服务员给我放盐

这个就是异步 OK 介绍了这么多你应该知道同步和异步的概念了吧。

一个简单的异步做法前面说了这次是使用加载图片的例子那么又说道加载图片了

问题又来了 andriod中有哪两种方式当然答案很简单其一就是handler 其二就是我们今天要讲的AsyncTask

接着跟着文档来看看文档怎么介绍的它

这里的东西很长首先你应该看到这哥们是一个抽象类那么就要用到机能其次看到 4steps onPre doIn onPro onPost

这就够了

接下来看看这里的方法吧

onPreExecute()

Runs on the UI thread before doInBackground(Params...).

doInBackground(Params... params)

Override this method to perform a computation on a background thread.

onProgressUpdate(Progress... values)

Runs on the UI thread after publishProgress(Progress...) is invoked.

onPostExecute(Result result)

Runs on the UI thread after doInBackground(Params...).

这个顺序就是执行的顺序而pre的回调中自然是放你的进度或者初始化一些东西改变进度在Update中就好

耗时当然是后台完成的 doInBack 最后完成看到runs on uI thread after了么这个后就是最后的回调

一般来说这四个是必须的甚至来说除去update三个是必须的

而三个参数

String 是你传进来的链接 url Interger 注意这里不能直接传int 就算你知道更新的只是数字也一样

而最后的那个就是你返回的结果你可以返回一个String 也可以返回一个boolean 甚至是一个 BitMap 都可以

就是这么简单来看看代码

咱先别着急写布局直接代码开始

我就直接上代码了

/**
* Created by akira on 2015/1/27.
*/
public class ImageDownloadTask extends AsyncTask<String,Integer,String> {
private Bitmap downloadImg;
private ProgressBar mBar;
private Context mContext;
private int mPro = 0;
private int MAX_PRO = 100;
private ImageView netImageView;
public ImageDownloadTask(Context context, ImageView imageView, ProgressBar bar){
this.mContext = context;
this.netImageView = imageView;
this.mBar = bar;
}
@Override
protected void onPreExecute() {
// super.onPreExecute();
mBar.setMax(MAX_PRO);
mBar.setProgress(mPro);
mBar.setVisibility(View.VISIBLE);
}
@Override
protected String doInBackground(String... params) {
URL imageUrl = null;
InputStream inputStream = null;
try {
imageUrl = new URL(params[0]);
} catch (MalformedURLException e) {
e.printStackTrace();
}
try {
HttpURLConnection connection = (HttpURLConnection) imageUrl.openConnection();
connection.setDoInput(true);
connection.connect();
inputStream = connection.getInputStream();
downloadImg = BitmapFactory.decodeStream(inputStream);
} catch (IOException e) {
e.printStackTrace();
}finally {
try {
inputStream.close();
} catch (IOException e) {
e.printStackTrace();
}
}
return "ok";
}
@Override
protected void onProgressUpdate(Integer... values) {
// super.onProgressUpdate(values);
mPro = values[0];
mBar.setProgress(mPro);
}
@Override
protected void onPostExecute(String s) {
// super.onPostExecute(s);
mBar.setProgress(MAX_PRO);
mBar.setVisibility(View.GONE);
netImageView.setVisibility(View.VISIBLE);
netImageView.setImageBitmap(downloadImg);
}
}

这里我没做什么注释因为有些东西一看就明白

首先你要知道进度有最大进度和最小进度咱先不管进度是怎么来的因为你一传就有了

那么就产生了三个变量 mBar mPro MAX_PRO其次因为要显示拿什么显示这里我就简单用一个imageVIew了

更好的可以用自定义的view 去在canvas上画这样的做法更灵活这个以后再讲然后会产生一个bitmap位图

要知道所有的andriod系统都是位图因此downloadImg 就产生了

剩下的就是按部就班传传传然后 onPre显示 bar doinback 这里的代码也很熟悉了

我就拿一个Url连接去做了比较省事其实拿imageLoader更简单

然后返回是否ok了 onPost就是设置你的bitmap然后bar gone掉 imageview visible你会发现先分析完过程

之后写代码就是这么简单

接下来的东西更没什么难度

看看吧

[java] view plaincopy
public class MainActivity extends Activity {  
    String url ;  
    @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 ProgressBar bar = (ProgressBar) findViewById(R.id.bar);  
        final ImageView img = (ImageView) findViewById(R.id.img);  
  
        findViewById(R.id.downBtn).setOnClickListener(new View.OnClickListener() {  
            @Override  
            public void onClick(View view) {  
                new ImageDownloadTask(MainActivity.this,img,bar).execute(url);  
            }  
        });  
    }  
  
  
}  

只有一个onClick 然后执行Url

布局代码更简单

[html] view plaincopy
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools" 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"  
        />  
  
    <ProgressBar  
        android:id="@+id/bar"  
        android:layout_centerInParent="true"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:visibility="gone"  
        />  
  
</RelativeLayout>  

最后看下效果

有人说不对啊这里怎么还有加载完毕呢

那是我在onPost回调里面提示了一下而已

有人说不对啊这里我怎么一点就退呢

那是因为这个是联网操作检查下是否加上了权限

[html] view plaincopy
<uses-permission android:name="android.permission.INTERNET" />  

有人又说不对啊加入我网非常卡的话一直再转谁知道你什么时候加载完

而且这东西太丑了我想改怎么办

这个就要看下一篇了

OK 下一篇咱们就来写一个自定义的进度条

0 0

学习andriod开发之 异步加载图片--- 使用系统进度条

学习andriod开发之异步加载图片--- 使用系统进度条