Android--- UI组件AdapterView and 适配器Adapter

适配器 – Adapter

• Adapter是UI控件和实际数据之间的桥梁,通过adapter将数据展示到UI上
• Adapter本身只是一个接口，Adapter及其子类的继承关系图
  

• Adapter常用的实现类如下。

• ArrayAdapter: 简单、易用的Adapter。通常用于将数组或List集合的多个值包装成多个列表项。
• SimpleAdapter: 并不简单、功能强大的Adapter.可用于将List集合的多个对象包装成多个列表项。
• SimpleCursorAdapter: 与SimpleAdapter基本相似，只是用于包装Cursor提供的数据。
• BaseAdapter: 通常用于被扩展。扩展BaseAdapter可以对各列表项进行最大限度的定制。

UI控件 – AdapterView

• AdapterView是常用的安卓UI控件
• AdapterView继承了ViewGroup.它的本质是容器。
• AdapterView显示的多个“列表项”由Adapter提供。调用AdapterView的**setAdapter(Adapter)**方法设置Adapter即可

• Adapter是UI控件和实际数据之间的桥梁,通过adapter将数据展示到UI上

• AdapterView是一个抽象类, 具体继承关系如下
  
• 常用的实体类为第四行, 注意Gallery已经被淘汰, 可以用HorizontalScrollView
• ListView也可用RecyclerView替代

ListView

简单的ListView实现

定义一个item布局文件(list中的每一项) – list_item.xml

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:textSize="24sp"
    android:id = "@+id/listItem"
    >
TextView>

定义一个listView布局文件 – list_view.xml

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center">

    <ListView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/myList"/>

LinearLayout>

*

使用Adapter

package com.example.homework2;

import androidx.appcompat.app.AppCompatActivity;
import android.content.Intent;
import android.graphics.Point;
import android.os.Bundle;
import android.view.Display;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.TextView;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

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

        Display display = getWindowManager().getDefaultDisplay();
        Point size = new Point();
        display.getSize(size);
        int height = size.y;

        String[] items = new String[]{"Apple", "Mongo", "Pear", "Grape", "Banana", "Strawberry", "Blackberry", "Raspberry", "Peach", "Watermelon", "Cherry", "DragonFruit"};
        final ArrayList<String> list = new ArrayList<>();

        for (int i = 0; i < items.length; i++) {
            list.add(items[i]);
        }

        ListView listview = findViewById(R.id.myList);
        listview.setAdapter(new ArrayAdapter<String>(this, R.layout.list_item, list) {
            @Override
            public View getView(int position, View convertView, ViewGroup parent) {
                View view = super.getView(position, convertView, parent);
                TextView textView = (view.findViewById(R.id.listItem));
                textView.setMinHeight(0);
                textView.setMinimumHeight(0);
                textView.setHeight(height/ items.length);
                return view;
            }
        });
}

输出结果

图文ListView实现

定义一个listView布局文件

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center">

    <ListView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/lv1"
        android:drawSelectorOnTop="true" />
        
LinearLayout>
————————————————
版权声明：本文为CSDN博主「0x2015」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/w57685321/article/details/78267051

**定义一个item布局文件(list中的每一项) **

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ImageView
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingStart="10dp"
        android:adjustViewBounds="true"
        android:maxWidth="100dp"/>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:id="@+id/author"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    LinearLayout>
LinearLayout>
————————————————
版权声明：本文为CSDN博主「0x2015」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/w57685321/article/details/78267051

创建一个Simple Adapter, 将数据绑定到UI

