Android开发当中ListView的使用

首先我们看ListView实现之后的的效果，如下图所示：

现在我们来看看如何来实现这个可以进行上下活动的ListView:

首先是主界面Activity_Main.xml的代码：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:orientation="vertical"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    tools:context=".MainActivity">

<ListView

    android:id="@+id/list_view"

    android:layout_width="match_parent"

    android:layout_height="match_parent">

</ListView>

</LinearLayout>

很显然，我们在主页面当中插入了ListView这个控件，这个控件利用“match_parent”属性将整个主界面给铺满，尤其是垂直方向上，这样ListView里面的元素如果超过了一页，才能够进行上下滑动。

现在我们来定制ListView当中每一个栏目所对应的界面是以什么位置来摆放ImageView和TextView的，因此需要再编写一个Xml文件来规定它们的位置和大小。我们依然在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:layout_width="100dp"

        android:layout_height="100dp"

        android:id="@+id/fruit_image"/>

    <TextView

        android:gravity="center_vertical"

        android:layout_marginLeft="30dp"

        android:id="@+id/fruit_name"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content" />

</LinearLayout>

接下来编写一个数据Bean,用于适配器Adapter来接收我们自定义好后的数据，Adapter接收好定义的数据之后才能够将数据传回主活动当中，再通过XML界面，将图片和文字显示出来。

数据Bean的代码如下：

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;

    }

}

然后是FruitAdapter.java的代码，这个也就是之前我们所说过的适配器Adpater了，它的代码如下：

import android.content.Context;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ArrayAdapter;

import android.widget.ImageView;

import android.widget.TextView;

import java.util.List;

public class FruitAdapter extends ArrayAdapter<Fruit> {

    private int resourceId;

    public FruitAdapter(Context context, int textViewResourceId, List<Fruit>objects){

        super(context, textViewResourceId,objects);

        resourceId=textViewResourceId;

    }

    public View getView(int position, View convertView, ViewGroup parent)

    {

        Fruit fruit=getItem(position);

        View view = LayoutInflater.from(getContext()).inflate(resourceId,parent,false);

        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;

    }

}

然后将主活动的代码Main_Activity.java更改为如下即可：

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

import android.widget.ArrayAdapter;

import android.widget.ListView;

import java.util.ArrayList;

import java.util.List;

public class MainActivity extends AppCompatActivity {

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

    private String[] data={"1","2","3","4","5"};

    @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,fruitList);

        ListView listView=(ListView)findViewById(R.id.list_view);

        listView.setAdapter(adapter);

    }

    private void initFruits()

    {

        for(int i=0;i<2;i++)//这里说明这些我们所添加进来的元素循环两次，如果你想要多循环几次，就添加循环次数就可以了

        {

            Fruit apple=new Fruit("第一张图片",R.drawable.one);

            fruitList.add(apple);

            Fruit two=new Fruit("第二张图片",R.drawable.two);

            fruitList.add(two);

            Fruit three=new Fruit("第三张图片",R.drawable.three);

            fruitList.add(three);

            Fruit four=new Fruit("第四张图片",R.drawable.four);

            fruitList.add(four);

            Fruit five=new Fruit("第五张图片",R.drawable.five);

            fruitList.add(five);

        }

    }

}

完毕！！

巴特西

Android开发当中ListView的使用

最新文章

热门文章