项目中有时候需要获取网络上的图片,并下载下来到手机客户端显示。怎么做呢?
实现思路是:
1:在UI线程中启动一个线程,让这个线程去下载图片。
2:图片完成下载后发送一个消息去通知UI线程
2:UI线程获取到消息后,更新UI。
这里的UI线程就是主线程。
这两个步骤涉及到一些知识点,即是:ProgressDialog,Handler,Thread/Runnable,URL,HttpURLConnection等等一系列东东的使用。
现在让我们开始来实现这个功能吧!
第一步:新建项目。
第二步:设计好UI,如下所示
![](https://i-blog.csdnimg.cn/blog_migrate/81178cc93a2a3bb5048d90d76e7ec935.gif)
<? xml version = " 1.0 " encoding = " utf-8 " ?> < LinearLayout xmlns:android = " http://schemas.android.com/apk/res/android " android:orientation = " vertical " android:layout_width = " fill_parent " android:layout_height = " fill_parent " > < Button android:id = " @+id/btnFirst " android:layout_width = " fill_parent " android:layout_height = " wrap_content " android:text = " 异步下载方式一 " > </ Button > < Button android:id = " @+id/btnSecond " android:layout_width = " fill_parent " android:layout_height = " wrap_content " android:text = " 异步下载方式二 " > </ Button > < FrameLayout android:layout_width = " fill_parent " android:layout_height = " match_parent " android:id = " @+id/frameLayout " > < ImageView android:id = " @+id/image " android:layout_width = " match_parent " android:layout_height = " match_parent " android:scaleType = " centerInside " android:padding = " 2dp " > </ ImageView > < ProgressBar android:id = " @+id/progress " android:layout_width = " wrap_content " android:layout_height = " wrap_content " android:layout_gravity = " center " > </ ProgressBar > </ FrameLayout > </ LinearLayout >
第三步:获取UI相应View组件,并添加事件监听。
![](https://i-blog.csdnimg.cn/blog_migrate/81178cc93a2a3bb5048d90d76e7ec935.gif)
public class DownLoaderActivity extends Activity implements OnClickListener{ private static final String params = " http://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Hukou_Waterfall.jpg/800px-Hukou_Waterfall.jpg " ; private Button btnFirst,btnSecond; private ProgressBar progress; private FrameLayout frameLayout; private Bitmap bitmap = null ; ProgressDialog dialog = null ; @Override public void onCreate(Bundle savedInstanceState) { super .onCreate(savedInstanceState); setContentView(R.layout.main); btnFirst = (Button) this .findViewById(R.id.btnFirst); btnSecond = (Button) this .findViewById(R.id.btnSecond); progress = (ProgressBar) this .findViewById(R.id.progress); progress.setVisibility(View.GONE); frameLayout = (FrameLayout) this .findViewById(R.id.frameLayout); btnFirst.setOnClickListener( this ); btnSecond.setOnClickListener( this ); }
第四步:在监听事件中处理我们的逻辑,即是下载服务器端图片数据。
这里我们需要讲解一下了。
通常的我们把一些耗时的工作用另外一个线程来操作,比如,下载上传图片,读取大批量XML数据,读取大批量sqlite数据信息。为什么呢?答案大家都明白,用户体验问题。
在这里,首先我构造一个进度条对话框,用来显示下载进度,然后开辟一个线程去下载图片数据,下载数据完毕后,通知主UI线程去更新显示我们的图片。
Handler是沟通Activity 与Thread/runnable的桥梁。而Handler是运行在主UI线程中的,它与子线程可以通过Message对象来传递数据。具体代码如下:
![](https://i-blog.csdnimg.cn/blog_migrate/81178cc93a2a3bb5048d90d76e7ec935.gif)
/** 这里重写handleMessage方法,接受到子线程数据后更新UI* */ private Handler handler = new Handler(){ @Override public void handleMessage(Message msg){ switch (msg.what){ case 1 : // 关闭 ImageView view = (ImageView)frameLayout.findViewById(R.id.image); view.setImageBitmap(bitmap); dialog.dismiss(); break ; } } };
我们在这里弹出进度对话框,使用HTTP协议来获取数据。
![](https://i-blog.csdnimg.cn/blog_migrate/81178cc93a2a3bb5048d90d76e7ec935.gif)
// 前台ui线程在显示ProgressDialog, // 后台线程在下载数据,数据下载完毕,关闭进度框 @Override public void onClick(View view) { switch (view.getId()){ case R.id.btnFirst: dialog = ProgressDialog.show( this , "" , " 下载数据,请稍等 … " , true , true ); // 启动一个后台线程 handler.post( new Runnable(){ @Override public void run() { // 这里下载数据 try { URL url = new URL(params); HttpURLConnection conn = (HttpURLConnection)url.openConnection(); conn.setDoInput( true ); conn.connect(); InputStream inputStream = conn.getInputStream(); bitmap = BitmapFactory.decodeStream(inputStream); Message msg = new Message(); msg.what = 1 ; handler.sendMessage(msg); } catch (MalformedURLException e1) { e1.printStackTrace(); } catch (IOException e) { // TODO Auto-generated catch block e.printStackTrace(); } } }); break ;
如此以来,你会发现很好的完成了我们的下载目标了,你可以把它应用到其他方面去,举一反三。
运行截图如下: