关闭

ListView单一和多种条目显示与两种优化

394人阅读 评论(0) 收藏 举报
分类:

ListView单一显示

实现步骤

  1. 找到ListView
  2. 封装适配器(唤醒布局与设置数据)
  3. ListView通过适配器与布局关联

Java代码

public class SimpleListView extends Activity {

    List<Person> list = new ArrayList<>();

    @ViewInject(R.id.lv)
    ListView listView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_simple_list_view);
        // 找到ListView
        com.lidroid.xutils.ViewUtils.inject(this);
        // 路飞信息
        Person lufei = new Person(R.drawable.lufei, "路飞", "田尾", "由于他的标志性特征是一顶草帽,因此常被直接称呼为“草帽”。梦想是找到传说中的ONE PIECE,成为海贼王。性格积极乐观,爱憎分明且十分重视伙伴,对任何危险的事物都超感兴趣。");
        // 索隆信息
        Person suolong = new Person(R.drawable.suolong, "索隆", "田尾", "爱喝酒,爱睡觉,讲义气,海贼第一超级大路痴。为了小时候与挚友的约定而踏上了前往世界第一剑士的道路,随后成为路飞出海后遇到的第一个伙伴。。");
        // 娜美信息
        Person namei = new Person(R.drawable.namei, "娜美", "田尾", "拥有橘色的短发(两年后为波浪长发)和左肩的刺青(风车与橘子的图案)。使用棍术,现在武器为“魔法天候棒”。头脑聪明又机灵,精通气象学和航海术,擅长偷术,能用身体感知天气,完美指示航路,是个能精确画出航海图的天才航海士");
        // 罗宾
        Person luobin = new Person(R.drawable.luobin, "罗宾", "田尾", "年仅8岁就被悬赏千万的奥哈拉幸存者。在巴洛克解散后,加入草帽海贼团。个性冷静,擅长考古学以及暗杀,学识渊博,对于世界政府、海盗、航海一事都知道的很详细。目标是找到真正的历史正文,绝不饶恕践踏历史文物的人。");

        list.add(lufei);
        list.add(suolong);
        list.add(namei);
        list.add(luobin);

        list.addAll(list);
        list.addAll(list);
        list.addAll(list);
        // ListView通过适配器与布局关联
        listView.setAdapter(new Simple());
    }
    class Simple extends BaseAdapter {

        @Override
        public int getCount() {
            return list.size();
        }
        @Override
        public Object getItem(int position) {
            return null;
        }
        @Override
        public long getItemId(int position) {
            return 0;
        }
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // 唤醒布局
            View view = View.inflate(SimpleListView.this, R.layout.simpel_item, null);
            /**
             * 初始化数据
             */
            ImageView imageView = (ImageView) view.findViewById(R.id.image);
            TextView name = (TextView) view.findViewById(R.id.name);
            TextView author = (TextView) view.findViewById(R.id.author);
            TextView desc = (TextView) view.findViewById(R.id.desc);

            Person person = list.get(position);
            /**
             * 设置数据
             */
            imageView.setImageResource(person.getnImage());
            name.setText(person.getName());
            author.setText(person.getAuthor());
            desc.setText(person.getDesc());
            return view;
        }
    }
}

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="150dp">
        <ImageView
            android:layout_width="130dp"
            android:layout_height="150dp"
            android:src="@drawable/lufei"
            android:scaleType="fitXY"
            android:id="@+id/image"/>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
            <TextView
                android:text="蒙奇·D·路飞"
                android:id="@+id/name"
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:textSize="15sp"
                android:gravity="center_vertical"
                android:textColor="#7e7575"/>
            <TextView
                android:text="尾田"
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:textSize="15sp"
                android:gravity="center_vertical"
                android:textColor="#7e7575"

                android:id="@+id/author"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:textSize="15sp"
                android:gravity="center_vertical"
                android:textColor="#797272"
                android:ellipsize="end"
                android:lines="4"
                android:id="@+id/desc"
                android:text="介绍"/>

        </LinearLayout>
    </LinearLayout>

</LinearLayout>

XML效果图

这里写图片描述


程序效果图

这里写图片描述


ListView多种条目显示

额外添加的代码

// 在适配器里重写这两个函数,第一个数布局种类的个数,第二个是选择哪个布局
 @Override
        public int getViewTypeCount() {
            return super.getViewTypeCount()+1;
        }

        @Override
        public int getItemViewType(int position) {
            // 如果position为0,选择第一种布局,否则选择第二种布局
            if (position == 0){
                return 0;
            }else{
                return 1;
            }
        }
