android ListView 动态切换Item布局

最新推荐文章于 2023-04-30 09:42:23 发布
最新推荐文章于 2023-04-30 09:42:23 发布
阅读量3.4k 收藏 3
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jifashihan/article/details/50508813
版权

需求是这样的，在列表中，第一个列表项显示一种布局，其他的列表项显示另一种布局，所以需要在列表中根据条件进行判断，动态切换布局
方法就是在定义BaseAdapter的时候，重写两个方法：

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

        @Override
        public int getItemViewType(int position) {
           return type;
        }

getItemViewType用来返回第position个Item是何种类型，getViewTypeCount返回不同布局的总数。
关于ListView的运行效率的提高，摘抄《第一行代码》书中的一段进行说明

3.5.3 提升 ListView 的运行效率
之所以说 ListView 这个控件很难用，就是因为它有很多的细节可以优化，其中运行效率
就是很重要的一点。 目前我们 ListView的运行效率是很低的， 因为在 FruitAdapter的 getView()
方法中每次都将布局重新加载了一遍，当 ListView 快速滚动的时候这就会成为性能的瓶颈。
仔细观察，getView()方法中还有一个 convertView 参数，这个参数用于将之前加载好的
布局进行缓存，以便之后可以进行重用。修改 FruitAdapter 中的代码，如下所示：
public class FruitAdapter extends ArrayAdapter {
……
@Override
public View getView(int position, View convertView, ViewGroup parent) {
Fruit fruit = getItem(position);
View view;
if (convertView == null) {
view = LayoutInflater.from(getContext()).inflate(resourceId, null);
} else {
view = convertView;
}
ImageView fruitImage = (ImageView) view.findViewById(R.id.fruit_image);
TextView fruitName = (TextView) view.findViewById(R.id.fruit_name);
fruitImage.setImageResource(fruit.getImageId());
fruitName.setText(fruit.getName());
return view;
}
}
可以看到，现在我们在 getView()方法中进行了判断，如果 convertView 为空，则使用
LayoutInflater 去加载布局，如果不为空则直接对 convertView 进行重用。这样就大大提高了
ListView 的运行效率，在快速滚动的时候也可以表现出更好的性能。
不过， 目前我们的这份代码还是可以继续优化的， 虽然现在已经不会再重复去加载布局，
但是每次在 getView()方法中还是会调用 View的 findViewById()方法来获取一次控件的实例。
我们可以借助一个 ViewHolder 来对这部分性能进行优化，修改 FruitAdapter 中的代码，如下
所示：
public class FruitAdapter extends ArrayAdapter {
……
@Override
public View getView(int position, View convertView, ViewGroup parent) {
Fruit fruit = getItem(position);
View view;
ViewHolder viewHolder;
if (convertView == null) {
view = LayoutInflater.from(getContext()).inflate(resourceId, null);
viewHolder = new ViewHolder();
viewHolder.fruitImage = (ImageView) view.findViewById
(R.id.fruit_image);
viewHolder.fruitName = (TextView) view.findViewById
(R.id.fruit_name);
view.setTag(viewHolder); // 将ViewHolder存储在View中
} else {
view = convertView;
viewHolder = (ViewHolder) view.getTag(); // 重新获取ViewHolder
}
viewHolder.fruitImage.setImageResource(fruit.getImageId());
viewHolder.fruitName.setText(fruit.getName());
return view;
}
class ViewHolder {
ImageView fruitImage;
TextView fruitName;
}
}
我们新增了一个内部类 ViewHolder，用于对控件的实例进行缓存。当 convertView 为空
的时候， 创建一个 ViewHolder 对象， 并将控件的实例都存放在 ViewHolder 里， 然后调用 View
的 setTag()方法，将 ViewHolder 对象存储在 View 中。当 convertView 不为空的时候则调用
View 的 getTag()方法， 把 ViewHolder 重新取出。 这样所有控件的实例都缓存在了 ViewHolder
里，就没有必要每次都通过 findViewById()方法来获取控件实例了。

