18、ListView显示图片

最新推荐文章于 2024-05-27 07:58:06 发布
最新推荐文章于 2024-05-27 07:58:06 发布
阅读量308 收藏
点赞数
分类专栏： Code/Android/Dp Notes 文章标签： 安卓学习总结 安卓开发 安卓实例 Dp Notes
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zdphpn/article/details/84901965
版权
[size=medium] ListView显示图片（只有文字显得很傻），很多了，效果图就不找了，这里主要是网络图片，利用上节网络图片获取的类。
先定义了一个类，ModelList，主要是存放ListView Item中的一些信息，比如用户名、标题、内容、预览图片的网络链接等。新建的包model下：[/size] 

public class ModelList {
	public String type;	//数据类型，先忽略

	public String icon;	//头像链接
	public String name;	//用户名
	public String time;	//时间

	public String title;	//标题
	public String data;	//内容

	public String preurl;	//预览图片链接
	public int width;		//宽
	public int height;	//高
	public String dataurl;	//数据链接，先忽略

	public String read;	//阅读次数
}

[size=medium] ListView的Adapter，ListAdapter中：[/size] 

public class ListAdapter extends BaseAdapter {

	private Activity activity;		//之前有定义，获取布局时用
	private List<ModelList> datas;	//一个列表，存放Item数据

	private ImageLoad imgload;		//网络图片加载
	private LmageLoad lmgload;		//忽略
	private GifLoad gifload;		//忽略

	private int itemwidth;		//Item的宽度，保证图片横向铺满

	public ListAdapter(Activity activity,QListView listview){
		this.activity=activity;	//构造传进来一个Activity

		itemwidth=(int)(DeviceInfo.width-activity.getResources().getDimension(R.dimen.padding_s)*2);

		imgload=new ImageLoad(activity);
		lmgload=new LmageLoad(activity);
		gifload=new GifLoad(activity);

		datas=new ArrayList<ModelList>();
		//传进来一个ListView，想不出其他好的办法，先忽略
		listview.setQRecyclerListener(rclistener);
	}
	//自己添加 一个函数，用于设定数据
	public void setData(List<ModelList> datas){
		this.datas=datas;
		this.notifyDataSetChanged();//数据更新
	}
	//自己添加 一个函数，用于添加数据
	public void addData(List<ModelList> datas){
		this.datas.addAll(datas);
		this.notifyDataSetChanged();
	}
	//自己添加 一个函数，用于添加数据
	public void addData(ModelList data){
		this.datas.add(data);
		this.notifyDataSetChanged();
	}
	@Override
	public int getCount() {
		// TODO Auto-generated method stub
		return datas.size();//返回datas的大小
	}
	…
}
getView中：
public View getView(final int position, View convertView, ViewGroup parent) {
	// TODO Auto-generated method stub
	final Holder holder;

	if(convertView==null){
		convertView=activity.getLayoutInflater().inflate(
R.layout.item_list, parent, false);

		holder=new Holder();
		convertView.setTag(holder);
	}
	else{
		holder=(Holder)convertView.getTag();
	}
	//获取控件	holder.iv_icon=(ImageView)convertView.findViewById(R.id.iv_icon);
	holder.tv_name=(TextView)convertView.findViewById(R.id.tv_name);
	holder.tv_time=(TextView)convertView.findViewById(R.id.tv_time);
	holder.tv_title=(TextView)convertView.findViewById(R.id.tv_title);
	holder.tv_data=(TextView)convertView.findViewById(R.id.tv_data);
	holder.rl_data=(RelativeLayout)convertView.findViewById(R.id.rl_data);
	holder.tv_read=(TextView)convertView.findViewById(R.id.tv_read);
	//根据当前位置获取数据
	final ModelList data=datas.get(position);	//获取Item数据
	//父类和TAG在获取图片的时候要用
	final View viewparent=convertView;
	final int tagpre=position+1;
	final int tagdata=-(position+1);

	final int tagctrllmg=tagpre-1;//=position
	final int tagctrlgif=tagdata+1;//=position

	final int tagloadlmg=tagpre+1;//=position+2
	final int tagloadgif=tagdata-1;//-(position+2)
	//设置相应内容
	holder.tv_name.setText(data.name);
	holder.tv_time.setText(data.time);
	holder.tv_title.setText(data.title);
	if(data.data!=null){//有，设置显示
		holder.tv_data.setText(data.data);
		holder.tv_data.setVisibility(View.VISIBLE);
	}
	else{//无，隐藏
		holder.tv_data.setVisibility(View.GONE);
	}
	if("txt".equals(data.type)){//仅有文字，隐藏下面的布局
		holder.rl_data.setVisibility(View.GONE);
	}
	else if("lmg".equals(data.type)){//长图
		LayoutParams lp=holder.rl_data.getLayoutParams();
		lp.height=itemwidth*data.height/data.width;
		holder.rl_data.setLayoutParams(lp);//设置高度，防止图片变形
		holder.rl_data.setTag(tagpre);
		Drawable pre=imgload.loadImage(viewparent,tagpre,data.preurl,ilcallback);
		holder.rl_data.setBackground(pre);
		holder.rl_data.setVisibility(View.VISIBLE);
		//获取并设置图片
	}
	else{
		LayoutParams lp=holder.rl_data.getLayoutParams();
		lp.height=itemwidth*data.height/data.width;
		holder.rl_data.setLayoutParams(lp);

		holder.rl_data.setTag(tagpre);
		Drawable pre=imgload.loadImage(viewparent,tagpre,data.preurl,ilcallback);
		holder.rl_data.setBackground(pre);
		holder.rl_data.setVisibility(View.VISIBLE);
		//获取并设置图片，不用怀疑，和上面的一样
		if("gif".equals(data.type)){

		}
		else if("vdo".equals(data.type)){

		}

	}

	holder.tv_read.setText(data.read);

	return convertView;
}

