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>
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,602评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,442评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,878评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,306评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,330评论 5 373
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,071评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,382评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,006评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,512评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,965评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,094评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,732评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,283评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,286评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,512评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,536评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,828评论 2 345

推荐阅读更多精彩内容