// 根据position选择不同的布局(代码没有整理,有点冗余,下边会有优化)        
@Override
        public View getView(int position, View convertView, ViewGroup parent) {

            if (getItemViewType(position) == 0){
                // 唤醒布局1
                View view = View.inflate(SimpleListView.this, R.layout.simpel_item, null);
                /**
                 * 初始化数据
                 */
                ImageView imageView = (ImageView) view.findViewById(R.id.image);
                TextView name = (TextView) view.findViewById(R.id.name);
                TextView author = (TextView) view.findViewById(R.id.author);
                TextView desc = (TextView) view.findViewById(R.id.desc);

                Person person = list.get(position);
                /**
                 * 设置数据
                 */
                imageView.setImageResource(person.getnImage());
                name.setText(person.getName());
                author.setText(person.getAuthor());
                desc.setText(person.getDesc());
                return view;
            }else {
                // 唤醒布局2
                View view = View.inflate(SimpleListView.this, R.layout.simpel_item2, null);
                /**
                 * 初始化数据
                 */
                ImageView imageView = (ImageView) view.findViewById(R.id.image);
                ImageView imageView2 = (ImageView) view.findViewById(R.id.image2);
                TextView name = (TextView) view.findViewById(R.id.name);
                TextView author = (TextView) view.findViewById(R.id.author);
                TextView desc = (TextView) view.findViewById(R.id.desc);

                Person person = list.get(position);
                /**
                 * 设置数据
                 */
                imageView.setImageResource(person.getnImage());
                imageView2.setImageResource(person.getnImage());
                name.setText(person.getName());
                author.setText(person.getAuthor());
                desc.setText(person.getDesc());
                return view;
            }

第二种条目XML效果图

提示:图片区域为可放两张图片,与上边只能放一张图片有差异

这里写图片描述


执行结果

提示:第一个条目图片区域为一张图片,第二与下边条目图片区域为两张图片

这里写图片描述


优化方案一

提示:等有时间了用自己的话总结分析方案一和二

分析:复用convertView
首先讲下ListView的原理:ListView中的每一个Item显示都需要Adapter调用一次getView的方法,这个方法会传入一个convertView的参数,返回的View就是这个Item显示的View。如果当Item的数量足够大,再为每一个Item都创建一个View对象,必将占用很多内存,创建View对象(mInflater.inflate(R.layout.lv_item,
null);从xml中生成View,这是属于IO操作)也是耗时操作,所以必将影响性能。Android提供了一个叫做Recycler(反复循环器)的构件,就是当ListView的Item从上方滚出屏幕视角之外,对应Item的View会被缓存到Recycler中,相应的会从下方生成一个Item,而此时调用的getView中的convertView参数就是滚出屏幕的Item的View,所以说如果能重用这个convertView,就会大大改善性能。

图解:一个屏幕最多显示7个Item,如果当Item1滑出屏幕,此时Item1
的View被添加进Recycler中,相应的在下部要产生一个Item8,这时调用getView方法,convertView参数就是Item1
的View。


 @Override
        public View getView(int position, View convertView, ViewGroup parent) {

            if (convertView == null){
                // 唤醒布局
                convertView = View.inflate(SimpleListView.this, R.layout.simpel_item, null);
            }
            /**
             * 初始化数据
             */
            ImageView imageView = (ImageView) convertView.findViewById(R.id.image);
            TextView name = (TextView) convertView.findViewById(R.id.name);
            TextView author = (TextView) convertView.findViewById(R.id.author);
            TextView desc = (TextView) convertView.findViewById(R.id.desc);

            Person person = list.get(position);
            /**
             * 设置数据
             */
            imageView.setImageResource(person.getnImage());
            name.setText(person.getName());
            author.setText(person.getAuthor());
            desc.setText(person.getDesc());
            return convertView;
        }

优化方案二

分析:使用viewHolder类
我们都知道在getView方法中的操作是这样的:先从xml中创建view对象(inflate操作,我们采用了重用convertView方法优化),然后在这个view去findViewById,找到每一个子View,如:一个TextView等。这里的findViewById操作是一个树查找过程,也是一个耗时的操作,所以这里也需要优化,就是使用viewHolder,把每一个子View都放在Holder中,当第一次创建convertView对象时,把这些子view找出来。然后用convertView的setTag将viewHolder设置到Tag中,以便系统第二次绘制ListView时从Tag中取出。当第二次重用convertView时,只需从convertView中getTag取出来就可以。


static class Holder{
        static TextView name, author, desc;
        static ImageView imageView;
    }
 @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            /**
             * 优化方案一:当convertView为空时才new(不清楚底层如何,可能只需new一次,也可能几次),
             *          避免没优化过的情况,上下滑动每次都要new,可能会导致内存爆满
              */
            Holder viewholder = null;
            if (convertView == null){
                // 唤醒布局
                convertView = View.inflate(SimpleListView.this, R.layout.simpel_item, null);
                /**
                 * 初始化数据
                 */
                viewholder.imageView = (ImageView) convertView.findViewById(R.id.image);
                viewholder.name = (TextView) convertView.findViewById(R.id.name);
                viewholder.author = (TextView) convertView.findViewById(R.id.author);
                viewholder.desc = (TextView) convertView.findViewById(R.id.desc);

                convertView.setTag(viewholder);
            }else{
                viewholder = (Holder)convertView.getTag();
            }
            Person person = list.get(position);
            /**
             * 设置数据
             */
            viewholder.imageView.setImageResource(person.getnImage());
            viewholder.name.setText(person.getName());
            viewholder.author.setText(person.getAuthor());
            viewholder.desc.setText(person.getDesc());
            return convertView;
        }

参考

ListView两种优化方案

0
0

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:14405次
    • 积分:803
    • 等级:
    • 排名:千里之外
    • 原创:69篇
    • 转载:1篇
    • 译文:0篇
    • 评论:0条