当前位置:   article > 正文

Android Studio系列之ListView_android studio listview

android studio listview

一、ListView的作用

        在安卓开发中,ListView可以理解为一个列表视图。例如淘宝、京东的搜索结果。下图中,每个商品的模块结构都一样,通过下滑操作会不断刷新出新的商品,这就是典型的ListView or RicycleView的结构。

二、ListView的写法

        很多博客博主都太厉害,对于ListView的讲解对于新手来说太不友好。这篇博客是我作为一个小白完完全全的笔记已经自我理解后整理的参悟,希望对小白选手有更大的借鉴意义。

主要分为三步走:①创建ListView ②创建item布局+自定义 ③将item映射到ListView内

        (一)创建ListView布局文件

                在当前页面的xml文件中添加ListView布局

  1. <!--activity_main.xml文件中的ListView定义-->
  2. <?xml version="1.0" encoding="utf-8"?>
  3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  4. android:layout_width="match_parent"
  5. android:layout_height="match_parent"
  6. android:orientation="vertical">
  7. <ListView
  8. android:id = "@+id/myListView"
  9. android:layout_width="match_parent"
  10. android:layout_height="match_parent" />
  11. </LinearLayout>

        从第一张图片的右侧可以看出,ListView的默认状态,显然,我们还需要定义ListView内部的每一个item(项),sub item为子项本篇博客不涉及该内容。

         对于每一个item显然同样是个布局,我们需要重新定义item的布局并映射到LIstView中。

        (二)定义ListView内item的结构

                重新创建一个item.xml布局文件,用来定义每一个item的模板

  1. <!--item布局文件-->
  2. <?xml version="1.0" encoding="utf-8"?>
  3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  4. android:layout_width="match_parent"
  5. android:layout_height="match_parent"
  6. android:orientation="vertical">
  7. <TextView
  8. android:id="@+id/item_TextView"
  9. android:layout_width="wrap_content"
  10. android:layout_height="wrap_content" />
  11. <Button
  12. android:id="@+id/item_Button"
  13. android:layout_width="wrap_content"
  14. android:layout_height="wrap_content" />
  15. </LinearLayout>

                对于item的结构定义完毕,显然ListView中每一个item内容都不一样,我们不可能给每一个item都定义一个xml文件,由此,我们需要对item的内容进行自定义和复用。

        (三)定义每一个item具体的内容

                如淘宝所示,每一个item结构虽然相同,但是内容却大不一样,我们无法给每一个item都定义一个xml布局文件吧?这里我们选择新创建一个类作为给具体的不同item“赋值”的方式。

  1. package com.example.learnproject;
  2. public class Bean {
  3. String item_name;
  4. String button_name;
  5. //alt + insert, getter and setter
  6. public String getButton_name() {
  7. return button_name;
  8. }
  9. public void setButton_name(String button_name) {
  10. this.button_name = button_name;
  11. }
  12. public String getItem_name() {
  13. return item_name;
  14. }
  15. public void setItem_name(String item_name) {
  16. this.item_name = item_name;
  17. }
  18. }

                对于Bean这个类,实际上是对item定义的结构的一个类似映射一样的东西。我们需要对item这个结构做出多样化的定义,我们需要通过定义Bean类然后映射到具体的item上。通过对Bean的操作来达到对不同item的操作,而不需要给每一个item都做一个xml布局。

                到此我们还需要在主函数中定义Bean的列表,即初始化Bean。

        (四)初始化Bean

                这实际上是(三)的延续,初始化bean同样也是给具体的item赋值的内容,不过是在主函数中赋值,稍微有些不一样

  1. package com.example.learnproject;
  2. import androidx.appcompat.app.AppCompatActivity;
  3. import android.os.Bundle;
  4. import android.widget.ListView;
  5. import java.util.ArrayList;
  6. import java.util.List;
  7. public class MainActivity extends AppCompatActivity {
  8. //定义items列表
  9. private List<Bean> items = new ArrayList<>();
  10. @Override
  11. protected void onCreate(Bundle savedInstanceState) {
  12. super.onCreate(savedInstanceState);
  13. setContentView(R.layout.activity_main);
  14. //自定义items
  15. for(int i=0;i<=100;i++){
  16. Bean item = new Bean();
  17. item.setButton_name("Button "+i);
  18. item.setItem_name("Text "+i);
  19. items.add(item);
  20. }
  21. //下列两行会在(五)中解释
  22. ListView listview = findViewById(R.id.myListView);
  23. listview.setAdapter(new myAdapter(items,this));
  24. }
  25. }

        本例中,我们初始化了100个item对象,并给每个item对象进行了“个性化的定制”。      

        到此为止我们将所有需要的item都进行的自定义的初始化,我们只需要最后一个步骤,将定义完成的items列表映射到ListView的视图内。

        (五)item映射回ListView上

        ListView通过setAdapter函数来进行映射,setAdapter函数的输入为一个Adapter类。可能很多小伙伴看到这觉得一脸懵逼,莫名其妙多一个类,感觉功能很重复,一个ListView逼事真多。不用担心,小博主有一点微不足道的自己的理解,希望可以帮助到各位初学者。

  1. package com.example.learnproject;
  2. import android.content.Context;
  3. import android.util.Log;
  4. import android.view.LayoutInflater;
  5. import android.view.View;
  6. import android.view.ViewGroup;
  7. import android.view.ViewParent;
  8. import android.widget.BaseAdapter;
  9. import android.widget.Button;
  10. import android.widget.TextView;
  11. import java.util.List;
  12. public class myAdapter extends BaseAdapter {
  13. private List<Bean> items;
  14. private Context context;
  15. public myAdapter(List<Bean> items, Context context) {
  16. this.items = items;
  17. this.context = context;
  18. }
  19. @Override
  20. public int getCount() {
  21. return items.size();
  22. }
  23. @Override
  24. public Object getItem(int i) {
  25. return null;
  26. }
  27. @Override
  28. public long getItemId(int i) {
  29. return i;
  30. }
  31. //映射到哪一个视图
  32. @Override
  33. public View getView(int i, View view, ViewGroup viewGroup) {
  34. //如果view为空,则初始化
  35. if(view == null){
  36. view = LayoutInflater.from(context).inflate(R.layout.item,viewGroup,false);
  37. }
  38. TextView textView = view.findViewById(R.id.item_TextView);
  39. Button button = view.findViewById(R.id.item_Button);
  40. textView.setText(items.get(i).getItem_name());
  41. button.setText(items.get(i).getButton_name());
  42. Log.e("items","item序列号:"+i);
  43. return view;
  44. }
  45. }

         实际上,对于item的定义,上面(三)和(四)都只是设想,将需要赋值的内容形成列表。实际上Bean内的函数和变量和布局文件中的item.xml文件并没有任何联系,真正对item进行赋值是在adapter这个类当中。

        在本例中,我们定义了items列表内涵100个item(Bean类型)。通过下列的函数来对listview进行赋值。

listview.setAdapter(new myAdapter(items,this));

        该函数可以简单理解为:首先获取items的长度n,然后通过一个循环调用myAdapter类中getView函数,其中 i 为循环的下标,也是items列表的下标。

        (六)运行

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/704562
推荐阅读
相关标签
  

闽ICP备14008679号