Android-ListView的用法_listview image设置text-程序员宅基地

技术标签: 安卓  java  android  移动开发  Android  

ListView绝对称得上是Android中最常用的控件之一,几乎所有的应用程序都会用到它。ListView允许用户提供手指上下滑动的方式将屏幕外的数据滚动到屏幕内,同时屏幕上原有的数据则会滚动出屏幕。

定制ListView的界面

  • 首先准备好一组图片,分别对应每一种水果,待会我们要让这些水果名称的旁边都有一个图样。
  • 接着定义一个实体类,作为ListView适配器的适配类型。新建Fruit类,代码如下:
public class Fruit {
    

    private String name;
    private int imageId;

    public Fruit(String name, int imageId) {
    
        this.name = name;
        this.imageId = imageId;
    }

    public String getName() {
    
        return name;
    }

    public int getImageId() {
    
        return imageId;
    }
}

Fruit类中只有两个字段,name表示水果的名字,imageId表示水果对应图片的资源id。

  • 为ListView的子项指定一个我们自定义的布局,在layout目录下新建fruit_item.xml,代码如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/fruit_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

    <TextView
        android:id="@+id/fruit_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="10dp"
        android:background="@android:color/holo_blue_dark"/>
</LinearLayout>

在这个布局中,我们定义了一个ImageView用于显示水果的图片,又定义了一个TextView用于显示水果的名称,并让TextView在垂直方向上居中显示。

  • 创建一个自定义的适配器,这个适配器继承自ArrayAdapter,并将泛型指定为Fruit类,新建类FruitAdapter,代码如下:
public class FruitAdapter extends ArrayAdapter<Fruit> {
    

    private int resourceId;

    public FruitAdapter(@NonNull Context context, int resource, List<Fruit> objects) {
    
        super(context, resource, objects);
        resourceId = resource;
    }

    @NonNull
    @Override
    public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
    
        Fruit fruit = getItem(position);
        View view = LayoutInflater.from(getContext()).inflate(resourceId, parent, false);
        ImageView fruitImage = view.findViewById(R.id.fruit_image);
        TextView fruitName = view.findViewById(R.id.fruit_name);
        fruitImage.setImageResource(fruit.getImageId());
        fruitName.setText(fruit.getName());
        return view;
    }
}

FruitAdapter重写了父类的一组构造函数,用于将上下文、ListView子项布局的id和数据都传递进来,另外重写了getView()方法,这个方法在每个子项被滚动到屏幕内的时候会被调用,在getView()方法中,首先通过getItem()方法得到Fruit实例,然后使用LayoutInflater为这个子项加载我们传入的布局。

  • 接下来调用View的findViewById()方法分别获取到ImageView和TextView的实例,并分别调用它们的setImageResource()setText()方法来设置显示的图片和文字,最后将布局返回,这样我们的自定义适配器就完成了。
public class MainActivity extends AppCompatActivity {
    

    private List<Fruit> mFruitList = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
    
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initFruits(); // 初始化水果数据
        FruitAdapter adapter = new FruitAdapter(MainActivity.this, R.layout.fruit_item, mFruitList);
        ListView listView = findViewById(R.id.list_view);
        listView.setAdapter(adapter);
    }

    private void initFruits() {
    
        for (int i = 0; i < 4; ++i) {
    
            Fruit apple = new Fruit("Apple", R.drawable.apple_pic);
            mFruitList.add(apple);
            Fruit orange = new Fruit("Orange", R.drawable.orange_pic);
            mFruitList.add(orange);
            Fruit waterMelon = new Fruit("Watermelon", R.drawable.watermelon_pic);
            mFruitList.add(waterMelon);
        }
    }
}
  • 效果图
    在这里插入图片描述
  • 性能优化
    目前我们的ListView的运行效率是很低的,因为FruitAdapter的getView()方法中,每次都将布局加载了一遍,当ListView快速滑动的时候,这就会成为性能的瓶颈。
    仔细观察发现,getView()方法中还有一个convertView参数,这个参数用于将之前加载好的布局进行缓存,以便以后可以重用,修改FruitAdapter中的代码,如下:
View view = convertView == null ?  LayoutInflater.from(getContext()).inflate(resourceId, parent, false) : convertView;