package com.example.admin.test3;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class Test2Activity extends AppCompatActivity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test2);
        //获取布局中的ListView
        final ListView lv1 = (ListView)findViewById(R.id.lv1);
        //获取图片资源文件
        int [] images = new int[]{R.drawable.img4,R.drawable.img5,R.drawable.img6,R.drawable.img7};
        String []title = new String[]{"实战大数据——","白话深度学习与","Unity 3D\\2D手机游戏开发：从学习","Web前端自动化构"};
        String []author = new String[]{"许国根，贾瑛","高扬","金玺曾","[澳]斯特凡·鲍姆加"};
        //将上面的数据添加到List集合中
        List<Map<String,Object>> listItems = new ArrayList<Map<String,Object>>();
        for(int i=0;i<title.length;i++){
            //每一行数据都是一个Object，然后存入Map中，String自己指定
            Map<String,Object> map = new HashMap<String,Object>();
            map.put("img",images[i]);
            map.put("title",title[i]);
            map.put("author",author[i]);
            listItems.add(map);
        }
        //关键的SimpleAdapter
        /* 关于SimpleAdapter，使用SimpleAdapter的最大难点在于创建SimpleAdapter对象，它需要5个参数：
		>* 第一个参数：上下文，这个不用多说，写this即可。
		>* 第二个参数：该参数应该是一个 List< Map> 类型的集合对象，该集合中每个Map对象生成一个列表项。
		>* 第三个参数：该参数指定一个界面布局的ID，这里使用的自己创建的xml布局文件。
		>* 第四个参数：该参数是一个String[]类型的参数，该参数决定提取Map对象中哪些key对应的value来生成列表项，所以填写map.put(key,Value)对应的key即可。
		>* 第五个参数：该参数是一个int[]类型的参数，该参数决定填充哪些组件，填写自定义的xml布局文件中控件的ID即可，相当于把第四个参数指定的数据填充到第五个控件指定的控件中，与第四个参数形成对应关系*/
        SimpleAdapter adapter = new SimpleAdapter(
                					this,
                					listItems,
                					R.layout.simpleadaitem,
                					new String[]{"img","title","author"},
                					new int[]{R.id.img,R.id.title, R.id.author});
        lv1.setAdapter(adapter);
    }
}
————————————————
版权声明：本文为CSDN博主「0x2015」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/w57685321/article/details/78267051

ListView的监听函数

OnItemClickListener – 可以处理视图中单个条目的点击事件

listview.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                String selectedItem = (String) parent.getItemAtPosition(position);
                Intent intent = new Intent(view.getContext(), WebActivity.class);
                intent.putExtra("item_name", selectedItem);
                startActivity (intent);
            }
        });

OnScrollListener – ListView的滚动事件，监听滚动事件，可以做到下拉刷新，下拉显示更多列表的操作

 lv1.setOnScrollListener(new AbsListView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(AbsListView absListView, int i) {
                switch(i){
                    case SCROLL_STATE_FLING:
                        Log.i("Main", "用户在手指离开屏幕之前，由于用力滑了一下，视图仍在滚动");
                        break;
                    case SCROLL_STATE_IDLE:
                        Log.i("Main", "视图已经停止滚动");
                        break;
                    case SCROLL_STATE_TOUCH_SCROLL:
                        Log.i("Main", "手指没有离开屏幕，视图正在滑动");
                        break;
                }
            }
            @Override
            public void onScroll(AbsListView absListView, int i, int i1, int i2) {

            }
        });
————————————————
版权声明：本文为CSDN博主「0x2015」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/w57685321/article/details/78267051

ExpandableListView

GridView

创建一个GridView布局文件

<androidx.constraintlayout.widget.ConstraintLayout
    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"
    tools:context=".MainActivity">
 
    
    <GridView
        android:id="@+id/idGVcourses"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:horizontalSpacing="6dp"
        android:numColumns="2"
        android:verticalSpacing="6dp" />
 
androidx.constraintlayout.widget.ConstraintLayout>

创建每个item的布局文件

<androidx.cardview.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="120dp"
    android:layout_gravity="center"
    android:layout_margin="5dp"
    app:cardCornerRadius="5dp"
    app:cardElevation="5dp">
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
 
        <ImageView
            android:id="@+id/idIVcourse"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_gravity="center"
            android:src="@mipmap/ic_launcher" />
 
        <TextView
            android:id="@+id/idTVCourse"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/app_name"
            android:textAlignment="center" />
 
    LinearLayout>
 
androidx.cardview.widget.CardView>

创建一个Modal类用来储存数据

public class CourseModel {
 
    // string course_name for storing course_name
    // and imgid for storing image id.
    private String course_name;
    private int imgid;
 
    public CourseModel(String course_name, int imgid) {
        this.course_name = course_name;
        this.imgid = imgid;
    }
 
    public String getCourse_name() {
        return course_name;
    }
 
    public void setCourse_name(String course_name) {
        this.course_name = course_name;
    }
 
    public int getImgid() {
        return imgid;
    }
 