[size=medium] 获取图片的回掉监听器[/size] 

private ImageLoadCallback ilcallback=new ImageLoadCallback() {

	@SuppressLint("NewApi")
	@Override
	public void onSuccess(Drawable drawable, int tag, View viewParent) {
		// TODO Auto-generated method stub
		if(drawable!=null){
			RelativeLayout rl_data=(RelativeLayout)(viewParent.findViewWithTag(tag));
			if(rl_data!=null){
				LayoutParams lp=rl_data.getLayoutParams();
				lp.height=itemwidth*drawable.getMinimum
Height()/drawable.getMinimumWidth();
				rl_data.setLayoutParams(lp);
				rl_data.setBackground(drawable);
			}
		}
	}
};

[size=medium] 附上获取设备屏幕大小的类tool/DeviceInfo[/size] 

public class DeviceInfo {

	public static int width;
	public static int height;

	public static void initDeviceInfo(Activity activity){
		DisplayMetrics metrics = new DisplayMetrics();
		activity.getWindowManager().getDefaultDisplay().
getMetrics(metrics);
		width=metrics.widthPixels;
		height=metrics.heightPixels;
	}
}

[size=medium] initDeviceInfo初始化函数在MainActivity的onCreate中调用即可，不贴了。
设置数据测试，在ListFragment中刷新回掉中[/size] 

private BGTaskListener bgtlistener=new BGTaskListener() {

	@Override
	public void taskFinish() {
		// TODO Auto-generated method stub
		System.out.println(rcvdata);
		if(rcvdata!=null){
			ModelList data=new ModelList();
			data.type="gif";
			data.name="img";
			data.time="2017";
			data.title="标题例子，大小如何。";
			data.data="内容例子，大小如何。内容例子，大小如何。内容例子，大小如何。";
			data.width=683;
			data.height=1024;
			data.preurl="http://pic17.nipic.com/
20111025/910362_220203957000_2.jpg";
			data.dataurl="http://i2.img.969g.com/pub/imgx2016/
09/01/284_171350_425dc_lit.gif";
			data.read="2K阅读 • 54回复 • 原创";
			adapter.addData(data);

			ModelList data1=new ModelList();
			data1.type="lmg";
			data1.name="img";
			data1.time="2017";
			data1.title="标题例子，大小如何。";
			data1.data="内容例子，大小如何。内容例子，大小如何。内容例子，大小如何。";
			data1.width=683;
			data1.height=1024;
			data1.preurl="http://pic4.nipic.com/
20091119/1951702_070512038271_2.jpg";
			data1.dataurl="http://pic17.nipic.com/
20111025/910362_220203957000_2.jpg";
			data1.read="2K阅读 • 54回复 • 原创";
			adapter.addData(data1);

		}
		qlv_list.completeRefresh(QListView.ISSUCCESS);//完成刷新
	}

	@Override
	public void taskDoing() {
		// TODO Auto-generated method stub
		rcvdata=Http.read("http://www.baidu.com");//一个自定义网络类，获取百度首页数据
	}
};

