Android（java）学习笔记204：自定义SmartImageView（继承自ImageView，扩展功能为自动获取网络路径图片）

2022-01-10 01:36:35

1. 有时候Android系统配置的UI控件，不能满足我们的需求，Android开发做到了一定程度，多少都会用到自定义控件，一方面是更加灵活，另一方面在大数据量的情况下自定义控件的效率比写布局文件更高。

2. 下面我们是自定义一个SmartImageView继承自ImageView，扩展了ImageView的功能：

步骤：

• 新建一个SmartImageView类，让继承自ImageView（放置特定的包下）；

• 实现SmartImageView类下的构造方法，最好全部实现，这个不容易出现问题，同时子类不能剥夺父类的构造方法；

• 扩展功能方法setImageUrl，通过设置一个网络的路径给SmartImageView,SmartImageView会自动的把这个路径对应的图片下载下来；

3. 下面我结合一个具体的案例形象说明一下：

（1）新建一个Android工程，命名为" 网易新闻客户端_自定义控件（SmartImageView）"，同时新建一个类为SmartImageView让它继承自ImageView，这里我们暂时不必理会布局文件activity_main.xml和MainActivity.java；

如下图：

（2）接下来我们编写SmartImageView，扩展ImageView的功能：

 package com.himi.smart;

 import java.io.InputStream;

 import java.net.HttpURLConnection;

 import java.net.URL;

 import android.content.Context;

 import android.graphics.Bitmap;

 import android.graphics.BitmapFactory;

 import android.os.Handler;

 import android.os.Message;

 import android.util.AttributeSet;

 import android.widget.ImageView;

 /**

  * 实现一个子类，扩展系统的ImageView

  * @author Administrator

  *

  */

 public class SmartImageView extends ImageView {

     private static final int SUCCESS = 1;

     private Handler handler = new Handler() {

         public void handleMessage(android.os.Message msg) {

             switch (msg.what) {

             case SUCCESS:

                 Bitmap bitmap = (Bitmap) msg.obj;

                 setImageBitmap(bitmap);

                 break;

             default:

                 //其他消息，都是获取图片失败

                 break;

             }

         };

     };

     public SmartImageView(Context context, AttributeSet attrs, int defStyle) {

         super(context, attrs, defStyle);

         // TODO 自动生成的构造函数存根

     }

     public SmartImageView(Context context, AttributeSet attrs) {

         super(context, attrs);

         // TODO 自动生成的构造函数存根

     }

     public SmartImageView(Context context) {

         super(context);

         // TODO 自动生成的构造函数存根

     }

     /**

      * 设置一个网络的路径给imageview,imageview会自动的把这个路径对应的图片下载下来

      * @param path 图片的路径

      */

     public void  setImageUrl(final String path) {

         new Thread() {

             public void run() {

                 try {

                     URL url = new URL(path);

                     HttpURLConnection conn = (HttpURLConnection) url.openConnection();

                     conn.setConnectTimeout(5000);

                     conn.setReadTimeout(5000);

                     conn.setRequestMethod("GET");

                     int code = conn.getResponseCode();

                     if(code ==200) {

                         InputStream is = conn.getInputStream();//获得服务器端的图片文件的输入流

                         Bitmap bitmap = BitmapFactory.decodeStream(is);//将服务器端的图片文件的输入流 转化为 Bitmap图片文件

                         //setImageBitmap(bitmap);子线程不能更新UI,这里要使用消息机制

                         Message msg = Message.obtain();

                         msg.obj = bitmap;

                         msg.what = SUCCESS;

                         handler.sendMessage(msg);

                     }

                 } catch (Exception e) {

                     e.printStackTrace();

                     handler.sendEmptyMessage(0);

                 }

             };

         }.start();

     }

 }

这里我们上面说过了我们最好实现全部的构造方法，在扩展方法setImageUrl（）：它是利用网络路径（String），获取网络上的图片资源，这里用到了网络操作，必然是耗时的操作，我们定义的SmartImageView到时候必然运行在主线程，我们知道网络操作不能放在主线程（UI主线程），所以这里新建了一个子线程new Thread（）再结合handler（消息机制）实现UI更新。

（3）接下来我们回到activity_main.xml布局文件：

<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="com.himi.smart.MainActivity" >

    <com.himi.smart.SmartImageView

        android:id="@+id/iv"

        android:layout_centerHorizontal="true"

        android:layout_centerVertical="true"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/hello_world" />

</RelativeLayout>

添加一个我们定义的SmartImageView控件，设置其他参数和ImageView一样（SmartImageView继承自ImageView），这里特别注意：

开始标签是 " 包名+控件类名 "，比如这里的是：

<com.himi.smart.SmartImageView

android:id="@+id/iv"

android:layout_centerHorizontal="true"

android:layout_centerVertical="true"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/hello_world" />

（4）接下来自然是使用，回到MainActivity.java:

package com.himi.smart;

import com.himi.hebao.R;

import android.app.Activity;

import android.os.Bundle;

import android.widget.ImageView;

public class MainActivity extends Activity {

    private SmartImageView iv;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        iv = (SmartImageView) findViewById(R.id.iv);

        iv.setImageUrl("http://a.hiphotos.baidu.com/image/pic/item/cf1b9d16fdfaaf51ebc1c2be8e5494eef01f7a94.jpg");

    }

}

这里的"http://a.hiphotos.baidu.com/image/pic/item/cf1b9d16fdfaaf51ebc1c2be8e5494eef01f7a94.jpg"是网络图片的路径，如下：

（5）不要忘记在AndroidManifest.xml添加网络权限： <uses-permission android:name="android.permission.INTERNET"/>

布署程序到模拟器上面：

备注：这里编写的SmartImageView是为了后面Android（java）学习笔记205网易新闻UI实现的扩展类，下篇就是详细说明如何编写一个网易新闻的客户端

码农公寓

相关文章