• 7、android高级控件（2）（列表类视图）

    1、基本适配器BaseAdapter

    Android提供了一种适应性更强的基本适配器BaseAdapter，它允许开发者在别的代码文件中进行逻辑处理。 从BaseAdapter派生的数据适配器主要实现下面5个方法。

    构造函数：指定适配器需要处理的数据集合。

    getCount：获取数据项的个数。

    getItem：获取列表项的数据。

    getItemId：获取列表项的编号。

    getView：获取每项的展示视图，并操纵每项的内部控件。

    基本适配器的实现步骤：

    （1）编写列表项的布局文件item_list.xml。

    （2）写个新的适配器继承BaseAdapter，实现对列表项的管理操作。需要编写适配器的三个方法：

    1）创建构造方法，传入列表项需要的数据列表。

    1）重写getCount方法，返回列表项的个数。

    2）重写getView方法，根据item_list.xml里面的布局，返回指定位置的列表项的视图内容。（3）在页面代码中创建该适配器实例，并交给下拉框设置适配器。

    1. package com.example.chapter05.Bean;
    2.  
    3.  
    4.  
    5. import com.example.chapter05.R;
    6.  
    7. import java.util.ArrayList;
    8. import java.util.List;
    9.  
    10. public class Planet {
    11.     public int image; // 行星图标
    12.     public String name; // 行星名称
    13.     public String desc; // 行星描述
    14.  
    15.     public Planet(int image, String name, String desc) {
    16.         this.image = image;
    17.         this.name = name;
    18.         this.desc = desc;
    19.     }
    20.  
    21.     private static int[] iconArray = {R.drawable.shuixing, R.drawable.jinxing, R.drawable.diqiu,
    22.             R.drawable.huoxing, R.drawable.muxing, R.drawable.tuxing};
    23.     private static String[] nameArray = {"水星", "金星", "地球", "火星", "木星", "土星"};
    24.     private static String[] descArray = {
    25.             "水星是太阳系八大行星最内侧也是最小的一颗行星，也是离太阳最近的行星",
    26.             "金星是太阳系八大行星之一，排行第二，距离太阳0.725天文单位",
    27.             "地球是太阳系八大行星之一，排行第三，也是太阳系中直径、质量和密度最大的类地行星，距离太阳1.5亿公里",
    28.             "火星是太阳系八大行星之一，排行第四，属于类地行星，直径约为地球的53%",
    29.             "木星是太阳系八大行星中体积最大、自转最快的行星，排行第五。它的质量为太阳的千分之一，但为太阳系中其它七大行星质量总和的2.5倍",
    30.             "土星为太阳系八大行星之一，排行第六，体积仅次于木星"
    31.     };
    32.  
    33.     public static List getDefaultList() {
    34.         List planetList = new ArrayList();
    35.         for (int i = 0; i < iconArray.length; i++) {
    36.             planetList.add(new Planet(iconArray[i], nameArray[i], descArray[i]));
    37.         }
    38.         return planetList;
    39.     }
    40. }
    1. package com.example.chapter05;
    2.  
    3. import android.os.Bundle;
    4. import android.view.View;
    5. import android.widget.AdapterView;
    6. import android.widget.AdapterView.OnItemSelectedListener;
    7. import android.widget.Spinner;
    8. import android.widget.Toast;
    9.  
    10. import androidx.appcompat.app.AppCompatActivity;
    11.  
    12.  
    13. import com.example.chapter05.Adapt.PlanetBaseAdapter;
    14. import com.example.chapter05.Bean.Planet;
    15.  
    16. import java.util.List;
    17.  
    18. public class BaseAdapterActivity extends AppCompatActivity {
    19.     private List planetList; // 声明一个行星列表
    20.  
    21.     @Override
    22.     protected void onCreate(Bundle savedInstanceState) {
    23.         super.onCreate(savedInstanceState);
    24.         setContentView(R.layout.activity_base_adapter);
    25.         initPlanetSpinner(); // 初始化行星列表的下拉框
    26.     }
    27.  
    28.     // 初始化行星列表的下拉框
    29.     private void initPlanetSpinner() {
    30.         // 获取默认的行星列表，即水星、金星、地球、火星、木星、土星
    31.         planetList = Planet.getDefaultList();
    32.         // 构建一个行星列表的适配器
    33.         PlanetBaseAdapter adapter = new PlanetBaseAdapter(this, planetList);
    34.         // 从布局文件中获取名叫sp_planet的下拉框
    35.         Spinner sp_planet = findViewById(R.id.sp_planet);
    36.         sp_planet.setPrompt("请选择行星"); // 设置下拉框的标题
    37.         sp_planet.setAdapter(adapter); // 设置下拉框的列表适配器
    38.         sp_planet.setSelection(0); // 设置下拉框默认显示第一项
    39.         // 给下拉框设置选择监听器，一旦用户选中某一项，就触发监听器的onItemSelected方法
    40.         sp_planet.setOnItemSelectedListener(new MySelectedListener());
    41.     }
    42.  
    43.     // 定义一个选择监听器，它实现了接口OnItemSelectedListener
    44.     private class MySelectedListener implements OnItemSelectedListener {
    45.         // 选择事件的处理方法，其中arg2代表选择项的序号
    46.         public void onItemSelected(AdapterView arg0, View arg1, int arg2, long arg3) {
    47.             Toast.makeText(BaseAdapterActivity.this, "您选择的是" + planetList.get(arg2).name, Toast.LENGTH_LONG).show();
    48.         }
    49.  
    50.         // 未选择时的处理方法，通常无需关注
    51.         public void onNothingSelected(AdapterView arg0) {}
    52.     }
    53.  
    54. }
    1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    2.     android:layout_width="match_parent"
    3.     android:layout_height="wrap_content"
    4.     android:orientation="horizontal">
    5.  
    6.     
    7.     <ImageView
    8.         android:id="@+id/iv_icon"
    9.         android:layout_width="0dp"
    10.         android:layout_height="80dp"
    11.         android:layout_weight="1"
    12.         android:scaleType="fitCenter" />
    13.  
    14.     <LinearLayout
    15.         android:layout_width="0dp"
    16.         android:layout_height="match_parent"
    17.         android:layout_weight="3"
    18.         android:layout_marginLeft="5dp"
    19.         android:orientation="vertical">
    20.  
    21.         
    22.         <TextView
    23.             android:id="@+id/tv_name"
    24.             android:layout_width="match_parent"
    25.             android:layout_height="0dp"
    26.             android:layout_weight="1"
    27.             android:gravity="left|center"
    28.             android:textColor="@color/black"
    29.             android:textSize="20sp" />
    30.  
    31.         
    32.         <TextView
    33.             android:id="@+id/tv_desc"
    34.             android:layout_width="match_parent"
    35.             android:layout_height="0dp"
    36.             android:layout_weight="2"
    37.             android:gravity="left|center"
    38.             android:textColor="@color/black"
    39.             android:textSize="13sp" />
    40.     LinearLayout>
    41. LinearLayout>

    QQ录屏20221105164251

    2、列表视图ListView

    列表视图允许在页面上分行展示相似的数据列表，例如新闻列表、商品列表、书籍列表等，方便用户浏览与操作。 ListView与Spinner在编码上的异同点：

    （1）相同点：二者都调用setAdapter方法设置列表项的数据适配器，都可以使用基本适配器。 （2）不同点：Spinner通过setOnItemSelectedListener方法设置列表项的选中监听器；而ListView通过setOnItemClickListener设置列表项的点击监听器，通过setOnItemLongClickListener方法设置列表项的长按监听器。

    1. package com.example.chapter05;
    2.  
    3. import androidx.appcompat.app.AppCompatActivity;
    4.  
    5. import android.annotation.SuppressLint;
    6. import android.graphics.Color;
    7. import android.graphics.drawable.Drawable;
    8. import android.os.Bundle;
    9. import android.view.View;
    10. import android.widget.AdapterView;
    11. import android.widget.CheckBox;
    12. import android.widget.CompoundButton;
    13. import android.widget.ListView;
    14. import android.widget.Toast;
    15.  
    16. import com.example.chapter05.Adapt.PlanetBaseAdapter;
    17. import com.example.chapter05.Bean.Planet;
    18. import com.example.chapter05.util.Utils;
    19.  
    20. import java.util.List;
    21.  
    22. public class ListViewActivity extends AppCompatActivity implements AdapterView.OnItemSelectedListener, CompoundButton.OnCheckedChangeListener {
    23.  
    24.     private final static String TAG = "ListViewActivity";
    25.     private CheckBox ck_divider;
    26.     private CheckBox ck_selector;
    27.     private ListView lv_planet; // 声明一个列表视图对象
    28.     List planetList = Planet.getDefaultList();
    29.  
    30.     @Override
    31.     protected void onCreate(Bundle savedInstanceState) {
    32.         super.onCreate(savedInstanceState);
    33.  
    34.         setContentView(R.layout.activity_list_view);
    35.         lv_planet=findViewById(R.id.lv_planet);
    36.         ck_divider=findViewById(R.id.ck_divider);
    37.         ck_selector=findViewById(R.id.ck_selector);
    38.         ck_selector.setOnCheckedChangeListener(this);
    39.         ck_divider.setOnCheckedChangeListener(this);
    40.         List planetList=Planet.getDefaultList();
    41.         PlanetBaseAdapter adapter=new PlanetBaseAdapter(this,planetList);
    42.         lv_planet.setAdapter(adapter);
    43.         lv_planet.setOnItemSelectedListener(this);
    44.     }
    45.  
    46.     @Override
    47.     public void onItemSelected(AdapterView adapterView, View view, int i, long l) {
    48.  
    49.     }
    50.  
    51.     @Override
    52.     public void onNothingSelected(AdapterView adapterView) {
    53.  
    54.     }
    55.  
    56.     @Override
    57.     public void onCheckedChanged(CompoundButton compoundButton, boolean b) {
    58.         refleshListView();
    59.     }
    60.  
    61.     //刷新试图列表
    62.     @SuppressLint("ResourceType")
    63.     private void refleshListView(){
    64.         lv_planet.setCacheColorHint(Color.TRANSPARENT);//防止滚动时列表拉黑
    65.         if (ck_divider.isChecked()){//显示分割线
    66.             Drawable drawable=getResources().getDrawable(R.color.purple_200);
    67.             lv_planet.setDivider(drawable); // 设置列表视图的分隔线
    68.             lv_planet.setDividerHeight(Utils.dip2px(this, 5)); // 设置列表视图的分隔线高度
    69.         }
    70.         else {//不显示分割线
    71.             lv_planet.setDivider(null); // 设置列表视图的分隔线
    72.             lv_planet.setDividerHeight(0); // 设置列表视图的分隔线高度
    73.         }
    74.         if (ck_selector.isChecked()) { // 显示按压背景
    75.             lv_planet.setSelector(R.drawable.list_selector); // 设置列表项的按压状态图形
    76.         } else { // 不显示按压背景
    77.             //lv_planet.setSelector(null); // 直接设置null会报错，因为运行时报空指针异常
    78.             // 从资源文件获得图形对象
    79.             Drawable drawable = getResources().getDrawable(R.color.purple_200);
    80.             lv_planet.setSelector(drawable); // 设置列表项的按压状态图形
    81.         }
    82.     }
    83.  
    84. }
    1. "1.0" encoding="utf-8"?>
    2. <selector xmlns:android="http://schemas.android.com/apk/res/android">
    3.     <item android:state_pressed="true" android:drawable="@color/black"/>
    4.     <item android:drawable="@color/purple_700"/>
    5. selector>
    1. "1.0" encoding="utf-8"?>
    2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    3.     android:layout_width="match_parent"
    4.     android:layout_height="match_parent"
    5.     android:orientation="vertical"
    6.     android:background="@color/white">
    7.  
    8.     <LinearLayout
    9.         android:layout_width="match_parent"
    10.         android:layout_height="40dp">
    11.  
    12.         <CheckBox
    13.             android:id="@+id/ck_divider"
    14.             android:layout_width="0dp"
    15.             android:layout_height="match_parent"
    16.             android:layout_weight="1"
    17.             android:gravity="left|center"
    18.             android:text="显示分隔线"
    19.             android:textColor="@color/black"
    20.             android:textSize="17sp" />
    21.  
    22.         <CheckBox
    23.             android:id="@+id/ck_selector"
    24.             android:layout_width="0dp"
    25.             android:layout_height="match_parent"
    26.             android:layout_weight="1"
    27.             android:gravity="left|center"
    28.             android:text="显示按压背景"
    29.             android:textColor="@color/black"
    30.             android:textSize="17sp" />
    31.  
    32.     LinearLayout>
    33.  
    34.     <ListView
    35.         android:id="@+id/lv_planet"
    36.         android:layout_width="match_parent"
    37.         android:layout_height="wrap_content"
    38.         android:divider="@color/black"
    39.         android:dividerHeight="20dp"
    40.         android:background="@null"
    41.         android:listSelector="#880088"
    42.         />
    43.  
    44.  
    45. LinearLayout>

     3、网格视图GridView

     

     

    1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    2.     android:layout_width="match_parent"
    3.     android:layout_height="match_parent"
    4.     android:orientation="vertical"
    5.     android:padding="5dp">
    6.  
    7.     <LinearLayout
    8.         android:layout_width="match_parent"
    9.         android:layout_height="40dp">
    10.  
    11.         <TextView
    12.             android:layout_width="wrap_content"
    13.             android:layout_height="match_parent"
    14.             android:gravity="center"
    15.             android:text="拉伸模式："
    16.             android:textColor="@color/black"
    17.             android:textSize="17sp" />
    18.  
    19.         <Spinner
    20.             android:id="@+id/sp_stretch"
    21.             android:layout_width="0dp"
    22.             android:layout_height="match_parent"
    23.             android:layout_weight="1"
    24.             android:gravity="left|center"
    25.             android:spinnerMode="dialog" />
    26.     LinearLayout>
    27.  
    28.     <GridView
    29.         android:id="@+id/gv_planet"
    30.         android:layout_width="match_parent"
    31.         android:layout_height="wrap_content"
    32.         android:background="#00ffff"
    33.         android:horizontalSpacing="3dp"
    34.         android:verticalSpacing="3dp"
    35.         android:numColumns="2"
    36.         android:stretchMode="columnWidth" />
    37.  
    38. LinearLayout>
    1. package com.example.chapter05.Adapt;
    2.  
    3. import android.content.Context;
    4. import android.view.LayoutInflater;
    5. import android.view.View;
    6. import android.view.ViewGroup;
    7. import android.widget.Adapter;
    8. import android.widget.AdapterView;
    9. import android.widget.BaseAdapter;
    10. import android.widget.ImageView;
    11. import android.widget.TextView;
    12. import android.widget.Toast;
    13.  
    14. import com.example.chapter05.Bean.Planet;
    15. import com.example.chapter05.R;
    16.  
    17. import java.util.List;
    18.  
    19. public class PlanetGridAdapter extends BaseAdapter implements AdapterView.OnItemClickListener, AdapterView.OnItemLongClickListener{
    20.  
    21.     private Context mContext;//上下文对象
    22.     private List mPlanetList;//声明行星信息列表
    23.  
    24.     public PlanetGridAdapter(Context mContext, List mPlanetList) {
    25.         this.mContext = mContext;
    26.         this.mPlanetList = mPlanetList;
    27.     }
    28.  
    29.     @Override
    30.     public int getCount() {
    31.         return mPlanetList.size();
    32.     }
    33.  
    34.     @Override
    35.     public Object getItem(int i) {
    36.         return mPlanetList.get(i);
    37.     }
    38.  
    39.     @Override
    40.     public long getItemId(int i) {
    41.         return i;
    42.     }
    43.  
    44.     @Override
    45.     public View getView(int i, View view, ViewGroup viewGroup) {
    46.         ViewHolder viewHolder;
    47.         if (view==null){
    48.             viewHolder=new ViewHolder();//构建一个视图持有者
    49.             //根据布局文件生成转换视图象
    50.             view= LayoutInflater.from(mContext).inflate(R.layout.item_grid,null);
    51.             viewHolder.iv_icon=view.findViewById(R.id.iv_icon);
    52.             viewHolder.tv_desc=view.findViewById(R.id.tv_desc);
    53.             viewHolder.tv_name=view.findViewById(R.id.tv_name);
    54.             view.setTag(viewHolder);
    55.         }
    56.         else {
    57.             viewHolder= (ViewHolder) view.getTag();
    58.         }
    59.         Planet planet=mPlanetList.get(i);
    60.         viewHolder.iv_icon.setImageResource(planet.image); // 显示行星的图片
    61.         viewHolder.tv_name.setText(planet.name); // 显示行星的名称
    62.         viewHolder.tv_desc.setText(planet.desc); // 显示行星的描述
    63.         return view;
    64.     }
    65.  
    66.  
    67.  
    68.     //定义一个视图持有者
    69.     public final class ViewHolder {
    70.         public ImageView iv_icon; // 声明行星图片的图像视图对象
    71.         public TextView tv_name; // 声明行星名称的文本视图对象
    72.         public TextView tv_desc; // 声明行星描述的文本视图对象
    73.     }
    74.  
    75.     @Override
    76.     public void onItemClick(AdapterView adapterView, View view, int i, long l) {
    77.         String desc = String.format("您点击了第%d个行星，它的名字是%s", i + 1,
    78.                 mPlanetList.get(i).name);
    79.         Toast.makeText(mContext, desc, Toast.LENGTH_LONG).show();
    80.     }
    81.  
    82.     @Override
    83.     public boolean onItemLongClick(AdapterView adapterView, View view, int i, long l) {
    84.         String desc = String.format("您长按了第%d个行星，它的名字是%s", i + 1,
    85.                 mPlanetList.get(i).name);
    86.         Toast.makeText(mContext, desc, Toast.LENGTH_LONG).show();
    87.         return true;
    88.     }
    89. }
    1. package com.example.chapter05;
    2.  
    3. import android.graphics.Color;
    4. import android.os.Bundle;
    5. import android.view.View;
    6. import android.widget.AdapterView;
    7. import android.widget.ArrayAdapter;
    8. import android.widget.GridView;
    9. import android.widget.Spinner;
    10.  
    11. import androidx.annotation.Nullable;
    12. import androidx.appcompat.app.AppCompatActivity;
    13.  
    14. import com.example.chapter05.Adapt.PlanetGridAdapter;
    15. import com.example.chapter05.Bean.Planet;
    16. import com.example.chapter05.util.Utils;
    17.  
    18. import java.util.List;
    19.  
    20. public class GridViewActivity extends AppCompatActivity {
    21.     private GridView gv_planet; // 声明一个网格视图对象
    22.     private Object DivideSelectListener;
    23.  
    24.     @Override
    25.     protected void onCreate(@Nullable Bundle savedInstanceState) {
    26.         super.onCreate(savedInstanceState);
    27.         setContentView(R.layout.activity_grid_view);
    28.         List planetList=Planet.getDefaultList();
    29.         //构建一个行星列表的网格适配器
    30.         PlanetGridAdapter planetGridAdapter=new PlanetGridAdapter(this,planetList);
    31.         //从布局视图中获取名叫gv_planet的网格视图
    32.         gv_planet=findViewById(R.id.gv_planet);
    33.         gv_planet.setAdapter(planetGridAdapter);//设置网格视图的适配器
    34.         gv_planet.setOnItemClickListener(planetGridAdapter);
    35.         gv_planet.setOnItemLongClickListener(planetGridAdapter);
    36.         gv_planet.setOnItemClickListener(planetGridAdapter);
    37.         initDividerSpinner();
    38.     }
    39.  
    40.     private String[] dividerArray = {
    41.             "不显示分隔线",
    42.             "不拉伸(NO_STRETCH)",
    43.             "拉伸列宽(COLUMN_WIDTH)",
    44.             "列间空隙(STRETCH_SPACING)",
    45.             "左右空隙(SPACING_UNIFORM)",
    46.             "使用padding显示全部分隔线"};
    47.  
    48.         //初始化拉伸模式的下拉框
    49.         private void initDividerSpinner(){
    50.             ArrayAdapter divideAdapter=new ArrayAdapter(this,R.layout.item_select,dividerArray);
    51.             Spinner sp_stretch=findViewById(R.id.sp_stretch);
    52.             sp_stretch.setPrompt("设置拉伸模式");//设置下拉框标婷
    53.             sp_stretch.setSelection(0);
    54.             sp_stretch.setAdapter(divideAdapter);
    55.             sp_stretch.setOnItemSelectedListener(new DivideSelectListener());
    56.         }
    57.  
    58.         class  DivideSelectListener implements AdapterView.OnItemSelectedListener{
    59.  
    60.             @Override
    61.             public void onItemSelected(AdapterView adapterView, View view, int arg2, long l) {
    62.                 int dividerPad = Utils.dip2px(GridViewActivity.this, 2); // 定义间隔宽度为2dp
    63.                 gv_planet.setBackgroundColor(Color.CYAN);  // 设置背景颜色
    64.                 gv_planet.setHorizontalSpacing(dividerPad);  // 设置列表项在水平方向的间距
    65.                 gv_planet.setVerticalSpacing(dividerPad);  // 设置列表项在垂直方向的间距
    66.                 gv_planet.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);//是自己拉伸模式
    67.                 gv_planet.setColumnWidth(Utils.dip2px(GridViewActivity.this, 120));//设置每列宽度120dp
    68.                 gv_planet.setPadding(1,1,1,1);//设置网格视图的四周边距
    69.                 if (arg2 == 0) {  // 不显示分隔线
    70.                     gv_planet.setBackgroundColor(Color.WHITE);
    71.                     gv_planet.setHorizontalSpacing(0);
    72.                     gv_planet.setVerticalSpacing(0);
    73.                 } else if (arg2 == 1) {  // 不拉伸(NO_STRETCH)
    74.                     gv_planet.setStretchMode(GridView.NO_STRETCH);
    75.                 } else if (arg2 == 2) {  // 拉伸列宽(COLUMN_WIDTH)
    76.                     gv_planet.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);
    77.                 } else if (arg2 == 3) {  // 列间空隙(STRETCH_SPACING)
    78.                     gv_planet.setStretchMode(GridView.STRETCH_SPACING);
    79.                 } else if (arg2 == 4) {  // 左右空隙(SPACING_UNIFORM)
    80.                     gv_planet.setStretchMode(GridView.STRETCH_SPACING_UNIFORM);
    81.                 } else if (arg2 == 5) {  // 使用padding显示全部分隔线
    82.                     gv_planet.setPadding(dividerPad, dividerPad, dividerPad, dividerPad);
    83.                 }
    84.             }
    85.  
    86.             @Override
    87.             public void onNothingSelected(AdapterView adapterView) {
    88.  
    89.             }
    90.         }
    91. }

     

     

     

     

     

     

  • 相关阅读:
    【matplotlib基础】--绘图配置
    【RocketMQ】发送事务消息
    SQL基础
    deepstream6.2部署yolov5详细教程与代码解读
    [附源码]计算机毕业设计JAVA小区物业管理系统论文
    蓝盆花：神秘而迷人的自然之美
    Vis.js教程（一）：基础教程
    Netty源码编译
    【四】redis持久化（RDB与AOF）
    Python函数：chr()和ord()
  • 原文地址：https://blog.csdn.net/weixin_62190821/article/details/127463094