Android--ListView详解(一)

Android–ListView详解(一)

【目的】

记录一下学习历程，方便以后温故而知新。

【ListView】

ListView 控件可使用四种不同视图显示项目。通过此控件，可将项目组成带有或不带有列标头的列，并显示伴随的图标和文本。 可使用 ListView 控件将称作 ListItem 对象的列表条目组织成下列四种不同的视图之一：
1.大（标准）图标
2.小图标
3.列表
4.报表
View 属性决定在列表中控件使用何种视图显示项目。还可用 LabelWrap 属性控制列表中与项目关联的标签是否可换行显示。另外，还可管理列表中项目的排序方法和选定项目的外观。

【功能】

打开应用时显示列表，列表初始行数为0，设置一个定时器，每1秒加一行，点击任意一行都会将当前行的背景色改变，同时还会跳转到下一个页面（称为跳转页），在跳转页任意点击就会返回列表页。

【代码实现】

MainActivity.java

package com.example.a18_listview;

import androidx.appcompat.app.AppCompatActivity;
import android.content.Intent;
import android.graphics.Color;
import android.os.Bundle;
import android.provider.MediaStore;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.ListView;
import java.util.ArrayList;
import java.util.Timer;
import java.util.TimerTask;

/**
 * ListView 只能纵向滚动显示
 * 具体的显示交给Adapter配置
 * 1.创建ListView
 *    -xml配置
 *    -代码配置
 * 2.配置数据
 *    -创建一个类继承BaseAdapter
 * 3.设置ListView的适配器(数据)
 * 4.创建Layout 布局每行具体样式
 *    -使用View.Inflate解析layout布局文件 -> View
 * 5.响应事件
 *    -listView.setOnItemClickListener(new AdapterView.OnItemClickListener(){...});
 *
 * 6.
 * 设计模式的作用：复用性、健壮性(低耦合)
 * javaBean
 * FriendBean
 * MVC：Mode View Controller
 * MVP：Mode View Present
 */
public class MainActivity extends AppCompatActivity {
    ListView listView;
    ArrayList<FriendModel> friends;
    MyAdapter mAdapter;


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

        // 创建一个数组
        friends = new ArrayList<>();

        /**
         * 3.设置ListView的适配器(数据)
         *    -注意：每行显示的内容都是xml配置文件实现
         *    -高度、内容都有一个对应的Layout.xml
         */
        listView = findViewById(R.id.lv);

        // 初始化数据 -> 要在适配器之前调用数据，否则会报错闪退
        //initData();

        // 行与行的间隔
        listView.setDividerHeight(50);

        // 设置高度
        //listView.setMinimumHeight(100);

        // 实现类 -> 设置适配器
        mAdapter = new MyAdapter();
        listView.setAdapter(mAdapter);

        // 设置监听用户的行为
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                // 将item对应的视图转化为ViewGroup
                ViewGroup viewGroup = (ViewGroup) view;

                // 查找容器里面的子视图
                View v = viewGroup.findViewWithTag("vTag");

                // 操作这个子视图->改变背景颜色
                v.setBackgroundColor(Color.BLUE);

                // 切换到下一个界面
                // 调用系统的或者某个应用的方式：隐式意图
                Intent intent1 = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);// 调用系统相机

                // 显示意图：直接指明跳到哪个页面
                Intent intent2 = new Intent(getApplicationContext(), SecondActivity.class);

                // 开始切换到需要的页面
                startActivity(intent2);
            }
        });
        // 启动一个线程
//        new Thread(new Runnable() {
//            @Override
//            public void run() {
//                initData();
//            }
//        }).start();

//        // 开启定时器 每一秒添加一个好友
//        new Timer().schedule(new TimerTask() {
//            @Override
//            public void run() {
//                // 加载数据
//                initData();
//                System.out.println("总共有"+friends.size()+"个");
//
//                // 调用主线程刷新
//                runOnUiThread(new Runnable() {
//                    @Override
//                    public void run() {
//                        // 刷新ListView -> 线程不能操作view
//                        mAdapter.notify();
//                    }
//                });
//            }
//        },0,1000);
        //开启定时器 每隔1s中添加一个好友信息
        new Timer().schedule(new TimerTask() {
            @Override
            public void run() {
                initData();
                System.out.println("总共有"+friends.size()+"个");
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        //主线程刷新ListView
                        mAdapter.notifyDataSetChanged();

                        //如果没有全局化
                        //MyAdapter adapter = (MyAdapter) listView.getAdapter();
                        //adapter.notifyDataSetChanged();
                    }
                });
            }
        },0,1000);
    }

    /**
     * 2.配置数据 -创建一个类继承BaseAdapter
     */
    public class MyAdapter extends BaseAdapter{

        // 配置ListView显示多少行
        @Override
        public int getCount() {
            return friends.size();
        }

        // 获取数据源里面position行里面对应的数据
        // 通常情况的数据源就是数组
        @Override
        public Object getItem(int position) {
            return null;
        }

        // 获取position位置对应的ID
        // ID就是这一行对应的索引值
        @Override
        public long getItemId(int position) {
            return 0;
        }

        // 配置每行显示什么内容
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // 创建文本视图
            /*
            TextView tv = new TextView(getApplicationContext());
            // 文本内容
            tv.setText("row"+position);
            tv.layout(0,0,300,100);
            */

            // 将一个layout.xml文件转化为对应的视图
            View v = View.inflate(getApplicationContext(),R.layout.layou_qq_friend,null);

            return v;
        }
    }
    // 准备数据源
    public void initData(){

        // 创建一个好友
        FriendModel model = new FriendModel(R.drawable.ic_launcher_foreground,"jack");

        // 添加好友到数组
        friends.add(model);
    }
}

FriendModel.java

package com.example.a18_listview;

import android.graphics.Bitmap;

/**
 * ImageView:用于显示图片的控件
 * Bitmap:具体的某一张图片数据
 * R.drawable.bg:只是某张图片对应的id
 * OOM -> id -> bitmap
 */
public class FriendModel {
    public int icon;
    public String name;

    public FriendModel(int icon, String name){
        this.icon = icon;
        this.name = name;
    }
}

SecindActivity.java

package com.example.a18_listview;

import android.os.Bundle;

import com.google.android.material.floatingactionbutton.FloatingActionButton;
import com.google.android.material.snackbar.Snackbar;

import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;

import android.view.MotionEvent;
import android.view.View;

public class SecondActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_second);
        Toolbar toolbar = findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        FloatingActionButton fab = findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        finish();// 关闭当前界面
        return true;
    }
}

content_second.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"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context=".SecondActivity"
    tools:showIn="@layout/activity_second"/>

layout_qq_friend.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <View
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:background="@color/colorAccent"
        android:tag="vTag"/>

</LinearLayout>

首先我们要先创建一个项目，打开Android studio点击File—New—New Project创建一个名为ListViewTest的项目。接着找到res—layout文件夹下的activity_main.xml，打开它并且在里面添加ListView控件如下：

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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-->
    <ListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
</RelativeLayout>