Android SmartImageView使用实例

最新推荐文章于 2019-01-08 03:20:17 发布

原创最新推荐文章于 2019-01-08 03:20:17 发布 · 2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#Android #SmartImageView 实例 #android应用 #界面 #控件

Android学习同时被 2 个专栏收录

52 篇文章

订阅专栏

Android实例

7 篇文章

订阅专栏

本文介绍了Android SmartImageView，一个增强版的ImageView组件，支持URL加载、电话簿加载、异步加载图片等功能，并具备内存缓存。通过XML添加控件，获取引用后，可以方便地设置网络图片并进行缓存处理。提供了多种setImageUrl方法以适应不同需求，包括设置备用资源和下载时的占位图。SmartImageView源码可扩展，适用于需要从网络获取图片的APP。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

SmartImageView的设计初衷是来取代Android自带的ImgageView组件，但它的功能远不只imageview这么简单，它还提供了一些ImageView远远没有却常常在android应用中经常用到的功能，如：

（1）支持通过URL来加载图片；

（2）支持从电话簿中加载图片；

（3）异步加载图片；

（4）图片被缓存在内存，以便下次快速加载显示；

（5）SmartImageView类可以被很容易扩展成对其它资源的调用使用；

在做一些需要从网上获取图片的APP时，就难免要做很多处理。

这个项目就是针对这些做了很多处理。

Github项目地址：https://github.com/loopj/android-smart-image-view

作者地址：http://loopj.com/android-smart-image-view/

XML添加一个控件

<com.loopj.android.image.SmartImageView 
        android:id="@+id/smart_image"
        android:layout_above="@id/button_layout" 
        android:layout_width="match_parent" 
        android:layout_height="match_parent"
        android:layout_alignParentTop="true"
        />

获取引用

mImageView = (SmartImageView)findViewById(R.id.smart_image);

获取网络图片，这个过程本身就是异步。不必再进行处理，也不必担心线程阻塞

网络获取到的图片都进行了缓存的处理。会在程序的cache目录下建/web_image_cache/，图片存在这里，如下图所示：

下次使用的时候，如果缓存图片已经存在，则不再从网络获取图片

mImageView.setImageUrl("http://d.hiphotos.baidu.com/image/pic/item/838ba61ea8d3fd1f5a4c0234334e251f95ca5f72.jpg");

有一些功能，作者主页并没有说明，但是查看源码可以看到

先看.setImageUrl都有什么方法

1、最普通的一个，直接设置图片地址

// Helpers to set image by URL

public void setImageUrl(String url) {

setImage(new WebImage(url));

}

2、有一个接口，完成下载的时候调用

public void setImageUrl(String url,SmartImageTask.OnCompleteListener completeListener) {

setImage(new WebImage(url),completeListener);

}

3、从字面意思可以看出，是一个备用的资源。如果从网络获取图片失败，则使用备用资源

public void setImageUrl(String url, finalInteger fallbackResource) {

setImage(new WebImage(url),fallbackResource);

}

4、类似上面

public void setImageUrl(String url, finalInteger fallbackResource, SmartImageTask.OnCompleteListener completeListener) {

setImage(new WebImage(url),fallbackResource, completeListener);

}

5、多了一个loadingResource，就是正在下载的时候展示的图片

public void setImageUrl(String url, finalInteger fallbackResource, final Integer loadingResource) {

setImage(new WebImage(url),fallbackResource, loadingResource);

}

6、类似上面

public void setImageUrl(String url, finalInteger fallbackResource, final Integer loadingResource,SmartImageTask.OnCompleteListener completeListener) {

setImage(new WebImage(url),fallbackResource, loadingResource, completeListener);

}

SmartImageView确实很方便，能解决大部分问题。有不符合自己要求的地方，还可以根据源码去修改。

项目运行示意图：第1张为开始界面，第二张为网络浏览，第三张为通讯录浏览

下面是项目实现：

项目目录结构图：

其中主布局文件activity_main.xml为

<strong><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"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/button_layout" 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal">
        <Button  
        android:id="@+id/net_button"  
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"  
        android:text="@string/net_button_text"  
        android:onClick="onClick" 
        style="" 
         /> 
         <Button  
        android:id="@+id/phone_button"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="@string/phone_button_text"  
        android:onClick="onClick"
        style=""   
         />  
         <TextView 
             android:id="@+id/contact_id"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"/>
    </LinearLayout>
    <com.loopj.android.image.SmartImageView  
        android:id="@+id/smart_image"
        android:layout_above="@id/button_layout"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent" 
        android:layout_alignParentTop="true" 
        />  
</RelativeLayout></strong>

主Activity的java文件为：

package com.shen.smartimageview;

import android.app.Activity;
import android.content.ContentResolver;
import android.database.Cursor;
import android.net.Uri;
import android.os.Bundle;
import android.provider.ContactsContract;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.TextView;

import com.loopj.android.image.SmartImageView;

public class MainActivity extends Activity {

	private static final String  mWebPath = "http://d.hiphotos.baidu.com/image/pic/item/838ba61ea8d3fd1f5a4c0234334e251f95ca5f72.jpg";
	private static final Uri CONTACTS_URI = ContactsContract.Contacts.CONTENT_URI;
	private static final String _ID = ContactsContract.Contacts._ID;
	private static final String DISPLAY_NAME = ContactsContract.Contacts.DISPLAY_NAME;
	
	private SmartImageView mImageView;
	private TextView mIdName;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		 // 开源代码实现好的SmartImageView  
        mImageView = (SmartImageView) findViewById(R.id.smart_image); 
        mIdName = (TextView)findViewById(R.id.contact_id);
	}

	 public void onClick(View view) {
		 switch (view.getId()) {
		case R.id.net_button:
			 
	        // setImageUrl(String url, Integer fallbackResource, Integer  
	        // loadingResource)  
	        // fallbackResource：图片下载失败时显示的图片 loadingResource:图片正在下载显示的图片  
			mImageView.setImageUrl(mWebPath, R.drawable.ic_launcher,  
	                R.drawable.ic_launcher);  
			break;
		case R.id.phone_button:
			
			ContentResolver resolver = getContentResolver(); 
			Cursor c = resolver.query(CONTACTS_URI, null, null, null, null);
			c.moveToFirst();
			long _id = c.getLong(c.getColumnIndex(_ID));
			String displayName = c.getString(c.getColumnIndex(DISPLAY_NAME));
			Log.d("id", String.valueOf(_id) + displayName);
			mIdName.setText("name:" + displayName);
			mImageView.setImageContact(_id,R.drawable.ic_launcher,R.drawable.ic_launcher);
			break;
		default:
			break;
		}
	       
	    }  
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		// Handle action bar item clicks here. The action bar will
		// automatically handle clicks on the Home/Up button, so long
		// as you specify a parent activity in AndroidManifest.xml.
		int id = item.getItemId();
		if (id == R.id.action_settings) {
			return true;
		}
		return super.onOptionsItemSelected(item);
	}
}

其他的文件可以从上面github或作者的网站上进行下载在这里就不多说了

下面介绍一下对smartImageView的认识