可以看到,我们对convertView进行了判断,如果为null,则重新加载布局,如果不为null,则重用convertView。这样就大大提高了ListView的效率。

  • 继续优化
    虽然现在我们已经不会再重复加载布局,但是每次在getView()方法中还是都会调用View的findViewByIdI()方法来获取一次控件的实例。我们可以借助一个ViewHolder来对这部分性能进行优化,修改FruitAdapter中的代码,如下:
public class FruitAdapter extends ArrayAdapter<Fruit> {
    
	...
     @NonNull
    @Override
    public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
    
        Fruit fruit = getItem(position);
        View view; 
        ViewHolder viewHolder;
        if (convertView == null) {
    
            view = LayoutInflater.from(getContext()).inflate(resourceId, parent, false);
            viewHolder = new ViewHolder();
            viewHolder.fruitImage = view.findViewById(R.id.fruit_image);
            viewHolder.fruitName = view.findViewById(R.id.fruit_name);
            view.setTag(viewHolder); // 将ViewHolder存储在View中
        } else {
    
            view = convertView;
            viewHolder = (ViewHolder) view.getTag(); // 重新获取ViewHolder
        }
        viewHolder.fruitName.setText(fruit.getName());
        viewHolder.fruitImage.setImageResource(fruit.getImageId());
        return view;
    }
    
    class ViewHolder {
    
        ImageView fruitImage;
        TextView fruitName;
    }
}

我们新增了一个内部类ViewHolder,用于对控件的实例进行缓存,这样就没必要每次都通过findViewById方法来获取控件实例了。

  • ListView的点击事件
    ListView的滚动毕竟只是为了满足我们视觉上的效果,可是如果ListView中的子项不能点击的话,这个控件就没有什么实际的用途了。修改MainActivity中的代码,如下:
public class MainActivity extends AppCompatActivity {
    

    private List<Fruit> mFruitList = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
    
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initFruits(); // 初始化水果数据
        FruitAdapter adapter = new FruitAdapter(MainActivity.this, R.layout.fruit_item, mFruitList);
        ListView listView = findViewById(R.id.list_view);
        listView.setAdapter(adapter);
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
    
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
    
                Fruit fruit = mFruitList.get(i);
                Toast.makeText(MainActivity.this, fruit.getName(), Toast.LENGTH_SHORT).show();
            }
        });
    }
	...
}

可以看到,我们使用setOnItemClickListener()方法为ListView注册了一个监听器,当用户点击了ListView中的任何一个子项式,就会回调onItemClick()方法。这个方法通过position参数判断出用户点击的是哪一个子项,然后获取到相应的水果,并通过Toast将水果的名字显示出来。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_41148861/article/details/104532934

智能推荐

Idea 配置git_idea在配置git的时候把根配置在了vcs下面-程序员宅基地

文章浏览阅读1.6k次。_idea在配置git的时候把根配置在了vcs下面

C语言猜数字游戏(简单)_编写一个猜数游戏1到10 c语言-程序员宅基地

文章浏览阅读1.1k次。实现猜数字游戏游戏玩法:当开始游戏后,猜出自己的数字,然后根据提示完成结果!可多次进行游戏。#include<stdio.h>#include<stdlib.h>#include<time.h>void caidan(){ printf("**欢迎来到数字猜猜猜**\n"); printf("**********************\n"); printf("*** 1:开始游戏 ***\n"); printf("*** 0:退出_编写一个猜数游戏1到10 c语言

STM32 IO口的8中配置方式解读(推挽输出、开漏输出、复用开漏输出、复用推挽输出以及上拉输入、下拉输入、浮空输入、模拟)_低功耗 io口应该配置为上拉输入吗-程序员宅基地

文章浏览阅读2.2w次,点赞20次,收藏67次。STM32 IO口的8中配置方式:(1)GPIO_Mode_AIN 模拟输入 (2)GPIO_Mode_IN_FLOATING 浮空输入(3)GPIO_Mode_IPD 下拉输入(4)GPIO_Mode_IPU 上拉输入(5)GPIO_Mode_Out_OD 开漏输出(6)GPIO_Mode_Out_PP 推挽输出(7)GPIO_Mode_AF_OD 复用开漏输出_低功耗 io口应该配置为上拉输入吗

Git报错errno 10054或超时-token解决-程序员宅基地