两个布局my_order_top_item.xml，my_order_item.xml
my_order_top_item.xml

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:background="@drawable/rect_white"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@mipmap/button_green"
            android:gravity="center"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/id_textOrderTime"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:layout_weight="1"
                android:drawableLeft="@mipmap/order_time1"
                android:drawablePadding="10dp"
                android:textColor="#ffffff"
                android:textSize="14sp" />

            <ImageView
                android:id="@+id/id_imageOrderNavi"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="10dp"
                android:src="@mipmap/order_navi" />
        </LinearLayout>

        <TextView
            android:id="@+id/id_textOrderCharge"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:drawableLeft="@mipmap/order_charge"
            android:drawablePadding="10dp"
            android:textColor="#555555"
            android:textSize="14sp" />

        <TextView
            android:id="@+id/id_textOrderAddress"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="10dp"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:drawableLeft="@mipmap/order_point"
            android:drawablePadding="10dp"
            android:textColor="#555555"
            android:textSize="14sp" />

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#a2a2a2" />

        <TextView
            android:id="@+id/id_orderTime"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="5dp"
            android:textColor="#a2a2a2"
            android:textSize="16sp" />

        <TextView
            android:id="@+id/id_orderAddress"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="5dp"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:textColor="#a2a2a2"
            android:textSize="16sp" />
    </LinearLayout>
</LinearLayout>

my_order_item.xml

<?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">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_margin="10dp"
        android:background="@drawable/rect_white">

        <TextView
            android:id="@+id/id_textOrderCharge"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:textSize="14sp"
            android:textColor="#555555"
            android:drawableLeft="@mipmap/order_charge"
            android:drawablePadding="10dp"/>
        <TextView
            android:id="@+id/id_textOrderAddress"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginBottom="10dp"
            android:textSize="14sp"
            android:textColor="#555555"
            android:drawableLeft="@mipmap/order_point"
            android:drawablePadding="10dp"/>
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#a2a2a2"/>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
            <TextView
                android:id="@+id/id_orderTime"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:textSize="16sp"
                android:textColor="#a2a2a2"
                android:layout_margin="5dp"/>
            <TextView
                android:id="@+id/id_orderState"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="16sp"
                android:textColor="#a2a2a2"
                android:layout_margin="5dp"/>
        </LinearLayout>

    </LinearLayout>
</LinearLayout>

Adapter:

private class MyOrderAdapter extends BaseAdapter {
        Context mContext;
        LayoutInflater inflater;
        final int TYPE_1 = 0;
        final int TYPE_2 = 1;

        //各个布局的控件资源
        class ViewHolder1 {

            TextView textOrderTime;

            ImageView imageOrderNavi;
            TextView textOrderCharge;
            TextView textOrderAddress;
            TextView orderTime;
            TextView orderAddress;


        }

        class ViewHolder2 {
            TextView textOrderCharge;
            TextView textOrderAddress;
            TextView orderTime;
            TextView orderState;

        }


        public MyOrderAdapter(Context context) {
            mContext = context;
            inflater = LayoutInflater.from(mContext);
        }

        @Override
        public int getCount() {
            return 10;
        }

        @Override
        public Object getItem(int position) {
            return position;
        }

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

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

        @Override
        public int getItemViewType(int position) {
            if (position == 0) {
                return TYPE_1;
            } else {
                return TYPE_2;
            }
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            int type = getItemViewType(position);
            ViewHolder1 viewHolder1 = null;
            ViewHolder2 viewHolder2 = null;
            if (convertView == null) {
                if (type == TYPE_1) {
                    convertView = LayoutInflater.from(MyOrderActivity.this).inflate(R.layout.my_order_top_item, null);
                    viewHolder1 = new ViewHolder1();
                    viewHolder1 .textOrderTime = (TextView) convertView.findViewById(R.id.id_textOrderTime);

                    viewHolder1.imageOrderNavi = (ImageView) convertView.findViewById(R.id.id_imageOrderNavi);
                    viewHolder1.textOrderCharge = (TextView) convertView.findViewById(R.id.id_textOrderCharge);
                    viewHolder1.textOrderAddress = (TextView) convertView.findViewById(R.id.id_textOrderAddress);
                    viewHolder1.orderTime = (TextView) convertView.findViewById(R.id.id_orderTime);
                    viewHolder1.orderAddress = (TextView) convertView.findViewById(R.id.id_orderAddress);
                    convertView.setTag(viewHolder1);
                } else if (type == TYPE_2) {
                    viewHolder2 = new ViewHolder2();
                    convertView = LayoutInflater.from(MyOrderActivity.this).inflate(R.layout.my_order_item, null);
                    viewHolder2.textOrderCharge = (TextView) convertView.findViewById(R.id.id_textOrderCharge);
                    viewHolder2.textOrderAddress = (TextView) convertView.findViewById(R.id.id_textOrderAddress);
                    viewHolder2.orderTime = (TextView) convertView.findViewById(R.id.id_orderTime);
                    viewHolder2.orderState = (TextView) convertView.findViewById(R.id.id_orderState);
                    convertView.setTag(viewHolder2);
                }
            } else {
                if (type == TYPE_1) {
                    viewHolder1 = (ViewHolder1) convertView.getTag();
                } else if (type == TYPE_2) {
                    viewHolder2 = (ViewHolder2) convertView.getTag();
                }
            }

            if (type == TYPE_1) {
                viewHolder1.textOrderCharge.setText("电桩号 101668");
                viewHolder1.textOrderAddress.setText("充电点 无锡工业设计大厦");
                viewHolder1.orderTime.setText("预约时间 2016-1-11");
                viewHolder1.orderAddress.setText("充电位置 无锡工业设计大厦");

            }
            if (type == TYPE_2) {
                viewHolder2.textOrderCharge.setText("电桩号 101668");
                viewHolder2.textOrderAddress.setText("充电点 无锡工业设计大厦");
                viewHolder2.orderTime.setText("预约时间 2016-1-11");
                viewHolder2.orderState.setText("已完成");

            }
            return convertView;
        }

    }

