listview不同风格item的实现

最新推荐文章于 2020-08-17 09:35:48 发布
最新推荐文章于 2020-08-17 09:35:48 发布
阅读量952 收藏
点赞数
分类专栏： Android 文章标签： listview adapter 不同风格item viewholder
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jishucai/article/details/44627927
版权

         最近做的项目界面太复杂，不过后来发现可以用listview来简化xml代码量，但是后来发现虽然都是一条一条的界面显示内容，但是不是每一条都是一样的风格，所以就有了如题目一样的思考。嗯，直接把效果图展示出来吧，功能我还真没写，这只是一个测试的DEMO。不过思想已经表达很清晰了。

       

      

       这是一个测试DEMO，所以按键功能等都没有写，就简单验证可以响应。

       好吧，我们谈程序。我们分两步实现我们的功能，第一步实现同一种风格的item，只是这个item有很多控件；第二步实现不同风格的item。第一步很好做到，重写一个adapter，在我们重写的这个类里，我们把里面的getView方法覆盖掉，也就是按照我们设计的item上应该有多少控件都写到这里面来，因为listview的显示都是通过这个来设置View的，也就是getView参数中的第二个来设置View显示出每一个item的。参考下面代码：

/**
 * 实现了一个适配器，用来显示自定义listview，这样的listview的每一个item都有很多控件，
 * 每个控件也都能有自己的响应
 * 
 * @author Tortoise
 *
 */
public class MyItemAdapter extends BaseAdapter {

	private Context context = null;
	private List<Map<String, Object>> mData; 
	
	public MyItemAdapter(Context context, List<Map<String, Object>> data) {
		// TODO Auto-generated constructor stub
		this.context = context;
		this.mData = data;
	}
	
	@Override
	public int getCount() {
		// TODO Auto-generated method stub
		return mData.size();
	}

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

	@Override
	public long getItemId(int position) {
		// TODO Auto-generated method stub
		return position;
	}

//	@Override
//	public int getViewTypeCount() {
//		// TODO Auto-generated method stub
//		return 2;
//	}
//	
//	@Override
//	public int getItemViewType(int position) {
//		// TODO Auto-generated method stub
//		if(mData.get(position).get("title").toString().charAt(0)=='S'){
//			return 0;
//		}else{
//			return 1;
//		}
//	}
	
	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		// TODO Auto-generated method stub
		ViewHolder viewHolder = null;
//		ViewHolderOther viewHolderOther = null;
		
//		if(getItemViewType(position)==0){
			if(convertView == null){
				viewHolder = new ViewHolder();
				LayoutInflater layoutInflater = LayoutInflater.from(context);

				convertView = layoutInflater.inflate(R.layout.lineinspection_listview_item, null);
				
				viewHolder.tv = (TextView)convertView.findViewById(R.id.tv_listview_item);
				viewHolder.et = (EditText)convertView.findViewById(R.id.et_listview_item);
				viewHolder.add = (Button)convertView.findViewById(R.id.btnadd_listview_item);
				viewHolder.sub = (Button)convertView.findViewById(R.id.btnsub_listview_item);
				viewHolder.remark = (Button)convertView.findViewById(R.id.btnremark_listview_item);
				
				convertView.setTag(viewHolder);
			}else{
				viewHolder = (ViewHolder)convertView.getTag();
			}
			
			viewHolder.tv.setText(mData.get(position).get("title").toString().substring(1));
			viewHolder.et.setText(mData.get(position).get("info").toString());
			viewHolder.add.setOnClickListener(new MyListener(position, 0));
			viewHolder.sub.setOnClickListener(new MyListener(position, 1));
			viewHolder.remark.setOnClickListener(new MyListener(position, 2));
//		}else {
//			if(convertView == null){
//				viewHolderOther = new ViewHolderOther();
//				LayoutInflater layoutInflater = LayoutInflater.from(context);
//
//				convertView = layoutInflater.inflate(R.layout.lineinspection_listview_itemother, null);
//				
//				viewHolderOther.tv = (TextView)convertView.findViewById(R.id.tv_listview_itemother);
//				viewHolderOther.et = (EditText)convertView.findViewById(R.id.et_listview_itemother);
//				viewHolderOther.remark = (Button)convertView.findViewById(R.id.btnadd_listview_itemother);
//				
//				convertView.setTag(viewHolderOther);
//			}else{
//				viewHolderOther = (ViewHolderOther)convertView.getTag();
//			}
//			
//			viewHolderOther.tv.setText(mData.get(position).get("title").toString());
//			viewHolderOther.et.setText(mData.get(position).get("info").toString());
//			viewHolderOther.remark.setOnClickListener(new MyListener(position, 2));
//		}
		
		
		return convertView;
	}

	//Button响应
	private class MyListener implements OnClickListener{
		
		private int position;
		private int serial;
		
		public MyListener(int position, int serial) {
			// TODO Auto-generated constructor stub
			this.position = position;
			this.serial = serial;
		}
		
		@Override
		public void onClick(View v) {
			// TODO Auto-generated method stub
			switch (serial) {
			case 0:
				Toast.makeText(context, "第"+position+"行的第一个按钮", Toast.LENGTH_SHORT).show();
				break;
			case 1:
				Toast.makeText(context, "第"+position+"行的第二个按钮", Toast.LENGTH_SHORT).show();
				break;
			case 2:
				Toast.makeText(context, "第"+position+"行的第三个按钮", Toast.LENGTH_SHORT).show();
				break;

			default:
				break;
			}
		}
	}
	
	/**
	 * 对应每一个item的控件
	 * @author Tortoise
	 *
	 */
	private static class ViewHolder{
		TextView tv;
		EditText et;
		Button add;
		Button sub;
		Button remark;
	}
	
