ListView的多套布局

最新推荐文章于 2024-11-11 14:34:10 发布
最新推荐文章于 2024-11-11 14:34:10 发布
阅读量672 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： android 文章标签： listView getViewTyp getItemVIe 多套布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hello_1s/article/details/52086175
本文介绍如何为Android ListView创建自定义适配器以支持多种布局，并详细解释了BaseAdapter的实现方法，包括getViewTypeCount和getItemViewType的用法。

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

先看看效果图，手画的哈有点丑嘿嘿

这里写图片描述

大概就是这个样式，我就拿两种布局的为例，掌握住重点，多少都没有问题嘿嘿！

1、简单的理解就是有几种不同的布局就要有几个相应的xml文件，所以先上布局文件喽：

layout_item_type1：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginRight="70dp"
        android:lines="2"
        android:textSize="18sp"
        android:layout_marginLeft="6dp"
        android:text="标题"

        />

    <TextView
        android:id="@+id/time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/title"
        android:layout_marginTop="4dp"
        android:layout_marginLeft="6dp"
        android:text="2016-8-1"/>

    <ImageView
        android:id="@+id/image_left"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_alignParentRight="true"
        android:src="@mipmap/ic_launcher"/>

</RelativeLayout>

layout_item_type2：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:lines="2"
        android:text="afdgadafergadgf"
        android:layout_marginLeft="6dp"
        android:layout_marginRight="6dp"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center">
        <ImageView
            android:id="@+id/image1"
            android:layout_width="60dp"
            android:layout_height="60dp"
            android:layout_marginLeft="6dp"
            android:layout_marginRight="6dp"
            android:src="@mipmap/huli"/>

        <ImageView
            android:id="@+id/image2"
            android:layout_width="60dp"
            android:layout_height="60dp"
            android:layout_marginLeft="6dp"
            android:layout_marginRight="6dp"
            android:src="@mipmap/huli"/>

        <ImageView
            android:id="@+id/image3"
            android:layout_width="60dp"
            android:layout_height="60dp"
            android:layout_marginLeft="6dp"
            android:layout_marginRight="6dp"
            android:src="@mipmap/huli"/>

    </LinearLayout>

    <TextView
        android:id="@+id/time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="6dp"
        android:text="dfgs"/>

</LinearLayout>

2、提到ListView就会想到适配器，这里当然要自定义了，我这里用来内部类

现在来说明几点：

1）继承BaseAdapter一定要实现四个方法，要实现多种布局，还需要实现两个方法分别是getViewTypeCount()和getItemViewType();

getViewTypeCount()：返回的是一共有多少种不同的布局

getItemViewType()：取得不同的布局返回的是int型的，该处必须注意，返回值必须从0开始，否则会报数组越界的异常，看源码就可以知道了。

2）注意我这种adapter的方式，这种写法有很多的好处的，我也是从工作中学到的

 private class ListViewAdapter extends BaseAdapter {

        @Override
        public int getCount() {
            return mList.size();
        }

        @Override
        public Object getItem(int i) {
            return mList.get(i);
        }

        @Override
        public long getItemId(int i) {
            return i;
        }

        //注意返回的类型必须从0开始，否则会报数组越界的异常
        @Override
        public int getItemViewType(int position) {
            if ("type1".equals(mList.get(position).get("type"))) {
                return 0;
            } else {
                return 1;
            }
        }

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

        @Override
        public View getView(int i, View view, ViewGroup viewGroup) {

            TypeOneViewHolder holderOne ;
            TypeTwoViewHolder holderTwo;
            if(getItemViewType(i)==0){
                if(view == null){
                    holderOne = new TypeOneViewHolder(ListViewTypeActivity.this);
                }else{
                    holderOne = (TypeOneViewHolder) view;
                }

                holderOne.setContentView(i);
                //返回的是holder不是view
                return holderOne;
            }else{
                if(view == null){
                    holderTwo = new TypeTwoViewHolder(ListViewTypeActivity.this);
                }else{
                    holderTwo = (TypeTwoViewHolder) view;
                }

                holderTwo.setContentView(i);
                return holderTwo;
            }

        }
        //holder要继承LinearLayout
        private class TypeOneViewHolder extends LinearLayout{

            TextView title;
            TextView time;
            ImageView image;
            public TypeOneViewHolder(Context context) {
                super(context);

                //必须使用this不能用null否则会报异常的
               View.inflate(context,R.layout.layout_item_type1,this);
                title = (TextView) findViewById(R.id.title);
                time = (TextView) findViewById(R.id.time);
                image = (ImageView) findViewById(R.id.image_left);
            }

            public void setContentView(int position){

                String title_str = mList.get(position).get("title").toString();
                title.setText(title_str);
                time.setText(mList.get(position).get("time").toString());
                image.setImageResource(Integer.parseInt(mList.get(position).get("image").toString()));
            }


        }

        private class TypeTwoViewHolder extends LinearLayout{

            TextView title;
            TextView time;
            ImageView image1;
            ImageView image2;
            ImageView image3;
            public TypeTwoViewHolder(Context context) {
                super(context);
                View.inflate(context, R.layout.layout_item_type2, this);
                title = (TextView) findViewById(R.id.title);
                time = (TextView) findViewById(R.id.time);
                image1 = (ImageView) findViewById(R.id.image1);
                image2 = (ImageView) findViewById(R.id.image2);
                image3 = (ImageView) findViewById(R.id.image3);
            }

            public void setContentView(int position){
                title.setText(mList.get(position).get("title").toString());
                time.setText(mList.get(position).get("time").toString());
                int image[] = (int[]) mList.get(position).get("image");
                image1.setImageResource(image[0]);
                image2.setImageResource(image[1]);
                image3.setImageResource(image[2]);
            }
        }
    }