列表我使用的是PullToRefreshListView，用于上拉下拉刷新，并且设置了列表为空进行显示的TextView

mPullRefreshListView = (PullToRefreshListView) findViewById(R.id.id_orderListView);
        mPullRefreshListView.setMode(PullToRefreshBase.Mode.BOTH);
        TextView textView = new TextView(MyOrderActivity.this);
        textView.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.FILL_PARENT));
        textView.setText("没有查询到相应数据");
        textView.setGravity(Gravity.CENTER_HORIZONTAL | Gravity.CENTER_VERTICAL);
        textView.setVisibility(View.GONE);
        ((ViewGroup) mPullRefreshListView.getParent()).addView(textView);
        mPullRefreshListView.setEmptyView(textView);

        final ILoadingLayout startLabels = mPullRefreshListView
                .getLoadingLayoutProxy(true, false);
        startLabels.setPullLabel("下拉刷新...");// 刚下拉时，显示的提示
        startLabels.setRefreshingLabel("正在载入...");// 刷新时
        startLabels.setReleaseLabel("放开刷新...");// 下来达到一定距离时，显示的提示

        ILoadingLayout endLabels = mPullRefreshListView.getLoadingLayoutProxy(
                false, true);
        endLabels.setPullLabel("上拉刷新...");// 刚下拉时，显示的提示
        endLabels.setRefreshingLabel("正在载入...");// 刷新时
        endLabels.setReleaseLabel("放开刷新...");// 下来达到一定距离时，显示的提示

        mPullRefreshListView.setOnRefreshListener(new PullToRefreshBase.OnRefreshListener2<ListView>() {
            @Override
            public void onPullDownToRefresh(PullToRefreshBase<ListView> refreshView) {
                String label = DateUtils.formatDateTime(MyOrderActivity.this, System.currentTimeMillis(),
                        DateUtils.FORMAT_SHOW_TIME | DateUtils.FORMAT_SHOW_DATE | DateUtils.FORMAT_ABBREV_ALL);

                // Update the LastUpdatedLabel
                refreshView.getLoadingLayoutProxy().setLastUpdatedLabel(label);

                // Do work to refresh the list here.
                // new GetDataTask().execute();
                new getDataThread().start();
            }

            @Override
            public void onPullUpToRefresh(PullToRefreshBase<ListView> refreshView) {
                String label = DateUtils.formatDateTime(MyOrderActivity.this, System.currentTimeMillis(),
                        DateUtils.FORMAT_SHOW_TIME | DateUtils.FORMAT_SHOW_DATE | DateUtils.FORMAT_ABBREV_ALL);

                // Update the LastUpdatedLabel
                refreshView.getLoadingLayoutProxy().setLastUpdatedLabel(label);

                // Do work to refresh the list here.
                // new GetDataTask().execute();
                new getDataThread().start();
            }
        });

        /*
        如果ListView中的单个Item的view中存在checkbox，button等view，会导致ListView.setOnItemClickListener无效，
        事件会被子View捕获到，ListView无法捕获处理该事件.
                解决方法：
        在checkbox、button对应的view处加android:
        focusable = "false"
        android:
        clickable = "false" android:
        focusableInTouchMode = "false"
        其中focusable是关键
         */

        ListView actualListView = mPullRefreshListView.getRefreshableView();
        actualListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

            }
        });


        myOrderAdapter = new MyOrderAdapter(MyOrderActivity.this);
        actualListView.setAdapter(myOrderAdapter);

    }


    loadUiHandler myHandler = new loadUiHandler();


    private class getDataThread extends Thread {
        @Override
        public void run() {
            super.run();
            try {
                Thread.sleep(2000);

            } catch (InterruptedException e) {
                e.printStackTrace();
            }


            Message message = new Message();
            message.what = 0;
            myHandler.sendMessage(message);
        }
    }

    private class loadUiHandler extends Handler {
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);

            myOrderAdapter.notifyDataSetChanged();

            // Call onRefreshComplete when the list has been refreshed.
            mPullRefreshListView.onRefreshComplete();
        }
    }

