android一行三列,Android -- listview实现一行多列效果

本文介绍如何在Android中实现在ListView上显示一行多列的效果。通过创建自定义的ViewHolder和BaseAdapter,以及设置convert方法,实现了动态加载每行不同数量的数据显示,并提供了点击事件的处理。
摘要由CSDN通过智能技术生成

最近项目需要做一个效果,获取到list书之后,展示的时候需要多列显示。一般来说,我们使用listview的时候,都是只有单行单列的效果,那一行多列的效果该怎么实现呢?

参考打造ListView万能Adapter,且支持一行多列的显示方式一文,我们就可以轻松实现这种效果了。

实现思路是,我们先创建一个viewHolder,获取每列item的view。然后在adapter的getView方法里,每一行我们都循环将column数量的数据输入,然后执行covert方法,将数据输入该行。执行完这一行的数据显示之后,我们在继续进入下一行。

举个例子,当getView的position为0的时候,我们执行循环,假设column为3,我们得到size为3的models,还有一个int[column]的positions。

然后我们执行covert方法,分别获取该列里的id为0,1,2的viewHolder布局,然后对viewHolder的具体控件进行操作,例如viewHolder.setText(id,content);

执行完covert方法之后,我们才进入下一行数据显示。即getView的position变为1.

下面为具体实现。

首先创建viewHolder。

DeviceViewHolder.java

public class DeviceViewHolder {

//layout文件中的控件集合 SparseArray用法与HashMap类似,但是性能更优

private SparseArraymViews;

//BaseAdapter中的getView方法中对应的参数

private View mConvertView;

private Context context;

//私有,禁止外部实例化

private DeviceViewHolder(Context context,ViewGroup parent,int layoutId){

this.mViews = new SparseArray();

this.mConvertView = LayoutInflater.from(context).inflate(layoutId,parent,false);

this.mConvertView.setTag(this);

this.context = context;

}

public static DeviceViewHolder get(Context context, View convertView, ViewGroup parent,int layoutId){

if(convertView == null){

return new DeviceViewHolder(context,parent,layoutId);

}

return (DeviceViewHolder)convertView.getTag();

}

//根据ViewId获取控件对象,先从mViews集合中查找,如果存在则直接返回对象;不存在则从布局文件中获取该对象,然后添加到mViews集合中,然后再返回该对象。

public T getView(int viewid){

View view = mViews.get(viewid);

if (view == null){

view = mConvertView.findViewById(viewid);

mViews.put(viewid,view);

}

return (T) view;

}

如果要实现 Android ListView 中的一行多列布局,可以借助于自定义 Adapter 来实现。 首先,在布局文件中定义每个列表项的布局,可以使用 LinearLayout、RelativeLayout 或者 GridLayout 等布局来实现一行多列效果。例如,下面的示例中使用 GridLayout 布局,每个列表项包含一个图片和一个文本: ```xml <GridLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:rowCount="1" android:columnCount="2"> <ImageView android:id="@+id/item_image" android:layout_width="50dp" android:layout_height="50dp" android:layout_row="0" android:layout_column="0"/> <TextView android:id="@+id/item_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_row="0" android:layout_column="1"/> </GridLayout> ``` 然后,在自定义的 Adapter 中重写 getView() 方法,将每个列表项的数据绑定到对应的布局中。例如,下面的示例中使用 BaseAdapter 来实现自定义的 Adapter: ```java public class MyAdapter extends BaseAdapter { private List<MyItem> mData; public MyAdapter(List<MyItem> data) { mData = data; } @Override public int getCount() { return mData.size(); } @Override public Object getItem(int position) { return mData.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { View view; ViewHolder holder; if (convertView == null) { view = LayoutInflater.from(parent.getContext()) .inflate(R.layout.list_item, parent, false); holder = new ViewHolder(); holder.image = (ImageView) view.findViewById(R.id.item_image); holder.text = (TextView) view.findViewById(R.id.item_text); view.setTag(holder); } else { view = convertView; holder = (ViewHolder) view.getTag(); } MyItem item = mData.get(position); holder.image.setImageResource(item.getImageId()); holder.text.setText(item.getText()); return view; } private static class ViewHolder { ImageView image; TextView text; } } ``` 这里的 MyItem 是一个自定义数据类型,包含图片和文本的资源 ID,例如: ```java public class MyItem { private int mImageId; private String mText; public MyItem(int imageId, String text) { mImageId = imageId; mText = text; } public int getImageId() { return mImageId; } public String getText() { return mText; } } ``` 最后,在 Activity 中将自定义的 Adapter 设置给 ListView 即可: ```java List<MyItem> data = new ArrayList<>(); data.add(new MyItem(R.drawable.image1, "Text 1")); data.add(new MyItem(R.drawable.image2, "Text 2")); data.add(new MyItem(R.drawable.image3, "Text 3")); MyAdapter adapter = new MyAdapter(data); ListView listView = (ListView) findViewById(R.id.list_view); listView.setAdapter(adapter); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值