Androidstudio中listView视图列表控件的使用小练习

 

 

Androidstudio中listView视图列表控件的使用小练习

 

　　　　　　　　　　　　　　————安德风

 

 

一、制作水果列表清单（带图标版）最终效果演示：

 

 

1、布局设计

①activity_main.xml源代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">
    <ListView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/listview"></ListView>
</LinearLayout>

②fruit_item.xml水果清单布局源代码

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    >
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/fruit_image"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/fruitname"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="10dp"/>
</LinearLayout>

2、功能实现：

①MainActivity.java源代码

package com.example.lineview;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity implements AdapterView.OnItemClickListener {
    private List<fruit> fruitList = new ArrayList<>();//声明水果列表清单
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initFruits();// 初始化水果数据

        FruitAdapter arrayAdapter = new FruitAdapter(MainActivity.this,R.layout.fruit_item,fruitList);

        ListView listView = (ListView) findViewById(R.id.listview);
        listView.setAdapter(arrayAdapter);

//        //ArraryAdapter适配器，通过泛型来指定要适配的数据类型，然后在构造函数中把要适配的数据传入。
//        ArrayAdapter<String> arrayAdapter= new ArrayAdapter<String>(
//                MainActivity.this, android.R.layout.simple_list_item_1,fruits);
//        ListView listView = (ListView) findViewById(R.id.listview);
//        listView.setAdapter(arrayAdapter);
        listView.setOnItemClickListener(this);

    }


//水果添加图片以及文字设置

    private void initFruits(){

//            fruit apple = new fruit("苹果",R.drawable.apple);
//            fruitList.add(apple);
//            fruit banana = new fruit("香蕉",R.drawable.banana_pic);
//            fruitList.add(banana);
//            fruit orange = new fruit("橙子",R.drawable.orange_pic);
//            fruitList.add(orange);
            fruit watermelon = new fruit("西瓜",R.drawable.xigua);
            fruitList.add(watermelon);
            fruit taozi = new fruit("桃子",R.drawable.taozi);
            fruitList.add(taozi);
            fruit xiangjiao = new fruit("香蕉",R.drawable.banana);
            fruitList.add(xiangjiao);
            fruit apple = new fruit("苹果",R.drawable.apple);
            fruitList.add(apple);
            fruit orange= new fruit("橙子",R.drawable.orange);
            fruitList.add(orange);
            fruit lizi= new fruit("梨子",R.drawable.lizi);
            fruitList.add(lizi);


    }

//实现点击水果清单中任何一项水果出现响应的弹出框功能
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
       fruit fruit = fruitList.get(position);
        Toast.makeText(MainActivity.this,fruit.getName(),Toast.LENGTH_SHORT).show();
    }
}

②fruit.java 水果清单封装声明功能

package com.example.lineview;

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水果适配器功能设置

package com.example.lineview;

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 com.example.lineview.R;
import com.example.lineview.fruit;

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;

    }


    @Override
    public View getView(int position, View convertView, ViewGroup parent){
        fruit fruit = getItem(position); //获取当前项的Fruit实例
        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.fruitname);
        fruitImage.setImageResource(fruit.getImageId());
        fruitName.setText(fruit.getName());
        return view;
    }
}

 

二、制作水果列表清单（无图标版）最终效果演示：

 

1、界面布局设计activity_main.xml源代码

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ListView
        android:id="@+id/listview"
        android:layout_width="368dp"
        android:layout_height="623dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.609"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.496" />
</androidx.constraintlayout.widget.ConstraintLayout>

2、功能实现MainActivity.java

package com.example.myapplication2;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
private  String[]fruits={
"苹果","黑莓","橙子","海棠果","公爵樱桃","猕猴桃","西洋李子","无花果","哈密瓜","水蜜桃",
    };
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //ArraryAdapter适配器，通过泛型来指定要适配的数据类型，然后在构造函数中把要适配的数据传入
        ArrayAdapter<String> arrayAdapter=new ArrayAdapter<String>(MainActivity.this,android.R.layout.simple_list_item_1,fruits);
//Android中提供了很多适配器,这里使用的是ArrayAdapter,它可以通过泛型来指定要适配的数据类型，然后在构造函数中把要适配的数据传入。
/**
 * 因为数据都是字符串，所以ArrayAdapter的泛型指定为String。
 * ArrayAdapter的构造函数传入3个数据：
 *
 * 1是Context 传入当前的上下文
 * 2是ListView子项布局的ID
 * 3是要适配的数据
 *android.R.layout.simple_list_item_1作为ListView子项布局的ID，这时安卓内置的布局文件。里面只有一个TextView，可用于显示一段文本。
 *
 * 最后调用ListView的setAdapter()方法将构建好的适配器对象传递进去。
 *
 *
 */


        ListView listView=findViewById(R.id.listview);//寻找列表视图id
        listView.setAdapter(arrayAdapter);//列表视图创建适配器（Adapter）=》数组中的数据无法直接传递给ListView,这时需要借助适配器(Adapter)来完成。

        //列表视图建立监听器（OnItemClickListener）
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int i, long id) {
                //弹出框输出两种方式
                //方法一：调用view参数实现弹出框输出
                Toast.makeText(MainActivity.this, ((TextView)view).getText(), Toast.LENGTH_SHORT).show();

     
                //方法二：通过switch多分支选择数组实现弹出框输出
//                switch (i){
//                    case 0:
//                        Toast.makeText(MainActivity.this, fruits[0], Toast.LENGTH_SHORT).show();
//                        break;
//                    case 1:
//                        Toast.makeText(MainActivity.this, fruits[1], Toast.LENGTH_SHORT).show();
//                        break;
//                    case 2:
//                        Toast.makeText(MainActivity.this, fruits[2], Toast.LENGTH_SHORT).show();
//                        break;
//                    case 3:
//                        Toast.makeText(MainActivity.this, fruits[3], Toast.LENGTH_SHORT).show();
//                        break;
//                    case 4:
//                        Toast.makeText(MainActivity.this, fruits[4], Toast.LENGTH_SHORT).show();
//                        break;
//                    case 5:
//                        Toast.makeText(MainActivity.this, fruits[5], Toast.LENGTH_SHORT).show();
//                        break;
//                    case 6:
//                        Toast.makeText(MainActivity.this, fruits[6], Toast.LENGTH_SHORT).show();
//                        break;
//                    case 7:
//                        Toast.makeText(MainActivity.this, fruits[7], Toast.LENGTH_SHORT).show();
//                        break;
//                    case 8:
//                        Toast.makeText(MainActivity.this, fruits[8], Toast.LENGTH_SHORT).show();
//                        break;
//                    case 9:
//                        Toast.makeText(MainActivity.this, fruits[9], Toast.LENGTH_SHORT).show();
//                        break;
//                }
            }
        });






    }
}

