ListView的多布局

最新推荐文章于 2022-08-16 11:14:30 发布
最新推荐文章于 2022-08-16 11:14:30 发布
阅读量242 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/fish89757/article/details/51773571
版权
本文介绍了如何使用ListView实现多布局，关键在于覆盖getItemViewType()和getViewTypeCount()方法。通过这两个方法，可以根据不同的位置返回不同的布局，实现ListView中显示多样化的效果。

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

用过重写两个方法来实现：

(1)getItemViewType(int position)

此方法说明listview显示哪个布局

(2)getViewTypeCount()

此方法说明listview有几种布局方式


实例代码：

<span style="font-size:18px;">package com.bwie.adapter;

import java.util.List;

import com.bwie.action.R;
import com.bwie.bean.Data;
import com.bwie.bean.ImageList;
import com.bwie.bean.Large_image_list;
import com.nostra13.universalimageloader.core.ImageLoader;

import android.content.Context;
import android.graphics.Color;
import android.media.MediaPlayer;
import android.media.MediaPlayer.OnCompletionListener;
import android.media.MediaPlayer.OnPreparedListener;
import android.net.Uri;
import android.os.SystemClock;
import android.util.Log;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageButton;
import android.widget.ImageView;
import android.widget.MediaController;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.widget.VideoView;

public class MyListViewNewsAdapter extends BaseAdapter {
	private Context context;
	private List<Data> list;
	private int currentIndex=-1;
	private int playPosition=-1;
	private boolean isPlaying=false;
	private boolean isPaused=false;
	private final int VIDEO=0;//视频
	private final int ONE_SMALL_IMAGE=1;//一张小图
	private final int ONE_LARGE_IMAGE=2;//一张大图
	private final int THREE_IMAGE=3;//三张小图
	private final int NO_IMAGE=4;//没有图和视频
	private ViewHolderVideo video2;
	private VideoView videoPlay;
	boolean flag;
	public MyListViewNewsAdapter(Context context, List<Data> list,boolean flag) {
		this.context = context;
		this.list = list;
		this.flag=flag;
	}

	@Override
	public int getCount() {

		return list.size();
	}

	@Override
	public Object getItem(int arg0) {
		// TODO Auto-generated method stub
		return null;
	}

	@Override
	public long getItemId(int arg0) {
		// TODO Auto-generated method stub
		return 0;
	}
	
	@Override
	public int getItemViewType(int position) {
		Data data = list.get(position);
		List<ImageList> image_list = data.getImage_list();
		List<Large_image_list> large_image_list = data.getLarge_image_list();
		if(flag){
			if(data.isHas_image()){
				return ONE_SMALL_IMAGE;
			}else{
				return NO_IMAGE;
			}
		}else{
			if(data.isHas_video()){
				return VIDEO;
			}else if(data.isHas_image()){
				if(image_list.size()!=0){
					if(image_list.size()>=3){
						return THREE_IMAGE;
					}else{
						return ONE_SMALL_IMAGE;
					}
				}else if(large_image_list!=null){
					if(large_image_list.size()!=0){
						return ONE_LARGE_IMAGE;
					}else{
						return ONE_SMALL_IMAGE;
					}
				}else{
					return ONE_SMALL_IMAGE;
				}
			}else{
				return NO_IMAGE;
			}
		}
		
	}

	@Override
	public int getViewTypeCount() {
		if(flag){
			return 2;
		}
		return 5;
	}

