[Android] ListView实现隔行变色（一）

涉及知识点 ：ListVIew 、BaseAdapter、ArrayList、点击事件、toast的使用、ViewHolder

文章目录

一、运行图

二、代码块

文章内容

一、运行图

运行效果：

二、代码块

1. 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: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"
        android:divider="@color/cardview_shadow_start_color"
        android:dividerHeight="5dp"/>

</LinearLayout>

2.logic.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="horizontal">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="200dp"
        android:layout_height="150dp" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"
        android:orientation="vertical">

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="26sp"
            android:textColor="@color/design_default_color_secondary_variant"/>

        <TextView
            android:id="@+id/textView2"
            android:textColor="@color/design_default_color_primary_variant"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="25sp" />
    </LinearLayout>

</LinearLayout>

3.People.java

package com.example.test2;

public class People {
    private String title;
    private String info;
    private int image;

    public People(String title, String info, int image) {
        this.title = title;
        this.info = info;
        this.image = image;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getInfo() {
        return info;
    }

    public void setInfo(String info) {
        this.info = info;
    }

    public int getImage() {
        return image;
    }

    public void setImage(int image) {
        this.image = image;
    }

}

4.MyBaseAdapter.java

package com.example.test2;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;


public class MyBaseAdapter extends BaseAdapter {
    private Context context;
    private List<People> list;
    private int index=-1;

    public MyBaseAdapter(Context context) {
        this.context = context;
    }

    public MyBaseAdapter(Context context, List<People> list) {
        this.context = context;
        this.list = list;
    }

    public void setIndex(int index) {
        this.index = index;
    }

    public int getIndex() {
        return index;
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Object getItem(int i) {
        return list.get(i);
    }

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

    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {
        ViewHolder viewHolder=new ViewHolder();
        if(view==null){
            LayoutInflater layoutInflater=LayoutInflater.from(this.context);
            view=layoutInflater.inflate(R.layout.logic,null);
            viewHolder.title=(view).findViewById(R.id.textView1);
            viewHolder.info=(view).findViewById(R.id.textView2);
            viewHolder.image=(view).findViewById(R.id.imageView);
            view.setTag(viewHolder);
        }
        else{
           viewHolder=(ViewHolder) view.getTag();
        }
        People p=list.get(i);
        viewHolder.title.setText(p.getTitle());
        viewHolder.info.setText(p.getInfo());
        viewHolder.image.setImageResource(p.getImage());
        if(i%2==0)
            view.setBackgroundColor(context.getResources().getColor(R.color.purple_200));
        else
            view.setBackgroundColor(context.getResources().getColor(R.color.teal_200));
        if(i==index)
            view.setBackgroundColor(context.getResources().getColor(R.color.white));

        return view;
    }
}
class ViewHolder{
    TextView title,info;
    ImageView image ;
}

5.MainActivity.java

package com.example.test2;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.List;


public class MainActivity extends AppCompatActivity {
    private ListView listView;
    private String[] titles={"一尾","二尾","三尾","四尾","五尾","六尾","七尾","八尾","九尾"};
    private String [] infos={"守鹤","又旅","矶抚","孙悟空","穆王","犀犬","重明","牛鬼","九喇嘛"};
    private int []images={R.drawable.yiwei, R.drawable.erwei,
    R.drawable.sanwei,R.drawable.siwei,R.drawable.wuwei,R.drawable.liuwei,R.drawable.qiwei,
    R.drawable.bawei,R.drawable.jiuwei};

    private List<People> list=new ArrayList<>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView=findViewById(R.id.listView);


        for(int i=0;i<titles.length;i++){
            People p=new People(titles[i],infos[i],images[i]);
            list.add(p);
        }

        MyBaseAdapter myBaseAdapter=new MyBaseAdapter(MainActivity.this,list);
        listView.setAdapter(myBaseAdapter);
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                People temp=list.get(i);
                myBaseAdapter.setIndex(i);
                myBaseAdapter.notifyDataSetChanged();
                Toast.makeText(MainActivity.this,temp.getTitle()+"-"+temp.getInfo(),
                        Toast.LENGTH_SHORT).show();
            }
        });

    }
}