//	private static class ViewHolderOther{
//		TextView tv;
//		EditText et;
//		Button remark;
//	}
	
}
     MyItemAdapter的构造函数我传入两个参数，第一个是上下文，是必备的；第二个是数据源，我们都知道也就是我们要显示的数据，只是我这里数据我存在一个list里面，是一样的。重点看getView这个函数，这个函数重写了父类方法，让每一个item加载的显示都是我定义的一个xml，这个xml里我把我要的控件都加进去了。同时，还要对控件进行响应，比方说按钮要添加监听等，其实思路很简单，也很好理解。

        上面就实现了同一种风格的item的listview，那不同风格的差异在哪里呢？其实我们想想肯定是对应不同的item我们加载不同的xml，对不同的xml实现不同的响应而已。事实也的确如此。但是我们除了要做第二套风格的item的xml之外，还要重写两个函数，一个是getViewTypeCount，这个是获取有几种风格的item；另一个是getItemViewType,这个是设置不同item对应不同风格。这个理解好理解，但是我们怎么知道我们那个要设置成什么样的风格呢？我这里提供了一个简单的思路，比方说我给第一种风格的item的数据源都加上一个字符“S”，这样我就可以每次设置风格的时候先获取数据源的第一个字符，如果是“S”，我们就设置成第一种风格的item，如果不是就设置成第二种风格，同理也可以设置三种，四种以及多种的风格的item。不过这样我们改变了数据源，这不是问题，我们加载数据源显示的时候，把我们人为加上去的字符去掉就可以了。

        代码我就不贴了，把上面的代码中的注释去掉就行了。

        我的工程可以在这里下载：http://download.csdn.net/detail/u012321815/8533743