	@Override
	public View getView(int position, View convertview, ViewGroup arg2) {
		//五种布局模式的空间缓存对象
		ViewHolderNoImage noImage=null;
		ViewHolderOneLargeImage oneLargeImage=null;
		ViewHolderOneSmallImage oneSmallImage=null;
		ViewHolderThreeImage threeImage=null;
		final int mPosition=position;
		//布局类型标记
		int type=getItemViewType(position);
		Data data=list.get(position);
		if(convertview==null){
			//根据返回的常量判断加载哪种布局
			switch (type) {
			case VIDEO:
				//加载视频布局
				convertview=View.inflate(context, R.layout.item_listview_video, null);
				//创建控件缓存对象
				video2=new ViewHolderVideo();
				//获得标题textview
				video2.tv_title_news=(TextView) convertview.findViewById(R.id.textview_listview_news_video_title);
//				video2.vv=(VideoView) convertview.findViewById(R.id.videoview);
				video2.img=(ImageView) convertview.findViewById(R.id.video_image);
				video2.bt=(ImageButton) convertview.findViewById(R.id.video_play_btn);
				video2.pb=(ProgressBar) convertview.findViewById(R.id.progressbar_video);
				//获得更新时间，评论等textview
				findTextViews(video2,convertview);
				//设置标记
				convertview.setTag(video2);
				break;
			case ONE_SMALL_IMAGE:
				convertview=View.inflate(context, R.layout.item_listview_onesmallimage, null);
				oneSmallImage=new ViewHolderOneSmallImage();
				oneSmallImage.tv_title_news=(TextView) convertview.findViewById(R.id.textview_listview_news_smallimage_title);
				oneSmallImage.iv_onesmallimage=(ImageView) convertview.findViewById(R.id.imageview_listview_news_onesmallimage);
				
				findTextViews(oneSmallImage, convertview);
				convertview.setTag(oneSmallImage);
				break;
			case ONE_LARGE_IMAGE:
				convertview=View.inflate(context, R.layout.item_listview_onelargeimage, null);
				oneLargeImage=new ViewHolderOneLargeImage();
				oneLargeImage.tv_title_news=(TextView) convertview.findViewById(R.id.textview_listview_news_largeimage_title);
				oneLargeImage.iv_onelargeimage=(ImageView) convertview.findViewById(R.id.imageview_listview_news_onelargeimage);
				
				findTextViews(oneLargeImage, convertview);
				convertview.setTag(oneLargeImage);
				break;
			case THREE_IMAGE:
				convertview=View.inflate(context, R.layout.item_listview_threeimage, null);
				threeImage=new ViewHolderThreeImage();
				threeImage.tv_title_news=(TextView) convertview.findViewById(R.id.textview_listview_news_threeimage_title);
				threeImage.iv_threeimage_one=(ImageView) convertview.findViewById(R.id.imageview_listview_news_threesmallimage_one);
				threeImage.iv_threeimage_two=(ImageView) convertview.findViewById(R.id.imageview_listview_news_threesmallimage_two);
				threeImage.iv_threeimage_three=(ImageView) convertview.findViewById(R.id.imageview_listview_news_threesmallimage_three);
				
				findTextViews(threeImage, convertview);
				convertview.setTag(threeImage);
				break;
			case NO_IMAGE:
				
				convertview=View.inflate(context, R.layout.item_listview_noimage, null);
				noImage=new ViewHolderNoImage();
				noImage.tv_title_news=(TextView) convertview.findViewById(R.id.textview_listview_news_noimage_title);
				
				findTextViews(noImage, convertview);
				convertview.setTag(noImage);
				break;
			default:
				
				break;
			}
		}else{
			switch (type) {
			case NO_IMAGE:
				noImage=(ViewHolderNoImage) convertview.getTag();
				break;
			case VIDEO:
				video2=(ViewHolderVideo) convertview.getTag();
				break;
			case ONE_LARGE_IMAGE:
				oneLargeImage=(ViewHolderOneLargeImage) convertview.getTag();
				break;
			case  ONE_SMALL_IMAGE:
				oneSmallImage=(ViewHolderOneSmallImage) convertview.getTag();
				break;
			case THREE_IMAGE:
				threeImage=(ViewHolderThreeImage) convertview.getTag();
				break;
			default:
				break;
			}
			
		}
		switch (type) {
		case NO_IMAGE:
			setTextViewInfo(noImage, data);
			break;
		case VIDEO:
			setTextViewInfo(video2, data);
			if(video2!=null&&data.getVideo_detail_info()!=null){	
				ImageLoader.getInstance().displayImage(data.getVideo_detail_info().getDetail_video_large_image().getUrl(),video2.img);
			}
			video2.bt.setVisibility(View.VISIBLE);
			video2.img.setVisibility(View.VISIBLE);
			MediaController mMediaCtrl = new MediaController(context,false);
			
			if(currentIndex == position){
				video2.bt.setVisibility(View.INVISIBLE);
				video2.img.setVisibility(View.INVISIBLE);
				if(isPlaying || playPosition==-1){
					if(videoPlay!=null){
						videoPlay.setVisibility(View.GONE);
						videoPlay.stopPlayback();
						video2.pb.setVisibility(View.GONE);
					}
				}
				videoPlay = (VideoView) convertview.findViewById(R.id.videoview);
				videoPlay.setVisibility(View.VISIBLE);
				mMediaCtrl.setAnchorView(videoPlay);
				mMediaCtrl.setMediaPlayer(videoPlay);
				videoPlay.setMediaController(mMediaCtrl);
				videoPlay.requestFocus();
		        video2.pb.setVisibility(View.VISIBLE);
				if(playPosition>0 && isPaused){
					videoPlay.start();
					isPaused=false;
					isPlaying=true;
					video2.pb.setVisibility(View.GONE);
				}else{
					videoPlay.setVideoURI(Uri.parse("http://v4.pstatp.com/fbe5cf8d7b2c59caaee2b48dbdc7c00a/57639325/video/c/c565df9b98624773aa289f995635e6df/"));
			        isPaused=false;
			        isPlaying=true;
				}
				videoPlay.setOnCompletionListener(new OnCompletionListener() {
					@Override
					public void onCompletion(MediaPlayer mp) {
							if(videoPlay!=null){
								videoPlay.seekTo(0);
								videoPlay.stopPlayback();
								currentIndex=-1;
								isPaused=false;
						        isPlaying=false;
						        video2.pb.setVisibility(View.GONE);
								MyListViewNewsAdapter.this.notifyDataSetChanged();
							}	
					}
				});
				videoPlay.setOnPreparedListener(new OnPreparedListener() {
					
					@Override
					public void onPrepared(MediaPlayer mp) {
						video2.pb.setVisibility(View.GONE);
						videoPlay.start();
					}
				});
				
			}else{
				video2.bt.setVisibility(View.VISIBLE);
				video2.img.setVisibility(View.VISIBLE);
				video2.pb.setVisibility(View.GONE);
			}
			
			video2.bt.setOnClickListener(new View.OnClickListener() {
				@Override
				public void onClick(View v) {
					currentIndex=mPosition;
					playPosition=-1;
					MyListViewNewsAdapter.this.notifyDataSetChanged();
				}
			});
			break;
		case ONE_LARGE_IMAGE:
			setTextViewInfo(oneLargeImage, data);
			ImageLoader.getInstance().displayImage(data.getLarge_image_list().get(0).getUrl(), oneLargeImage.iv_onelargeimage);
			break;
		case  ONE_SMALL_IMAGE:
			setTextViewInfo(oneSmallImage, data);
			ImageLoader.getInstance().displayImage(data.getMiddle_image().getUrl(), oneSmallImage.iv_onesmallimage);
			break;
		case THREE_IMAGE:
			setTextViewInfo(threeImage, data);
			ImageLoader.getInstance().displayImage(data.getImage_list().get(0).getUrl(), threeImage.iv_threeimage_one);
			ImageLoader.getInstance().displayImage(data.getImage_list().get(1).getUrl(),threeImage.iv_threeimage_two);
			ImageLoader.getInstance().displayImage(data.getImage_list().get(2).getUrl(),threeImage.iv_threeimage_three);
			break;
		default:
			break;
		}
		return convertview;
		
	}
	public void findTextViews(ViewHolder vh,View convertview){
		vh.tv_label_news=(TextView) convertview.findViewById(R.id.textView_listview_news_label);
		vh.tv_comment_news=(TextView) convertview.findViewById(R.id.textView_listview_news_comment);
		vh.tv_publishtime_news=(TextView) convertview.findViewById(R.id.textView_listview_news_publishtime);
		vh.tv_source_news=(TextView) convertview.findViewById(R.id.textView_listview_news_source);
	}
	public void setTextViewInfo(ViewHolder vh,Data data){
		vh.tv_title_news.setText(data.getTitle());
		vh.tv_comment_news.setText("评论 "+data.getComment_count());
		if(("推广".equals(data.getLabel()))){
			vh.tv_label_news.setBackgroundColor(context.getResources().getColor(R.color.shenhui));
		}else if("热".equals(data.getLabel())){
			vh.tv_label_news.setBackgroundColor(Color.RED);
		}else if(data.getLabel()==null){
			vh.tv_label_news.setVisibility(View.GONE);
		}else {
			vh.tv_label_news.setBackgroundColor(Color.BLUE);
		}
		vh.tv_label_news.setText(data.getLabel());
		vh.tv_publishtime_news.setText(data.getPublish_time()+"");
		vh.tv_source_news.setText(data.getSource());
	}
	public void setVideo(int position,ViewHolderVideo video){
		
	}
	class ViewHolderNoImage extends ViewHolder{

	}
	class ViewHolderOneSmallImage extends ViewHolder{
		ImageView iv_onesmallimage;
	}
	class ViewHolderOneLargeImage extends ViewHolder{
		ImageView iv_onelargeimage;	
	}
	class ViewHolderThreeImage extends ViewHolder{
		ImageView iv_threeimage_one;
		ImageView iv_threeimage_two;
		ImageView iv_threeimage_three;
	}
	class ViewHolderVideo extends ViewHolder{
		VideoView vv;
		ImageView img;
		ProgressBar pb;
		ImageButton bt;
	}
	class ViewHolder{
		TextView tv_title_news;
		TextView tv_label_news;
		TextView tv_source_news;
		TextView tv_publishtime_news;
		TextView tv_comment_news;
	}
}
</span>