文章浏览阅读1.9k次。今天用IDEA push项目,git一直在报错OpenSSL SSL_read: Connection was reset, errno 10054,要么就是连接超时。网上的方法我基本都试过了,仍然是无奈的报错:( :( :(然后偶然发现在IDEA登录github网站时,可以用token登录(token如何获取可以参考这篇文章)忘了截图了,就是点了push之后会弹出一个框让登录,这时候最左边有个按钮是登录到github什么的,点开,_errno 10054

python ls命令_ls命令-程序员宅基地

文章浏览阅读2.9k次。command [-options] [parameter1] ...command:命令名,相应功能的英文单词或单词的缩写[-options]: 选项,可用来对命令进行控制,也可省略[parameter1]: 传给命令的参数:可以是零个一个或多个ls 查看当前目录文件ls -a 查看隐藏文件 =llls -l 以行显示ls -hls -l -h 文件大小自动显示ls -a -l -h参数前后顺..._python ls

Homography单应矩阵_homography矩阵-程序员宅基地

文章浏览阅读5.5k次,点赞5次,收藏17次。Homography单应矩阵_homography矩阵

随便推点

netty——EventLoop概念、处理普通任务定时任务、处理io事件、EventLoopGroup_io/netty/channel/eventloopgroup-程序员宅基地

文章浏览阅读1.9k次,点赞2次,收藏9次。文章目录EventLoop执行普通任务和定时任务处理io事件EventLoopGroupEventLoopEventLoop本质上就是一个Selector+一个单线程执行器。里面的run方法处理channel上源源不断的io事件EventLoop它继承两个类第一个是继承netty自己的OrderedEventExecutor接口第二个是继承java.util.concurrent.ScheduledExecutorService接口我们一般是不会直接用EventLoop 一般是使用Event_io/netty/channel/eventloopgroup

Latex作者单位的写法—AND 首页脚注_latex的作者-程序员宅基地

文章浏览阅读6.6w次,点赞5次,收藏19次。IEEE会议的模板以四个作者为例正常:作者单位如果名字较短,可以直接写在作者对应的下面,邮箱可以对应写在再接下来的下面。一如果邮箱较长,可以用\thanks{ }命令将其变为脚注。例如:~~~~~~~~~~~~~~~~~~~~~~~~~~~~\author{作者1 \\单位1\vspace{-2cm}\thanks{四位作者的邮箱}\\\and 作者2\\单_latex的作者

服务器10s一个频次登录注销,给博客添加一个服务器状态页-程序员宅基地

文章浏览阅读94次。该独立页面版本已不再更新,请移步插件版前排提示BaoTa Only BaoTa Only BaoTa OnlyHandsome Only Handsome Only Handsome Only目前仅支持宝塔面板以及Typecho的handsome主题~样式摘自Gordsky,自己一点一点复现的食用教程一Giao我里GiaoGiao先下载status.php文件,修改第12行md5key(非常重要,..._服务状态页

对智慧海洋数据进行模型建立_海洋矢量场数据模型构建-程序员宅基地

文章浏览阅读527次。模型学习、调参与对智慧海洋数据建立相应模型一、模型训练与预测导入需要的工具库import gcimport multiprocessing as mpimport osimport pickleimport timeimport warningsfrom collections import Counterfrom copy import deepcopyfrom datetime import datetimefrom functools import partialfrom g_海洋矢量场数据模型构建

记一次踩内存debug-程序员宅基地

文章浏览阅读1.4k次,点赞2次,收藏2次。1、执行环境是这样的。一个进程启动,等待后续发送rpc信息到这个进程,这个进程根据这个RPC命令处理相应的流程。命令执行需要分多个步骤。比如第一阶段-》第二阶段-〉第三阶段。。。。2、命令正常执行完成,也返回了正常的结果。但是隔了一会(2s)时间,进程crush.每次死在和这个进程处理RPC逻辑不想干的stack上,这个stack记录着依赖的另外的lib库的流程。3、每次复现都死在这里。很...

什么是EventLoop_event loop是什么-程序员宅基地

文章浏览阅读1.7k次,点赞3次,收藏3次。一、EventLoop即事件循环,是指浏览器或者Node的一种解决javaScript单线程运行时不会阻塞的一种机制,也就是我们经常使用的异步的原理。官方解释:JavaScript主线程从"任务队列"中读取异步任务的回调函数,放到执行栈中依次执行。这个过程是循环不断的,所以整个的这种机制又称为EventLoop(事件循环)首先了解下js单线程的执行过程:1.执行栈把异步任务委托给宿主环境 2.当宿主环境把异步任务搞定之后,会把对应的回调函数放到任务队列中,排队去执行 3.当js主线程把栈里面的任务完成或_event loop是什么

推荐文章

热门文章

相关标签