参考
Android杂谈–ListView之BaseAdapter的使用
Android类库–与Adapter相关的类

韩zj
关注
listView实现文字编辑的自动换行
10-21
listView实现文字编辑的自动换行.
Android —— inflate( )使用
weixin_38327420的博客
12-07 1866
1. LayoutInflater基本用法 LayoutInflater的基本用法，首先需要获取到LayoutInflater的实例，有两种方法可以获取到 第一种写法如下： LayoutInflater layoutInflater = LayoutInflater.from(context); 第二种写法，也可以完成同样的效果： LayoutInflater layoutInfl...
Android的RecyclerView实现列表拖动（移动顺序）交换数据位置
最新发布
qq_36570506的博客
04-30 3490
Android的RecyclerView实现列表拖动（移动顺序）交换数据位置
ListView拖拽交换 item 的实现（QQ 分组管理功能）
钟钟的专栏
03-18 2996
在写这篇文章前，碰巧看到有个哥们也做了这个功能，【Android】可拖拽排序的ListView。而且就在几个小时前发表的，本来想还是算了，我就不写这个功能，不过我大致浏览了他的实现原理跟我的实现原理还是有很大差别，所以还是决定写这样一篇文章，因为我相信大家看文章，更多是想了解其中的原理，而非单纯的为了实现某个功能。只有了解了原理，才能扩展，实现更多的功能。好了，回到正题，先来看效果图
Android 仿搜索历史记录，根据item内容自动换行，涉及动态添加布局
zuo_er_lyf的博客
06-20 2940
数据排列RecyclerView可以解决大部分问题，有一种情况：比如：商城的搜索历史记录，因为输入字符的长短不同，RecyclerView处理列数的时候，比较麻烦，如图： 解决方案：自定义View： /** * Created by Administrator on 2018/6/20. * 自动换行 */ public class WarpLinearLayout extend...
Android ListView 不同类型item展示
06-21
总结，Android中的ListView通过自定义Adapter和多种视图类型，能够灵活地展示不同样式的item，提高了用户体验。理解并熟练运用这项技术对于Android开发者来说非常重要。在实际开发中，我们应结合具体需求，合理设计...
Android ListView使用不同对象加载不同布局
11-11
在某些场景下，我们可能需要为ListView的每个Item加载不同的布局，以实现更复杂的显示效果。本篇将详细讲解如何在ListView中根据不同的对象加载不同的布局。 首先，我们要明白ListView的工作原理。ListView通过...
Android ListView的Item点击效果的定制
01-20
设置好这个属性后，当用户点击ListView的Item时，系统会根据selector中的规则自动切换Item的背景效果。 然而，只设置`android:listSelector`并不能处理所有情况，特别是当Item有子视图需要独立响应点击事件时。这时...
Android listview 的item 滑动删除
08-19
1. 创建自定义的ListView Item布局，包含Item的主要内容以及滑动显示的删除按钮。 2. 实现滑动监听。可以重写onTouchEvent()方法，通过计算手指移动的距离和方向来判断是否触发滑动删除。 3. 当检测到滑动删除操作时...
基于Android ListView之加载使用技巧
09-05
在Java代码中，我们可以通过监听ListView的数据加载事件来切换不同的状态： ```java public class MainActivity extends Activity { private ListView mLv; private ViewStub mVsLoadView; @Override ...
Android ListView 中item的左右滑动动画效果的实现
05-30
公司有个项目要用到类似手机QQ聊天记录列表ListView左右滑动后改变item的效果，网上没找到好的代码，偶然在安卓巴士的开源站http://d.apkbus.com/里面找到了SwipeToDismiss的源码http://d.apkbus.com/android/523ebc8f6803fab747000002顿时觉得可以修改一下dismiss的效果，改成自己的显示另一个view的效果就行了，于是下载了源码，源码还是比较少的，稍微花了点时间修改了源码，基本达到了我自己的要求，共享一下给大家，对于初学者Java代码阅读可能比较吃力，如果以后有致力于Android开发的朋友欢迎加我，大家互相学习交流一起进步！
【Android-view】listView 每个item里动态添加不定量的控件，Android 自动换行
weixin_34405332的博客
04-10 227
问题描述： 　　开发过程中，遇到了在listview里面的每个item都有可能显示图片，并且需要显示的图片的数量不确定，需要自动换行。 如图：第一行显示三张图片，第二行显示四张图片。数量0---正无穷（内存支持的情况下） 解决办法： 　　最初就是直接从网上找Android自动换行的控件，再此感谢eoe论坛里**dahege**分享的源码。 　　dahegeeoe论坛原文地址：ht...
android listView实现文字编辑自动换行
guokehello的专栏
10-21 3073
程序很简单，编辑文字的时候设置每行的字数，超出字数之后自动换行，点击删除按钮可以退回到上一行。实现效果界面如下所示： 主要在WordTempletAdapter类里实现该功能，代码如下： public class WordTempletAdapter extends BaseAdapter{ private Activity mActivity; private int []wordI
listview嵌套listview，子listview中有换行的textview展示有问题，肿么办？
和小胖
12-17 1190
这些天遇到一个问题，就是我有个界面因为业务的需要，就必须做成listview嵌套listview，然后被嵌套的listview的Item里面有textview，刚开始也没什么，后来突然有条数据的字符串特别长，然后子listview的Item的textview就换行了，然后，然后你们懂得，子listview就显示异常了呀，内容就不能完全展示了。         其实google也是不推荐可以滚
android自定义控件自动换行效果实现
愤怒的油条
04-04 1840
第一篇博客里面有介绍一篇关于自动换行实现诸多自定义控件跟各种效果的博文，但是碍于当初技术能力有限，写的jar包里的代码乱七八糟，在最近忙完了手头的工作，不经意间翻看了之前的代码，真是惨不忍睹，随决定重新封装。重新编写的android-custom-vg前后修改了多次版本暂定为2.6.0，模拟的ListView加载数据的流程，为了更方便的使用。只做了最基础的效果，ListView中定位某个View显
android listview item 动画效果,listview点击item动画效果
weixin_33218578的博客
05-26 840
问题如下图：第一次点击时，动画效果没错。但第二次点击时，两个白色的item都动了。貌似是上次的动画又播了一遍，求指导决方法。重写了baseAdapter，classMusicListAdapterextendsBaseAdapter。getView如下，仅设置了选中字体和非选中字体静态效果。classMusicListAdapterextendsBaseAdapter{@Overrid...
ListView的item动画效果
l_l_b的博客
01-26 999
最近有一个需求，在滑动listview的过程中 ，刚进入的item要有动画效果。 接下来写一个简单的demo： 尽量将demo封装好，所以写一个用来出来动画的Adapter。 package com.app.listanim; import android.view.View; import android.view.ViewGroup; import android.view.anim
inflate
litefish的专栏
03-30 2094
概述 inflate方法在activity的onCreate中，在Listview的Adapter的getView中，在增加view的时候，我们都经常用到inflate方法比如 LayoutInflater.from(getContext()).inflate(resId, head) 这个就是把resId指定的layout渲染之后加入到head中。 在使用inflate的使用，我们会经常
LayoutInflater结合Context使用
y444400的专栏
04-01 651
1.Context的获取 一般我们用的是××Activity.this。其实还有另一种方式，从当前显示的某个view中获取，也就是调用view.getContext()方法。 2.LayoutInflater的获取 第一种方式： LayoutInflater inflater = LayoutInflater.from(××Activity.this); from（）方法api里是这样说的
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值