Flutter listview多布局实现
xq610928的博客
08-01 2569
前言 各位同学大家好,很久没有给大家更新blog了最近看到群里一些关于flutter的疑问。结合自己最近的一些想法今天就分享一个flutter listview 多布局给大家，那么不多说我们正式开始 准备工作： 1 需要用到的三方库 flutter_swiper: ^1.1.6 请在pubpsec.yaml 文件只添加依赖并在控制台执行flutter pub get 下载依赖 效果图： ## 具体实现： 1普通的listview多布局： 首先我们写一个listview.builder 然后我们在re
android之ListView自定义布局
ma12an的专栏
07-21 1万+
前面总结了如何应用android自带的布局到ListView中去，现在如果想让自己的ListView更生动，只需要将自己定义的布局应用到ListView中，在布局中添加一些生动的元素，比如，图标。 一、为ListView每个item添加一个图标  先看效果： 首先定义一个entry.xml布局文件： <LinearLayout xmlns:android="http://sch
ListView多布局
System.o的博客
08-30 464
效果图如下：蓝颜色线圈起来的一块为ListView。蓝色圈里面的不同颜色分别代表不同布局，一共为4个布局。其实我们实现起来也很简单，我先简单说下步骤：1.在布局文件中准备你需要的布局2.新建一个类继承与BaseAdapter，并重写里面的方法3.根据布局的多少创建各自的ViewHolder，有3个布局就创建3个ViewHolder4.在适配器中重写getItemViewType(int posit...
在ListView中使用多个布局
weixin_30325487的博客
08-25 117
要想在一个ListView中使用多个布局文件,比如一个信息List包含了一个信息标题和每个信息对应的时间. 关键的步骤是实现Adapter类的getItemViewType和getViewTypeCount这两个方法 getItemViewType(int) 以int数值型返回itemView的类型。一般普通列表的item都是一样的布局，也就是说这个列表只有一种类型，但是很多时候我们需要...
listview的多布局实现
dc_user的博客
06-19 2042
实现代码 Adapter的代码 其中:ViewHolder分别是三个不同的布局,也就是ListView中每一项的布局 TYPE_1...是三种类型. 在使用不同布局的时候,getItemViewType和getViewTypeCount不能少,一般的同一种item的列表是不用这两个函数的重载的，但是如果需要不同种类的item，就必须重载这两个 classRunRankAdapter...
ListView加载多个布局
08-09
ListView加载多个布局
ListView多布局实现
07-28
然而，有时我们可能需要在一个ListView中显示不同类型的行，比如普通文本、图片与文本结合、按钮等，这就涉及到ListView的多布局实现。 一、ListView多布局基础 1. 创建不同布局：首先，我们需要为每种不同的行...
WPF的ListView控件自定义布局用法实例
09-02
总结起来，自定义WPF的ListView布局主要涉及以下几个步骤： 1. 创建ControlTemplate定义ListView的整体结构和行为。 2. 设计DataTemplate以定义每个ListViewItem的显示样式。 3. 使用数据绑定将数据模型与UI元素关联...
android ListView 网格布局
03-08
它的网格布局模式使得数据以多列的形式展示，增强了界面的可读性和用户体验。本文将深入探讨如何在Android中实现一个基于ArrayAdapter的网格布局ListView。 首先，我们要了解ListView的基本结构。ListView是由多个...
ListView Item多布局的实现
03-21
然而，有时我们不仅仅满足于单一的列表项布局，而是希望在同一个ListView中展示多种不同的布局，这就是所谓的"ListView Item多布局"。这种功能可以使得应用界面更加丰富多彩，提供更好的用户体验。本文将详细介绍...
java list布局_java – 使用2种不同的布局重用Android Listvi...
weixin_30611667的博客
02-26 123
我已经了解到,为了最大限度地提高Android列表视图的效率,您应该只需要尽可能多的充满“行”视图,以适应屏幕.一旦视图移出屏幕,您应该在getView方法中重用它,检查convertView是否为null.但是,当您需要2个不同的列表布局时,如何实现这个想法？让我们说它的订单列表和1个布局是针对已完成的订单而另一个布局是针对流程订单.这是我的代码使用的想法的示例教程.就我而言,我将有两行布局：R...
Android一点 ListView显示多种布局
Flyjun
05-07 2206
当我们需要在ListView中显示多种视图时，仍然使用继承BaseAdapter的方式，要注意的是getItemViewType(int position)和getViewTypeCount()这两个方法。 getViewTypeCount()就是获取列表有几种布局类型，getItemViewType(int position)是获取在position位置上的布局类型。 packag
常见的五种前端页面布局（table布局、float布局、absolute布局、flex布局、grid布局）
engineer_z的博客
08-16 3148
前端页面布局
最全ListView扩展的实例和补充
shenggaofei的博客
08-29 2176
ListView的常用属性： 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 <?xml version="1.0"
ListView项(Item)的三种布局使用例子
热门推荐
swingline的专栏
12-19 4万+
        在使用ListView的时候，经常看到需要为List中的item添加诸如“android.R.layout.simple_list_item_1”、“android.R.layout.simple_list_item_2”之类的布局。用起来虽然简单，不过好奇心促使去了解一下其真正的内容。例子代码：//main.xml
自定义ListView布局
Qxnedy的博客
02-11 834
自定义ListView布局
listview加载不同布局
秦时明月
07-02 6768
今天面试问到了这个，回家来做一下笔记， 顺便实现一下效果。我的做法是：1、定义一个类，在这个类里有不同布局所需要的所有字段。 2、在自定义adapter里根据当前数据的字段来判断应该加载哪个布局 3、在自定义adapter里实现了不同布局的ViewHolder，根据不同的布局实例化不同的ViewHolder类注意： 1、getViewTypeCount方法返回一共有几种不同类型的布局，我这里是
ListView乱谈之ListView的布局
菜鸟博客
09-26 4400
ListView 布局实现原理的简单总结
ListView实现不同的Item布局
刘永祥的专栏
08-02 3669
点击免费下载源码 点击github下载 ListView是很多应用少不了的，有些应用的要求较为复杂，不是ListView嵌套GridView就是ListVIew嵌套ListVIew。更有甚者是两者都含有，而且还有其他不同形式的布局。 本人写了一个以前公司要求实现的布局如下图所示 左边其实是一个时间轴的效果，由于时间轴线的颜色太淡没有显示出来。为了实现这个功能当初是下了很多的功夫，也上网搜
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值