3、剩下就没有什么了

mListView = (ListView) findViewById(R.id.listview);
//我这里是模拟的数据
initDatas();
adapter = new ListViewAdapter();
mListView.setAdapter(adapter);


private void initDatas() {
        mList = new ArrayList<>();
        for (int i = 0; i < 20; i++) {
            if (i % 3 == 0) {
                Map<String, Object> map = new HashMap<>();
                map.put("type", "type2");
                map.put("title", "标题" + i);
                map.put("time", "2016-8-1 08:30:" + i);
                int image[] = {R.mipmap.huli, R.mipmap.ic_launcher, R.mipmap.huli};
                map.put("image", image);
                mList.add(map);
            } else {
                Map<String, Object> map = new HashMap<>();
                map.put("type", "type1");
                map.put("title", "标题" + i);
                map.put("time", "2016-8-1 08:30:" + i);
                map.put("image", R.mipmap.huli);
                mList.add(map);
            }
        }

有这些就OK了，我自己测试过了

在真正开发时数据往往都是来自网络的，所给的图片都是网址，这时要注意加载图片是访问网络的哦所以要放在异步里，我一般用picasso来处理，因为只用一句代码，有好的办法欢迎留言^_^。

Flutter listview多布局实现
xq610928的博客
08-01 2602
前言 各位同学大家好,很久没有给大家更新blog了最近看到群里一些关于flutter的疑问。结合自己最近的一些想法今天就分享一个flutter listview 多布局给大家，那么不多说我们正式开始 准备工作： 1 需要用到的三方库 flutter_swiper: ^1.1.6 请在pubpsec.yaml 文件只添加依赖并在控制台执行flutter pub get 下载依赖 效果图： ## 具体实现： 1普通的listview多布局： 首先我们写一个listview.builder 然后我们在re
Android 解决ListView里面多套布局多个EditText数据混乱问题
a_sid的博客
12-26 618
效果图： 参考：https://github.com/Aspsine/EditTextInListView 非常感谢 如果只是ListView里面只包含一套布局的话，可以参考这里：http://blog.youkuaiyun.com/fan7983377/article/details/51516155 这个效果的主要问题地方就是多套item和每个item内部的EditText数据由于listview的复用...
Android 动态解析布局，实现制作多套主题
主人公的专栏
08-17 8787
之前做过一个项目（随心壁纸），主要展示过去每期的壁纸主题以及相应的壁纸，而且策划要求，最好可以动态变换主题呈现方式，这样用户体验会比较好。嗯，好吧，策划的话，咱们也没法反驳，毕竟这样搞，确实很不错。于是开始去研究这方面的东西。首先，我想到的是照片墙效果，改变图片就能有不同的呈现方式。可是这样的话，文字以及更深层的自定义效果，就无法实现了。然后，思考了下，决定仿照android原生布局文件解析方式，自
ListView加载多套布局
越努力，越幸运
03-23 511
Android 中常用的控件ListView就是其中之一，在使用ListView的时候常常我们的列表中item并不一定就是一套布局。 对于多套布局其实也挺简单的，只要重写Adapter中的getViewTypeCount()和getItemViewType(int position)方法。 getViewTypeCount()方法返回的值是item布局的种类数量。getItemViewType
ListView加载多布局
冰之沁泠的博客
11-13 233
效果图如下： ListView适配器代码如下： public class MyAdapter extends BaseAdapter { private Context mContext; private LayoutInflater inflater; /** * 三种布局所对应的标识，type的值必须从0开始 */ private stat...
ListView的多布局显示
AntHui
10-07 499
关于ListView的多布局，我们经常可以在QQ聊天、微信聊天等见到这种情况，这里简单介绍ListVIew的简单聊天布局（两个布局），如果需要更多布局，只需根据相同的原理添加新布局就可效果图如果需要例子源码，请点击链接：http://pan.baidu.com/s/1jIFIxQe 密码：6bhv Acitvity中的代码 //Msg为一个Ben类，包含type（类型判断），msg(数据信息)
关于ListView多布局的一点看法
疯狂的兔子
08-18 284
关于ListView里有多种布局，并且要求可变化   网上搜到的大部分都是在getView里每次都new 然后想了下，把所有的布局全放一起，然后传一个id来显示你要的布局，     getView public View getView(final int position, View convertView, ViewGroup parent) { if
Android 解决ListView里面多套布局多个EditText数据混乱问题，附demo
01-13
然而，在ListView中嵌套多套布局，特别是每套布局中包含多个EditText时，可能会遇到数据错乱的问题。这是因为ListView为了提高性能，会复用已滑出屏幕的item视图，如果不正确处理，会导致用户在不同EditText输入的...
Android ListView多布局多EditText数据混用解决方案及Demo
在某些情况下，`ListView`中的多个`item`可能需要显示不同类型的数据，这时就需要用到多套布局。在Android中，可以通过自定义适配器（如`ArrayAdapter`、`BaseAdapter`）来实现。每个`item`可以有自己独特的布局文件...
记录下来慢慢看
WSxiaotao的专栏
12-21 585
[代码] [Java]代码 ? 1 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 27 28 29 3
android 多套布局适配,Android屏幕适配 重点盘点
weixin_39929721的博客
05-26 943
引子屏幕适配是 android开发/面试绕不开的一个问题。本文 将屏幕适配的知识要点完整展现给各位读者。正文大纲android需要做屏幕适配的原因基础知识点(很重要)屏幕适配攻略正文android需要做屏幕适配的原因关键字：android碎片化android面世以来，google开源了android系统，各家厂商各自为政，导致屏幕尺寸没有统一标准，屏幕的宽高比各种各样，屏幕密度也是各个厂家攀比...
Listview中显示不同的视图布局
gundumw100的专栏
04-26 190
1.使用场景 　　在重写ListView的BaseAdapter时，我们常常在getView()方法中复用convertView，以提高性能。convertView在Item为单一的同种类型布局时，能够回收并重用，但是多个Item布局类型不同时，convertView的回收和重用会出现问题。比如有些行为纯文本，有些行则是图文混排，这里纯文本行为一类布局，图文混排的行为第二类布局。单一类型的L...
42.android 简单的万能适配器+多布局
曹二少的博客
08-22 4622
//万能适配器 //第一步Project下配置maven { url "https://jitpack.io" } allprojects { repositories { google() jcenter() maven { url "https://jitpack.io" } } } //第二步 导依赖 ...
Android五种布局
最新发布
G040730的博客
11-11 6167
提示：以下是本篇文章正文内容，下面案例可供参考在课程中，我学习了多种UI界面交互功能的实现方法，包括按钮点击事件、列表项点击事件、滑动操作、菜单项和对话框等。通过实际案例的学习，我掌握了这些功能的实现技巧。例如，通过为按钮设置OnClickListener，可以实现按钮点击事件的响应；通过为列表视图设置OnItemClickListener，可以实现列表项点击事件的响应。此外，我还学会了如何使用SwipeRefreshLayout实现滑动刷新功能，以及如何创建和使用菜单项和对话框。
Android布局优化，多套方案全面解析
郭霖
01-03 660
/ 今日科技快讯 /近日，由哔哩哔哩主办的跨年晚会《2022最美的夜bilibili晚会》正式播出。当晚，B站晚会直播人气峰值达到3.3亿，创造新纪录。据介绍，今年是B站“最美的夜”跨年晚会的第四年。《2022最美的夜bilibili晚会》汇集超60个IP作品，是历年来跨年晚会IP合作量最丰富的一年。呼应晚会“最美的夜”主题，晚会分为了“日落”“月升”“星繁”三大篇章，并融入了具有B站特色...
Android屏幕适配（二）多分辨率布局适配策略
ZERO专栏
05-13 6253
Android布局的适配方法有很多种，不过每一种方法的思路无非就是让不同分辨率的手机去读各自的适配文件，我主要总结有下面几种方式： 1、每个分辨率下面一套layout，比如layout-480x800,layout-1280x720,1080x1080等。 这种方法的缺点就是产品需要改点需求的时候，每一个layout文件都需要去修改，增加了适配的工作量。 2、每个分辨率下面一套values文
Android多布局使用
weixin_42429629的博客
07-23 1962
第一步：实体类必须实现MultiItemEntity，在设置数据的时候，需要给每一个数据设置itemType public class MultipleItem implements MultiItemEntity { public static final int TEXT = 1; public static final int IMG = 2; private i...
ListView实现不同的Item布局
刘永祥的专栏
08-02 3692
点击免费下载源码 点击github下载 ListView是很多应用少不了的，有些应用的要求较为复杂，不是ListView嵌套GridView就是ListVIew嵌套ListVIew。更有甚者是两者都含有，而且还有其他不同形式的布局。 本人写了一个以前公司要求实现的布局如下图所示 左边其实是一个时间轴的效果，由于时间轴线的颜色太淡没有显示出来。为了实现这个功能当初是下了很多的功夫，也上网搜
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值