AsyncTask异步加载图片 进度条显示进度 -- Android学习之路
AsyncTask 异步加载网络图片 并使用进度条显示进度
这里我还使用了Thread方式进行加载 作为比较
如果app要进行联网操作请在清单文件(AndroidManifest.xml)中设置权限 在application节点下面就行了<uses-permission android:name="android.permission.INTERNET"/>
- 为什么使用AsyncTask
- AsyncTask定义
- AsyncTask执行原理
- AsyncTask方法执行步骤
- AsyncTask使用时注意事项
- AsyncTask取消正在执行的任务
- Example 示例
为什么使用AsyncTask
异步任务
由于Android规定，主线程要进行UI绘制和事件响应，UI绘制和事件响应必须在主线程进行 一些耗时的操作不能在主线程中进行，一旦时间超过5秒 就会出现 ANR（无响应）问题，每次耗时操作都要另开线程进行操作，但是呢有些操作我们还涉及到一些UI控件的操作，由于一切关于UI的操作必须在主线程进行 这样 来回切换显得特别麻烦，所以AsyncTask的作用就显现出来了
AsyncTask定义
public abstract class AsyncTask<Params,Progress,Result>- Params 第一个参数：输入参数 是doInbackground()方法的参数类型
- Progress 第二个参数：进度值 onProgressUpdate（）方法的参数类型 ；主要用来反映进度值 ，如果不需要 可设置为Void
- Result 第三个参数：结果类型 doInbackground（）方法的的返回值类型 也是 doPostExecute()的参数类型
AsyncTask执行原理
知道了 为什么使用 AsyncTask就好理解了，它的主要任务就是为了在 主线程和子线程中来回切换比较方便，所以它的执行 就分为主线程执行和后台执行；一张图简单明了
AsyncTask 方法执行步骤
其实上面一张图已经能看出大概了，这里再详细的记一下
- execute（） 在主线程调用 用来启动 异步任务 ，一定要在主线程调用哦
- onPreExecute（） 在execute（）执行后立即执行此方法 一般在执行后台任务前对一些UI进行标记 对后台数据进行处理
- doInbackground（） 在 onPreExecute（）执行后 立即执行此方法 参数是 execute（）方法 的参数 会传入到这里，主要在里进行一些耗时的操作，可以使用publishProgress（）来跟新进度 返回值就是后台任务的返回结果，
- onProgressUpdate（） 在 doInbackground 中调用publishProgress才会执行 ，不调用就不会执行 是传入进度值 在界面显示进度
- onPostExecute（） 在doInbackground（）执行完毕后调用 参数时 doInbackground的返回结果 ，在这里对结果进行处理显示到UI控件中
- cancel() 取消任务 ，这个手动调用哦
注意事项
- execute() 必须在UI主线程中调用
- 不能在 doInbackground()中进行有关于 UI的操作
- 除了 execute方法可以手动调用 ，其他方法都不能手动调用
- 一个AsyncTask 任务实例只能执行一次 ，第二次就会报错
关于取消任务 cancel(true)
在取消任务时 如果任务正在执行 (doInbackground()方法正在运行) 时取消 不会影响 doInbackground方法的执行
只是不会调用doPostExecute()方法而已 ，而且就算调用了publishProgress方法 onProgressUpdate也不会执行了，
所以 不是真正的取消操作 ，只是取消了 在UI主线程的操作，不调用onPostExecute()和onProgressUpdate()方法；
亲测日志：
这是在doInbackground()中的日志信息 可以看出 任务已经在取消状态，但是还是在运行
正确取消姿势：在doInbackground中加判断代码
if (isCancelled()){ //如果取消了任务 就不执行
return null;
}取消任务的代码：
if (myAsync!=null && myAsync.getStatus() == AsyncTask.Status.RUNNING){
myAsync.cancel(true);
}
加载网络图片 并显示进度
开始贴代码咯
布局
<LinearLayout 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" android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:orientation="vertical"
tools:context="com.skymxc.demo.downloadimage.MainActivity">
<EditText
android:id="@+id/url"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="请输入图片下载URL"
android:singleLine="true"/>
<Button
android:id="@+id/down_thread"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:text="结合Thread 下载"
android:onClick="click"
android:textAllCaps="false"/>
<ImageView
android:id="@+id/img1"
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_gravity="center"
android:maxWidth="100dp"
android:maxHeight="100dp"
android:scaleType="fitCenter"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<Button
android:id="@+id/down_async"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:text="使用 AsyncTask 下载"
android:onClick="click"
android:textAllCaps="false"/>
<Button
android:id="@+id/cancel_async"
android:layout_width="0dp"
android:layout_weight="0.5"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:text="停止任务"
android:onClick="click"
android:enabled="false"
android:textAllCaps="false"/>
LinearLayout>
<ProgressBar
android:id="@+id/pb"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:max="100"
android:maxHeight="4dp"
android:minHeight="4dp"
style="?android:attr/progressBarStyleHorizontal"
/>
<ImageView
android:id="@+id/img2"
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_gravity="center"
android:maxWidth="100dp"
android:maxHeight="100dp"
android:scaleType="fitCenter"/>
LinearLayout>
完整java源码
package com.skymxc.demo.downloadimage;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.ProgressBar;
import android.widget.Toast;
import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;
public class MainActivity extends AppCompatActivity {
private EditText edit ;
private ImageView img1 ;
private ImageView img2;
private ProgressBar pb;
private String urlStr ;
private Button btstart;
private Button btCanel;
private MyAsync myAsync;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
edit = (EditText) findViewById(R.id.url);
img1 = (ImageView) findViewById(R.id.img1);
img2 = (ImageView)findViewById(R.id.img2);
pb = (ProgressBar) findViewById(R.id.pb);
btCanel = (Button) findViewById(R.id.cancel_async);
btstart = (Button) findViewById(R.id.down_async);
}
public void click(View v){
switch (v.getId()){
case R.id.down_thread:
Toast.makeText(MainActivity.this,"开始下载",Toast.LENGTH_SHORT).show();
loadImage();
break;
case R.id.down_async:
String url = edit.getText().toString();
myAsync = new MyAsync();
pb.setProgress(0);
myAsync.execute(url);
pb.setProgress(100);
break;
case R.id.cancel_async:
if (myAsync!=null && myAsync.getStatus() == AsyncTask.Status.RUNNING){
myAsync.cancel(true);
btCanel.setEnabled(false);
btstart.setEnabled(true);
}else{
btCanel.setEnabled(true);
btstart.setEnabled(false);
}
break;
}
}
/**
* 启动新线程下载图片
*/
private void loadImage(){
new Thread(){
@Override
public void run() {
urlStr = edit.getText().toString(); //获取下载的地址
Log.e("Tag","下载地址："+urlStr);
HttpURLConnection connection = null; //url连接
try {
URL url = new URL(urlStr);
connection= (HttpURLConnection) url.openConnection(); //打开连接
connection.setRequestMethod("GET"); //设置访问方式 默认是GET 必须为大写
connection.setDoInput(true); //从网络读取数据 默认是true
// connection.setDoOutput(false); //上传数据 但是请求方法必须是post 默认是true
connection.setReadTimeout(10000); //设置读取超时时间 毫秒单位
connection.setConnectTimeout(10000); //设置连接超时时间 毫秒单位
// connection.setRequestProperty("Content-Type","text/plain;charset=utf-8");//上传数据时使用，可以对增加多个请求参数
int code = connection.getResponseCode(); //获取网络请求响应吗 常用：200,404 500
Log.e("Tag","========网络请求响应吗："+code);
if (code==200){
InputStream is = connection.getInputStream(); //获取到输入流
final Bitmap bmp= BitmapFactory.decodeStream(is); //通过位图工厂将输入流转换为位图
runOnUiThread(new Runnable() {
@Override
public void run() {
img1.setImageBitmap(bmp);
}
});
}else{
//关于UI的操作只能在 主线程进行 runOnUiThread ：将操作寄送到主线程运行
runOnUiThread(new Runnable() {
@Override
public void run() {
Toast.makeText(MainActivity.this,"网络请求错误",Toast.LENGTH_SHORT).show();
}
});
}
} catch (MalformedURLException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}catch (Exception e){
e.printStackTrace();
}
finally {
if (connection!=null){
connection.disconnect(); //断开连接
}
}
}
}.start();
}
/**
* 使用 异步任务下载图片 并显示进度
* 参数1 String 就是 doInbackground() 的参数类型 我们的代码就在这里写 系统默认调用
* 参数2 Integer onProgressUpdate() 的参数类型 系统不会自动调用此方法 手动调用：publishProgress()
* 参数3 Bitmap doInbackground() 的返回值类型 也是 onPostExecute() 的参数类型
*/
class MyAsync extends AsyncTask{
/**
* 在 doInbackground() 执行前，系统自动调用 在主线程运行
*/
@Override
protected void onPreExecute() {
Toast.makeText(MainActivity.this,"异步任务开始执行下载",Toast.LENGTH_SHORT).show();
// super.onPreExecute();
btstart.setEnabled(false);
btCanel.setEnabled(true);
}
/**
* 不在主线程 执行
* @param strings url
* @return 位图
*/
@Override
protected Bitmap doInBackground(String... strings) {
HttpURLConnection connection =null;
try {
URL url = new URL(strings[0]);
connection= (HttpURLConnection) url.openConnection();
connection.setDoInput(true);
connection.setConnectTimeout(20000);
int code = connection.getResponseCode();
if (code==200){
//为了显示进度条这里使用 字节数组输出流
InputStream is = connection.getInputStream();
ByteArrayOutputStream bos = new ByteArrayOutputStream();
int length =-1 ;
int progress =0; //进度
int count = connection.getContentLength(); //获取内容产固定
byte[] bs = new byte[5];
while ((length=is.read(bs))!=-1){
progress+=length; //进度累加
if (count ==0){
publishProgress(-1);
}else{
//进度值改变通知
publishProgress((int)((float)progress/count*100));
}
Log.e("Tag","=任务是否取消："+isCancelled()+"=======任务进度："+(int)((float)progress/count*100)+"%");
if (isCancelled()){//如果取消了任务 就不执行
return null;
}
//由于我这网速太快，为了看到进度条就睡眠一会吧
// Thread.sleep(10);
bos.write(bs,0,length);
}
Log.e("Tag","=========任务完成");
return BitmapFactory.decodeByteArray(bos.toByteArray(),0,bos.size());
}
} catch (Exception e) {
e.printStackTrace();
}finally {
if (connection!=null){
connection.disconnect();
}
}
return null;
}
/**
* 在 doInbackground() 执行后 系统自动调用 在主线程运行
* @param bitmap 位图
*/
@Override
protected void onPostExecute(Bitmap bitmap) {
Log.e("Tag","===============任务是否取消："+isCancelled());
Toast.makeText(MainActivity.this, "AsyncTask 下载完成，进行UI绘制", Toast.LENGTH_SHORT).show();
img2.setImageBitmap(bitmap); //设置位图
// super.onPostExecute(bitmap);
btstart.setEnabled(true);
btCanel.setEnabled(false);
}
/**
* 系统不会自动调用 使用 publishProgress() 调用
* 在主线程执行
* @param values
*/
@Override
protected void onProgressUpdate(Integer... values) {
int progress = values[0]; //进度值
if (progress!=-1) {
pb.setProgress(progress);
}
}
}
}
来张效果图吧
github地址：
https://github.com/sky-mxc/AndroidDemo/tree/master/downloadimage