[size=medium] 比较简单，刷新之后加入固定的数据（应该从网络上获取数据的，现在后台还没有写好），效果：[/size]
[img]http://dl2.iteye.com/upload/attachment/0125/3348/b9606138-bc1c-3235-940d-6cfaae96374f.gif[/img]
[color=gray][size=medium]注：并没有长图加载、GIF播放的按钮[/size][/color]

[align=right][size=medium]不要迷茫——2017/06/07[/size][/align]
zdphpn
关注
专栏目录
ListView显示图片文件夹图片
覃庆奖
01-17 1698
（1）前言 在C#winfin的中，其实ListView和skinListView的使用方法是一样的，也是能够显示数据的，只不过最近的时候，我才发现的，今天，写一个案例，用skinListview显示一个文件夹里面的图片。 （2）在自己的电脑上，创建一个文件夹，而文件夹里面就图片 （3）创建自己的项目，把skinListview,button,imageList拉近winfin的窗体当中。 ...
Android开发实现ListView和adapter配合显示图片和文字列表功能示例
01-04
本文实例讲述了Android开发实现ListView和adapter配合显示图片和文字列表功能。分享给大家供大家参考，具体如下： 实际效果： 布局文件： <?xml version=1.0 encoding=utf-8?> <RelativeLayout xmlns:...
listView显示图片
04-10
NULL 博文链接：https://632902651-qq-com.iteye.com/blog/1667256
在Listview上展示图片的两种方法（一）
jellyliu的专栏
08-02 3252
SimpleAdapter用于ListView显示时可以自定义布局，但是用于展示图片并不是那么直接。有两种方法可以实现，一是利用setViewBinder进行绑定，二是重写getview方法。 首先，方法一： SimpleAdapter adapter = new SimpleAdapter( SecondActivity.this, mListData, R.layout.li
Listview显示网络图片
05-29
NULL 博文链接：https://wtmusic-yeah-net.iteye.com/blog/1128258
listview加载显示图片
ayfq68969的博客
10-10 338
public class ImageAndTextListAdapter extends ArrayAdapter<ImageAndText> { private ListView listView; private AsyncImageLoader asyncImageLoader; public ImageAndTextList...
ListView 中显示图片
lh200808的专栏
06-27 459
大家知道ImageView 类虽然有一个 setImageUri 方法，但不能直接接受一个由网络地址生成的uri作为参数从而显示图片，我们只好使用其 setImageBitmap 方法，如 Bitmap mBitmap = null; URL url = new URL(imageUrl); HttpURLConnection co...
Android ListView显示图片
jishublog
07-26 469
http://mobile.51cto.com/android-266971.htm 在Android开发中ListView是比较常用的组件，它以列表的形式展示具体内容，并且能够根据数据的长度自适应显示。 AD： Android中ListView是比较常用的控件，但一直都觉得创建ListView步骤有点繁琐，故在此总结一下，方便查阅。程序效果是实现一个ListView,ListV...
listview显示网络图片
FLYAIYA_的专栏
04-15 989
本来想使用
C#在ListView中Subitem显示图片
01-05
这个程序实现了如何在ListView的列中显示图标或者图片，可以用于显示不同Item的状态。
listView显示网络图片
01-07
动态加载网络图片，边下载边显示，图片不会错乱
Listview显示网络图片demo--真正简单好用
06-21
Listview显示网络图片 ，不会出现内存溢出问题，移植方便
如何在listView中显示图片
最新发布
LIUCHANGSHUO的博客
05-27 231
如何在listView中显示图片1.初始化数据源，设置Adapter 2.定义adapter的内部类 3.布局文件xml
在ListView上显示带有图片的提示信息
luols的专栏
11-14 4292
本文重构了ToolTip组件，只为可以在上面显示图片所作，具体参考如下代码：重写ToolTipusing System.Drawing; using System.Drawing.Drawing2D; using System.Windows.Forms; using System; using System.Diagnostics; using System.ComponentModel; namespace CustomToolTipDemo { /// ///
ListView显示网络图片的方法
guanhuaing
12-14 304
今天在网上找了一整天如何实现ListView显示网络图片的方法 1：显示的图片比较小（1-2张）。这样我觉得不需要使用异步来加载，直接使用位图显示就OK 2：显示的图片比较多，可以使用异步加载。但存在BUG：单显示的条目很多。ListView需要往下拉的时候。图片不能显示，但是使用1的方法却能全部显示出来 参考资料：http://hulefei29.iteye.com/blog/616262...
listview显示图片
fugeyi3889的博客
01-01 1632
listview的每个item上都有一张图片，想在每个item的正中间添上文字，具体怎么写
C# 系统应用之ListView实现简单图片浏览器
热门推荐
杨秀璋的专栏
10-10 1万+
本文主要是根据给同学讲解ListView控件显示图片写的一篇文章,主要包括：第一步 设计界面框架同时添加ImageList控件 第二步 使用OpenFileDialog控件打开显示图片 第三步 显示图片列表至ListView控件中 第四步 通过listView1_DoubleClick函数双击打开图片 第五步 显示上一张\下一张.文章是对关于ListView大图标显示列表的基础知识,同时包括自己遇到的问题及解决方法,希望对大家有所帮助.
android笔记--在ListView中显示图片及ListView的动态刷新
coolxing
10-23 676
[coolxing按: 转载请注明作者和出处, 如有谬误, 欢迎在评论中指正.]   最近在做一个天气预报的小课题, 其中涉及到了ListView的动态刷新, 以及如何在ListView上显示图片.   1. 在ListView上显示图片. 为了实现这个功能, 首先需要定义一个布局文件, 用于显示ListView的每个Item. 比如list_item.xml:   &lt;?xml...
安卓listview显示图片
05-30
要在Android ListView中显示图片，您可以使用自定义适配器来实现。以下是一个简单的示例： 1. 首先，在ListView布局文件中添加一个ImageView。 2. 在自定义适配器中，使用getView方法来设置每个列表项的布局和内容。在这个方法中，您可以使用setImageResource或setImageBitmap方法将图片设置为ImageView。 3. 在您的Activity中，将适配器设置为ListView的适配器。 以下是一个简单的示例代码： 首先，布局文件中添加ImageView： ``` <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <ListView android:id="@+id/listview" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout> ``` 然后，在适配器中设置布局和内容： ``` public class MyAdapter extends ArrayAdapter<String> { private final Context context; private final String[] values; private final int[] images; public MyAdapter(Context context, String[] values, int[] images) { super(context, R.layout.list_item, values); this.context = context; this.values = values; this.images = images; } @Override public View getView(int position, View convertView, ViewGroup parent) { LayoutInflater inflater = (LayoutInflater) context .getSystemService(Context.LAYOUT_INFLATER_SERVICE); View rowView = inflater.inflate(R.layout.list_item, parent, false); TextView textView = (TextView) rowView.findViewById(R.id.label); ImageView imageView = (ImageView) rowView.findViewById(R.id.icon); textView.setText(values[position]); imageView.setImageResource(images[position]); return rowView; } } ``` 最后，在Activity中将适配器设置为ListView的适配器： ``` ListView listView = (ListView) findViewById(R.id.listview); String[] values = new String[] { "Item 1", "Item 2", "Item 3" }; int[] images = new int[] { R.drawable.image1, R.drawable.image2, R.drawable.image3 }; MyAdapter adapter = new MyAdapter(this, values, images); listView.setAdapter(adapter); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值