三、制作水果列表清单Toast弹出框带图片版

1、最终效果演示：

2、功能实现MainActivity（布局设计跳过与前面的布局设计一样不作过多的赘述）

package com.example.listview4;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    private  String[]fruits={
            "苹果","黑莓","橙子","海棠果","公爵樱桃","猕猴桃","西洋李子","无花果","哈密瓜","水蜜桃",

    };
    private  int[] imgs={
            R.drawable.apple,R.drawable.heimei,R.drawable.orange,R.drawable.htg,R.drawable.yingtao,R.drawable.mht,
            R.drawable.xylz,R.drawable.whg,R.drawable.hmg,R.drawable.smt,
    };
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //ArraryAdapter适配器，通过泛型来指定要适配的数据类型，然后在构造函数中把要适配的数据传入
        ArrayAdapter<String> arrayAdapter=new ArrayAdapter<String>(MainActivity.this,android.R.layout.simple_list_item_1,fruits);
//Android中提供了很多适配器,这里使用的是ArrayAdapter,它可以通过泛型来指定要适配的数据类型，然后在构造函数中把要适配的数据传入。
/**
 * 因为数据都是字符串，所以ArrayAdapter的泛型指定为String。
 * ArrayAdapter的构造函数传入3个数据：
 *
 * 1是Context 传入当前的上下文
 * 2是ListView子项布局的ID
 * 3是要适配的数据
 *android.R.layout.simple_list_item_1作为ListView子项布局的ID，这时安卓内置的布局文件。里面只有一个TextView，可用于显示一段文本。
 *
 * 最后调用ListView的setAdapter()方法将构建好的适配器对象传递进去。
 *
 *
 */


        ListView listView=findViewById(R.id.listview);//寻找列表视图id
        listView.setAdapter(arrayAdapter);//列表视图创建适配器（Adapter）=》数组中的数据无法直接传递给ListView,这时需要借助适配器(Adapter)来完成。

        //列表视图建立监听器（OnItemClickListener）
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int i, long id) {
                //弹出框输出两种方式
                //方法一：调用view参数实现弹出框输出
              Toast toast=  Toast.makeText(MainActivity.this, ((TextView)view).getText(), Toast.LENGTH_SHORT);

                ImageView imageView=new ImageView(MainActivity.this);//图片控件实例化
                imageView.setImageResource(imgs[i]);//通过数组的方式加载图片
                LinearLayout toastview= (LinearLayout) toast.getView();//通过线性布局方式弹出框输出图片 
                toastview.setOrientation(LinearLayout.VERTICAL);//图片垂直输出（线性布局格式）
                toastview.addView(imageView);//导入图片控件

                toast.show();//弹出框展示

                //方法二：通过switch多分支选择数组实现弹出框输出
//                switch (i){
//                    case 0:
//                        Toast.makeText(MainActivity.this, fruits[0], Toast.LENGTH_SHORT).show();
//                        break;
//                    case 1:
//                        Toast.makeText(MainActivity.this, fruits[1], Toast.LENGTH_SHORT).show();
//                        break;
//                    case 2:
//                        Toast.makeText(MainActivity.this, fruits[2], Toast.LENGTH_SHORT).show();
//                        break;
//                    case 3:
//                        Toast.makeText(MainActivity.this, fruits[3], Toast.LENGTH_SHORT).show();
//                        break;
//                    case 4:
//                        Toast.makeText(MainActivity.this, fruits[4], Toast.LENGTH_SHORT).show();
//                        break;
//                    case 5:
//                        Toast.makeText(MainActivity.this, fruits[5], Toast.LENGTH_SHORT).show();
//                        break;
//                    case 6:
//                        Toast.makeText(MainActivity.this, fruits[6], Toast.LENGTH_SHORT).show();
//                        break;
//                    case 7:
//                        Toast.makeText(MainActivity.this, fruits[7], Toast.LENGTH_SHORT).show();
//                        break;
//                    case 8:
//                        Toast.makeText(MainActivity.this, fruits[8], Toast.LENGTH_SHORT).show();
//                        break;
//                    case 9:
//                        Toast.makeText(MainActivity.this, fruits[9], Toast.LENGTH_SHORT).show();
//                        break;
//                }
            }
        });






    }
}