海牛宝宝爱学习
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ExpandListView:listView显示多种风格的item的实现，并且有展开按钮
06-21
ExpandListView listView显示多种风格的item的实现，并且有展开按钮
设置ListView的显示风格
10-07
设置ListView的显示风格
Android Listview 实现不同的item
weixin_42354735的博客
01-07 274
以后填写
ListView实现不同的Item布局
刘永祥的专栏
08-02 3600
点击免费下载源码 点击github下载 ListView是很多应用少不了的，有些应用的要求较为复杂，不是ListView嵌套GridView就是ListVIew嵌套ListVIew。更有甚者是两者都含有，而且还有其他不同形式的布局。 本人写了一个以前公司要求实现的布局如下图所示 左边其实是一个时间轴的效果，由于时间轴线的颜色太淡没有显示出来。为了实现这个功能当初是下了很多的功夫，也上网搜
wpf 将Style应用到 ListView 中的 ListViewItem 元素
weixin_30216561的博客
09-28 229
例: 为每个条目元素设置右键菜单 1. 新建右键菜单元素和样式元素 注意: 同时设置样式元素的TargetType 属性和 x:Key 属性, 将样式元素限定为应用于 ListViewItem 类型元素并且需要显示指定才可应用 <Window.Resources> <ContextMenu x:Key="ContextMenuTest"&gt...
ListView有好几种风格的分隔线
sunjunlaing52的专栏
08-15 449
设置方法：   mListView.setDivider(getResources().getDrawable(android.R.drawable.alert_light_frame)); 关键是参数：android.R.drawable.alert_light_
listview最快捷的设置显示风格
jgszhuzhu的专栏
09-03 495
listView.setAdapter(new  ArrayAdapter(context, textViewResourceId, objects)); 这里的textViewResourceId,写成layout文件的ID 此时自己顶一个textview，listview的背景自己随便设置了 http://schemas.android.com/apk/res/android" an
ListView实现不同的item
10-04
要实现不同风格的item，我们需要创建一个继承自BaseAdapter的自定义Adapter。这个Adapter需要重写以下方法： - `getCount()`: 返回数据源的大小。 - `getItem(int position)`: 获取指定位置的数据项。 - `getItemId...
Android实现带有边框的ListView和item的方法
09-02
通过以上方式，你可以为Android应用中的ListView及其item添加各种风格的边框，从而提升界面的视觉效果。记住，自定义绘制虽然需要编写更多的代码，但它提供了更大的设计自由度，可以根据需求实现个性化的设计。
ListView显示不同类型的列表项的例子
01-23
在同一个ListView显示不同类型的列表项
在自定义的ListView中为每个条目添加对话框
06-15
本案例是在自定义的ListView中添加一个按钮，为每个按钮绑定一个对话框，并未对属于话框中的按钮添加任何语句，读者可以根据需要自行添加，本案例旨在让读者了解如何自定义ListView，如何在自定义的条目中绑定对话框。。。
ListView不同风格的填充方式
07-28
本篇文章将详细探讨ListView的不同风格填充方式，以及如何通过BaseAdapter进行数据刷新。 首先，ListView的风格填充主要涉及两种方式：默认样式和自定义样式。默认样式通常是指系统提供的默认布局，如单行文本、...
ListView自定义Item
11-21
1. **交互设计**：实现item的鼠标 hover、click 等状态，可以使用QStyleOptionViewItem的state属性来控制不同的视觉反馈。 2. **动画效果**：添加平滑滚动、淡入淡出等动画效果，可以利用QPropertyAnimation或者...
实现IOS圆角风格的列表ListView
u012940983的专栏
10-10 843
转载：http://www.oschina.net/code/snippet_227618_19441 这段代码目前已经加在我的一个jar包androidkit中，还没发布。  适用于android1.6以上，不依赖其他jar包  使用时不需要继承这里的RoundListAdapter。只需要在你实现了ListAdapter的类中，传入一个RoundParams的对象，并在g
使用自定义适配器实现ListView中的每一个list的不同显示风格
sunshine
08-23 1191
package com.kaiqi.apps_center.utils; import java.util.List; import java.util.Map; import android.content.Context; import android.util.Log; import android.view.LayoutInflater; import android.
Android 项目优化笔记（五）：实现一个 MD 风格详情页
Sky的博客
08-17 616
一、回顾 前文索引： Android 项目优化笔记（一）：概览 1.1 色彩 首先来回顾下之前的问题，项目原来的 UI： 经过一番改造之后变成了这样： 可以看到列表好看了许多，重要的是各种订单状态有了不同 颜色 作为指示，不同的色彩能带给用户最直观的感受。 绿色：已中标订单 黄色：待中标订单 红色：已取消订单 列表点击跳转到详情，这些颜色就可以很好的利用起来。 1.2 图标 可以看到每条数据右上角都有一个代表当前订单状态的小 Chips，而跳转到详情页时，必定也会有类似的文字或图标表示当前订
listview中的item从下往上显示
tian895623的博客
03-27 1825
android:headerDividersEnabled=”true” android:stackFromBottom=”true”
【Android UI】ListView系列一（基础篇）
风吹起如花般细碎流年
08-01 1666
————–ListView基础ListView是一个用于显示滚动的列表项的视图组。listview通过一个适配器adapter将数据以列表的形式展示出来。listview可以说是Android应用层开发非常重要的组件之一，几乎每个App都有它的身影，通过适配器可以使listview呈现出各种不同的样式和风格，作为Android开发人员必须熟练掌握。
怎么找到listview不同item的ID
最新发布
03-30
您可以使用以下步骤找到ListView中不同项目的ID： 1. 在您的ListView适配器中，重写getView（）方法。 2. 在getView（）方法中，使用LayoutInflater.inflate（）方法将列表项布局转换为View对象。 3. 在getView（）方法中，为每个列表项设置一个唯一的ID。 4. 将ID设置为每个列表项的View.setTag（）方法。 5. 在您的ListView中，使用OnItemClickListener（）方法为每个列表项设置单击事件。 6. 在OnItemClickListener（）方法中，使用View.getTag（）方法获取单击的列表项的ID。 7. 使用ID执行所需的操作。 下面是一个简单的示例代码，说明如何为ListView中的每个列表项设置唯一ID： ``` public class MyAdapter extends ArrayAdapter<String> { private ArrayList<String> myList; public MyAdapter(Context context, int textViewResourceId, ArrayList<String> list) { super(context, textViewResourceId, list); this.myList = list; } @Override public View getView(int position, View convertView, ViewGroup parent) { LayoutInflater inflater = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE); View view = inflater.inflate(R.layout.list_item, null); // Set a unique ID for each list item int id = myList.get(position).hashCode(); view.setTag(id); // Set the text for the list item TextView textView = (TextView) view.findViewById(R.id.text_view); textView.setText(myList.get(position)); return view; } } public class MainActivity extends AppCompatActivity { private ListView listView; private ArrayList<String> myList = new ArrayList<>(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // Populate the list with some data myList.add("Item 1"); myList.add("Item 2"); myList.add("Item 3"); // Set the adapter for the ListView MyAdapter adapter = new MyAdapter(this, R.layout.list_item, myList); listView = (ListView) findViewById(R.id.list_view); listView.setAdapter(adapter); // Set the click listener for the ListView listView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { // Get the ID of the clicked item int itemId = (int) view.getTag(); // Do something with the ID // ... } }); } } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值