Android异步下载网络图片

简介:

项目中有时候需要获取网络上的图片,并下载下来到手机客户端显示。怎么做呢?

实现思路是:

 1:在UI线程中启动一个线程,让这个线程去下载图片。

 2:图片完成下载后发送一个消息去通知UI线程

 2:UI线程获取到消息后,更新UI。

 这里的UI线程就是主线程。

 这两个步骤涉及到一些知识点,即是:ProgressDialog,Handler,Thread/Runnable,URL,HttpURLConnection等等一系列东东的使用。

 现在让我们开始来实现这个功能吧!

 第一步:新建项目。

 第二步:设计好UI,如下所示

<?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组件,并添加事件监听。

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对象来传递数据。具体代码如下:

/**这里重写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协议来获取数据。

//前台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;

如此以来,你会发现很好的完成了我们的下载目标了,你可以把它应用到其他方面去,举一反三。

运行截图如下:

 

上面使用Handler、Thread/Runnable 、URL、HttpURLConnection等等来进行异步下载网络图片。

但是采用这种方式有一些缺点,如下:

  • 线程的开销较大,如果每个任务都要创建一个线程,那么程序的效率要低很多。
  • 线程无法管理,匿名线程创建并启动后就不受程序的控制了,如果有很多个请求发送,那么就会启动非常多的线程,系统将不堪重负。
  • 另外,前面已经看到,在新线程中更新UI还必须要引入handler,这让代码看上去非常臃肿。

     那么有没有比较更好好的实现方式呢?这个可以有!它就是AsyncTask

     AsyncTask的特点是任务在主UI线程之外运行,而回调方法是在主UI线程中,这就有效地避免了使用Handler带来的麻烦。 

     AsyncTask定义了三种泛型类型 Params,Progress和Result。
    • Params 启动任务执行的输入参数。
    • Progress 后台任务执行的百分比。
    • Result 后台执行任务返回的结果。

      当然,使用它还必须覆盖它的一些抽象方法方法

     doInBackground(Params...)         执行任务

     onPostExecute(Result)             返回任务执行的结果,通常更新UI

     onProgressUpdate (Progress... values) 进度更新

     注意:红色的是必须实现的。

     第一步:设计好UI,与上节一样

     第二步:也与上节一样。

     第三步:主要是实例化AsyncTask,并执行execute(Params)

     我们必须继承AsyncTask,并覆盖它的一些方法,我们这里主要是要获取网络图片,并保存为Bitmap,以便UI根据Bitmap来更新的。

     那么需要为AsyncTask设置返回的类型参数为String,Integer,Bitmap 类定义如下:

    View Code
        
        
    public class MyASyncTask extends AsyncTask < String, Integer, Bitmap > {

     在doInBackground(Params...)  方法中 ,接受String ....params,返回我们需要的Bitmap.当然我们这里是获取图片Bitmap所以要返回Bitmap

      如果你返回的需要是String或者其他复杂类型时候,需要修改类的定义参数类型为你需要返回的类型,当然接受参数也是根据你的请求需要改变。

    @Override
        protected Bitmap doInBackground(String... params) {
            Bitmap bitmap=null;
            try {
                
                URL url = new URL(params[0]);
                HttpURLConnection con=(HttpURLConnection) url.openConnection();
                con.setDoInput(true);
                con.connect();
                InputStream inputStream=con.getInputStream();
                
                bitmap=BitmapFactory.decodeStream(inputStream); 
                inputStream.close();
            } 
             catch (MalformedURLException e) {
                    e.printStackTrace();
                }catch (IOException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            } 
            return bitmap;
        }

     onPostExecute(Result) 中是请求获得结果后更新UI部分。你会看到他的参数就是我们类中的类型参数。代码如下:

    //执行获得图片数据后,更新UI:显示图片,隐藏进度条
        @Override
        protected void onPostExecute(Bitmap Result){
            ImageView imgView=(ImageView)this.viewGroup.getChildAt(0);
            imgView.setImageBitmap(Result);
            ProgressBar bar=(ProgressBar)this.viewGroup.getChildAt(1);
            bar.setVisibility(View.GONE);
        }

    然后怎么用呢?在UI线程中执行吧:

    MyASyncTask yncTask=new MyASyncTask(this,frameLayout);
       yncTask.execute(params);

    运行结果与上节大同小异

    


  • 相关文章
    |
    8月前
    |
    JavaScript 前端开发 Android开发
    【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    230 13
    【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    |
    3月前
    |
    存储 Android开发 数据安全/隐私保护
    Thanox安卓系统增加工具下载,管理、阻止、限制后台每个APP运行情况
    Thanox是一款Android系统管理工具,专注于权限、后台启动及运行管理。支持应用冻结、系统优化、UI自定义和模块管理,基于Xposed框架开发,安全可靠且开源免费,兼容Android 6.0及以上版本。
    195 4
    |
    3月前
    |
    存储 人工智能 文字识别
    三款安卓手机word编辑器下载,Microsoft Word,wps office,Word手机版,手机word编辑查看阅读器,PDF转换器apk下载
    WPS Office是一款功能强大的办公软件,支持文档编辑、表格处理和演示文稿制作,兼容多种格式并提供丰富的云服务。它具备低内存占用、快速运行的特点,支持跨设备同步与多人协作,内置海量模板及AI辅助功能,如智能写作和PPT自动生成。此外,还可扫描文件、编辑PDF并转换为其他格式,极大提升办公效率,适合手机用户便捷操作。
    209 1
    |
    5月前
    |
    XML Android开发 数据格式
    Android利用selector(选择器)实现图片动态点击效果
    本文介绍了Android中ImageView的`src`与`background`属性的区别及应用,重点讲解如何通过设置背景选择器实现图片点击动态效果。`src`用于显示原图大小,不拉伸;`background`可随组件尺寸拉伸。通过创建`selector_setting.xml`,结合`setting_press.xml`和`setting_normal.xml`定义按下和正常状态的背景样式,提升用户体验。示例代码展示了具体实现步骤,包括XML配置和形状定义。
    231 3
    Android利用selector(选择器)实现图片动态点击效果
    |
    7月前
    |
    JavaScript Linux 网络安全
    Termux安卓终端美化与开发实战:从下载到插件优化,小白也能玩转Linux
    Termux是一款安卓平台上的开源终端模拟器,支持apt包管理、SSH连接及Python/Node.js/C++开发环境搭建,被誉为“手机上的Linux系统”。其特点包括零ROOT权限、跨平台开发和强大扩展性。本文详细介绍其安装准备、基础与高级环境配置、必备插件推荐、常见问题解决方法以及延伸学习资源,帮助用户充分利用Termux进行开发与学习。适用于Android 7+设备,原创内容转载请注明来源。
    1394 77
    |
    5月前
    |
    Java Android开发
    Android图片的手动放大缩小
    本文介绍了通过缩放因子实现图片放大缩小的功能,效果如动图所示。关键步骤包括:1) 在布局文件中设置 `android:scaleType=&quot;matrix&quot;`;2) 实例化控件并用 `ScaleGestureDetector` 处理缩放手势;3) 使用 `Matrix` 对图片进行缩放处理。为避免内存崩溃,可在全局配置添加 `android:largeHeap=&quot;true&quot;`。代码中定义了 `beforeScale` 和 `nowScale` 变量控制缩放范围,确保流畅体验。
    165 8
    |
    5月前
    |
    缓存 编解码 Android开发
    Android内存优化之图片优化
    本文主要探讨Android开发中的图片优化问题,包括图片优化的重要性、OOM错误的成因及解决方法、Android支持的图片格式及其特点。同时介绍了图片储存优化的三种方式:尺寸优化、质量压缩和内存重用,并详细讲解了相关的实现方法与属性。此外,还分析了图片加载优化策略,如异步加载、缓存机制、懒加载等,并结合多级缓存流程提升性能。最后对比了几大主流图片加载框架(Universal ImageLoader、Picasso、Glide、Fresco)的特点与适用场景,重点推荐Fresco在处理大图、动图时的优异表现。这些内容为开发者提供了全面的图片优化解决方案。
    181 1
    |
    7月前
    |
    API 数据处理 Android开发
    Android网络请求演变:从Retrofit到Flow的转变过程。
    通过这个比喻,我们解释了 Android 网络请求从 Retrofit 到 Flow 的转变过程。这不仅是技术升级的体现,更是反映出开发者在面对并发编程问题时,持续探索和迭求更好地解决方案的精神。未来,还会有更多新的技术和工具出现,我们期待一同 witness 这一切的发展。
    199 36
    |
    5月前
    |
    Web App开发 缓存 JavaScript
    Android网络小说阅读器的实现
    小说阅读Demo,。此Demo使用Jsoup解析HTML,实现小说数据抓取(数据源自网络),并包含自定义View、六章小说缓存等功能,但未实现下载。项目还包括屏幕适配、字体设置等,借助第三方框架完成优化。以下是主页、详情页、阅读页等界面展示。
    100 0
    |
    7月前
    |
    网络协议 物联网
    VB6网络通信软件上位机开发,TCP网络通信,读写数据并处理,完整源码下载
    本文介绍使用VB6开发网络通信上位机客户端程序,涵盖Winsock控件的引入与使用,包括连接服务端、发送数据(如通过`Winsock1.SendData`方法)及接收数据(利用`Winsock1_DataArrival`事件)。代码实现TCP网络通信,可读写并处理16进制数据,适用于自动化和工业控制领域。提供完整源码下载,适合学习VB6网络程序开发。 下载链接:[完整源码](http://xzios.cn:86/WJGL/DownLoadDetial?Id=20)
    243 12

    热门文章

    最新文章