ListView

ListView：垂直列表显示内容

1. ListView的作用
   ListView只有一项工作，那就是展示数据。它并不关系数据从哪而来，数据到底是什么类型等等，它只负责展示数据。但是，它要是没数据的话也谈不上展示了。所以它有一个好基友，那就是Adapter。ListView需要访问什么数据，都是吩咐Adapter帮忙去访问数据的。两朋友形成了一种良好的工作模式，Adapter只负责提供数据，ListView只负责展示数据。所以要了解ListView那颗浪荡不羁的心，我们也需要了解Adapter，这样才能更好地把控ListView的洪荒之力。
2. Adapter的作用
   Adapter做的工作，就是帮ListView去适配数据源的，这样ListView就不用烦恼数据的问题了，它就可以专心做好展示的工作。Adapter本身是一个接口，所以它能实现各种各样的子类，子类就通过自己特定的逻辑去完成特定的功能，去适配特定的数据。例如，ArrayAdapter可以用于数组和List类型的数据源适配等等。
   同时，我们继承Adapter的时候，有一个灰常重要的方法需要我们重写，那就是public View getView()方法。
3. 使用

1.创建ListView：.xml .代码

2.初始化数据

super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView=findViewById(R.id.lv);

        //初始化数据
        initDate();

        //设置行与行之间的间距
        listView.setDividerHeight(20);
}
 //准备数据源
    public void initDate(){
        friendModels=new ArrayList<>();
        //创建一个好友

        FriendModel model=new FriendModel(R.drawable.ic_launcher_foreground,"jack");
        //添加到数组
        friendModels.add(model);
    }
}

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

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

3.配置数据：创建一个类继承BaseAdapter

//定义数据适配器
    public class MyAdapter extends BaseAdapter{

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

        //获取数据源（数组：所有的数据，如所有的好友的信息）里面position行对应的数据
        @Override
        public Object getItem(int position) {
            return null;
        }

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

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

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

            return view;
        }
    }

4.设置ListView的适配器（数据)

//设置适配器
        listView.setAdapter(new MyAdapter());

5.创建layout布局每一行放入具体样式
使用View.Inflate 解析layout布局文件->View

6.响应用户的点击事件setOnItemClickListener - onItemClick

//设置监听器监听用户的行为
        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.BLACK);
                //切换到下一个界面
                //调用系统的或者某个应用的方式：隐式意图
                //Intent intent=new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
                //显示意图：直接指明跳转到那个界面
                Intent intent=new Intent(getApplicationContext(),SencondActivity.class);
                //开始切换
                startActivity(intent);

//新建跳转的界面
public class SencondActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_sencond);
        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;
    }
}

注意：每行显示的内容通常是用layout.xml配置文件

4. 效果展示

   
   
   首界面
   
   
   点击后跳转界面
   
   
   再次点击返回，背景颜色变黑