    public void setImgid(int imgid) {
        this.imgid = imgid;
    }
}

创建一个Adapter, extend ArrayAdapter

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 androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import java.util.ArrayList;
 
public class CourseGVAdapter extends ArrayAdapter<CourseModel> {
    public CourseGVAdapter(@NonNull Context context, ArrayList<CourseModel> courseModelArrayList) {
        super(context, 0, courseModelArrayList);
    }
 
    @NonNull
    @Override
    public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
        View listitemView = convertView;
        if (listitemView == null) {
            // Layout Inflater inflates each item to be displayed in GridView.
            listitemView = LayoutInflater.from(getContext()).inflate(R.layout.card_item, parent, false);
        }
        CourseModel courseModel = getItem(position);
        TextView courseTV = listitemView.findViewById(R.id.idTVCourse);
        ImageView courseIV = listitemView.findViewById(R.id.idIVcourse);
        courseTV.setText(courseModel.getCourse_name());
        courseIV.setImageResource(courseModel.getImgid());
        return listitemView;
    }
}

使用Adapter

import android.os.Bundle;
import android.widget.GridView;
import androidx.appcompat.app.AppCompatActivity;
import java.util.ArrayList;
 
public class MainActivity extends AppCompatActivity {
 
    GridView coursesGV;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
       
        coursesGV = findViewById(R.id.idGVcourses);
       
        ArrayList<CourseModel> courseModelArrayList = new ArrayList<CourseModel>();
        courseModelArrayList.add(new CourseModel("DSA", R.drawable.ic_gfglogo));
        courseModelArrayList.add(new CourseModel("JAVA", R.drawable.ic_gfglogo));
        courseModelArrayList.add(new CourseModel("C++", R.drawable.ic_gfglogo));
        courseModelArrayList.add(new CourseModel("Python", R.drawable.ic_gfglogo));
        courseModelArrayList.add(new CourseModel("Javascript", R.drawable.ic_gfglogo));
        courseModelArrayList.add(new CourseModel("DSA", R.drawable.ic_gfglogo));
 
        CourseGVAdapter adapter = new CourseGVAdapter(this, courseModelArrayList);
        coursesGV.setAdapter(adapter);
    }
}

Spinner

创建布局文件

 
<android.support.constraint.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="com.geeksforgeeks.Spinner.MainActivity">
 
    
    <Spinner
        android:id="@+id/coursesspinner"
        android:layout_height="50dp"
        android:layout_width="160dp"
        android:layout_marginEnd="10dp"
        android:layout_marginStart="10dp"   
        android:layout_marginBottom="10dp"
        android:layout_marginTop="10dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>
   
android.support.constraint.ConstraintLayout>

创建Java文件

import android.support.v7.app.AppCompatActivity;
import android.widget.AdapterView;
import android.view.View;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.os.Bundle;
 
// Main Activity implements Adapter view
public class MainActivity
    extends AppCompatActivity
    implements AdapterView.OnItemSelectedListener {
 
    // create array of Strings
    // and store name of courses
    String[] courses = { "C", "Data structures",
                        "Interview prep", "Algorithms",
                        "DSA with java", "OS" };
 
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        // Take the instance of Spinner and
        // apply OnItemSelectedListener on it which
        // tells which item of spinner is clicked
        Spinner spino = findViewById(R.id.coursesspinner);
        spin.setOnItemSelectedListener(this);
 
        // Create the instance of ArrayAdapter
        // having the list of courses
        ArrayAdapter ad = new ArrayAdapter(
                		  this,
               			  android.R.layout.simple_spinner_item,
                		  courses);
 
        // set simple layout resource file
        // for each item of spinner, a simple text view 
        ad.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        spino.setAdapter(ad);
    }
 
    // Performing action when ItemSelected
    // from spinner, Overriding onItemSelected method
    @Override
    public void onItemSelected(AdapterView<*> arg0, View arg1, int position, long id) {
        // make toastof name of course
        Toast.makeText(getApplicationContext(), courses[position], Toast.LENGTH_LONG).show();
    }
 
    @Override
    public void onNothingSelected(AdapterView<*> arg0)
    {
        // Auto-generated method stub
    }
}

AdapterViewFlipper 和 StackView

• AdapterViewFlipper可以实现画面自动播放
• SatckView可以实现叠加效果