Android--ListView详解(一)
2019-11-23 本文已影响0人
iwen大大怪
【目的】
记录一下学习历程，方便以后温故而知新。
【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>
