devbox
我家自动化
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Android -- 下拉列表、列表视图、网格视图_android 下拉列表

作者：我家自动化 | 2024-02-19 00:18:27

赞

踩

android 下拉列表

下拉框 -- 文本

  • Spinner 用于从一串列表中选择某项，功能类似于单选按钮的组合

下拉列表的展示 方式有两种，一种是在当前下拉框的正下方弹出列表框，此时要把spinnerMode属性设置为 dropdown，另一种是在页面中部弹出列表对话框，此时要把spinnerMode属性设置为dialog。

运行效果

dropdown 下拉模式                                                     dialog 对话框模式

                        ​​​​​​​        

布局文件

dialog 模式

  1. <?xml version="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.  
  7.     <TextView
  8.         android:layout_width="match_parent"
  9.         android:layout_height="wrap_content"
  10.         android:text="下拉列表框"
  11.         android:textSize="20sp"/>
  12.  
  13.     <Spinner
  14.         android:id="@+id/sp_dialog"
  15.         android:layout_width="match_parent"
  16.         android:layout_height="wrap_content"
  17.         android:spinnerMode="dialog"
  18.         />
  19.  
  20. </LinearLayout>

dropdown模式

  1. <?xml version="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.  
  7.     <TextView
  8.         android:layout_width="match_parent"
  9.         android:layout_height="wrap_content"
  10.         android:text="下拉列表框"
  11.         android:textSize="20sp"/>
  12.  
  13.     <Spinner
  14.         android:id="@+id/sp_dialog"
  15.         android:layout_width="match_parent"
  16.         android:layout_height="wrap_content"
  17.         android:spinnerMode="dropdown"
  18.         />
  19.  
  20. </LinearLayout>

数组适配器

        这个适配器好比一组数据的加 工流水线，你丢给它一大把糖果（六大行星的原始数据），适配器先按顺序排列糖果（对应行星数组 starArray），然后拿来制作好的包装盒（对应每个列表项的布局文件item_select.xml），把糖果往里面 一塞，出来的便是一个个精美的糖果盒（界面上排布整齐的列表框）。这个流水线可以做得很复杂，也 可以做得简单一些，最简单的流水线就是演示用到的数组适配器ArrayAdapter

java代码调用方法

  • setPrompt：设置标题文字。注意对话框模式才显示标题，下拉模式不显示标题。
  • setAdapter：设置列表项的数据适配器。
  • setSelection：设置当前选中哪项。注意该方法要在setAdapter方法后调用。
  • setOnItemSelectedListener：设置下拉列表的选择监听器，该监听器要实现接口 OnItemSelectedListener。
  1. package com.kcs.highcontrol;
  2.  
  3. import android.os.Bundle;
  4. import android.view.View;
  5. import android.widget.AdapterView;
  6. import android.widget.ArrayAdapter;
  7. import android.widget.Spinner;
  8.  
  9. import androidx.appcompat.app.AppCompatActivity;
  10.  
  11. import com.kcs.highcontrol.utils.ToastUtil;
  12.  
  13. public class SpinnerDialogActivity extends AppCompatActivity implements AdapterView.OnItemSelectedListener {
  14.  
  15.     //下拉列表文本数组
  16.     private final static String[] startArray = {"土星", "太阳", "地球", "金星", "火星", "木星"};
  17.  
  18.     private Spinner sp_dialog;
  19.  
  20.     @Override
  21.     protected void onCreate(Bundle savedInstanceState) {
  22.         super.onCreate(savedInstanceState);
  23.         setContentView(R.layout.activity_spinner_dialog);
  24.         sp_dialog = findViewById(R.id.sp_dialog);
  25.  
  26.         //声明一个下拉列表的数组适配器
  27.         ArrayAdapter<String> arrayAdapter = new ArrayAdapter<>(this, R.layout.item_select, startArray);
  28.         sp_dialog.setAdapter(arrayAdapter);
  29.  
  30.         //设置下拉列表标题
  31.         sp_dialog.setPrompt("请选择：");
  32.  
  33.         //设置默认显示下拉第一项
  34.         sp_dialog.setSelection(0);
  35.  
  36.         //给下拉框设置选择监听器
  37.         sp_dialog.setOnItemSelectedListener(this);
  38.     }
  39.  
  40.  
  41.     @Override
  42.     public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
  43.         ToastUtil.show(this, "你选择的是：" + startArray[position]);
  44.     }
  45.  
  46.     @Override
  47.     public void onNothingSelected(AdapterView<?> parent) {
  48.  
  49.     }
  50. }

样式

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <TextView xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="50dp"
  5.     android:gravity="center"
  6.     android:textColor="#0000ff"
  7.     android:textSize="20sp"
  8.     android:text="火星"
  9.     >
  10.  
  11. </TextView>

下拉列表 -- 简单适配器

使用到的图片

简单适配器

        SimpleAdapter的实现过程略微复杂，因为它的原料需要更多信息。例如，原料不但有糖果，还有贺 卡，这样就得把一大袋糖果和一大袋贺卡送进流水线，适配器每次拿一颗糖果和一张贺卡，把糖果与贺 卡按规定塞进包装盒。对于SimpleAdapter的构造方法来说，第2个参数Map容器放的是原料糖果与贺 卡，第3个参数放的是包装盒，第4个参数放的是糖果袋与贺卡袋的名称，第5个参数放的是包装盒里塞 糖果的位置与塞贺卡的位置。

运行效果

dialog模式：

布局文件

  1. <?xml version="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.  
  7.     <TextView
  8.         android:layout_width="match_parent"
  9.         android:layout_height="wrap_content"
  10.         android:text="简单的适配器"
  11.         android:textSize="20sp"/>
  12.  
  13.     <Spinner
  14.         android:id="@+id/sp_icon"
  15.         android:layout_width="match_parent"
  16.         android:layout_height="wrap_content"
  17.         android:spinnerMode="dialog"
  18.         />
  19.  
  20.  
  21. </LinearLayout>

样式文件

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:tools="http://schemas.android.com/tools"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="wrap_content"
  6.     android:orientation="horizontal">
  7.  
  8.     <ImageView
  9.         android:id="@+id/image_name"
  10.         android:layout_width="0dp"
  11.         android:layout_height="50dp"
  12.         android:layout_weight="1"
  13.         tools:src="@drawable/diqiu"
  14.         />
  15.     <TextView
  16.         android:id="@+id/tv_name"
  17.         android:layout_width="0dp"
  18.         android:layout_height="match_parent"
  19.         android:layout_weight="3"
  20.         android:gravity="center"
  21.         android:textColor="#ff0000"
  22.         android:text="地球"
  23.         android:textSize="20dp"
  24.         />
  25.  
  26. </LinearLayout>

工具类

  1. import android.content.Context;
  2. import android.widget.Toast;
  3.  
  4. public class ToastUtil {
  5.  
  6.     public static void show(Context ctx, String desc) {
  7.         Toast.makeText(ctx, desc, Toast.LENGTH_SHORT).show();
  8.     }
  9.  
  10. }

主程序

  1.  
  2. import android.os.Bundle;
  3. import android.view.View;
  4. import android.widget.AdapterView;
  5. import android.widget.SimpleAdapter;
  6. import android.widget.Spinner;
  7.  
  8. import androidx.appcompat.app.AppCompatActivity;
  9.  
  10. import com.kcs.highcontrol.utils.ToastUtil;
  11.  
  12. import java.util.ArrayList;
  13. import java.util.HashMap;
  14. import java.util.Map;
  15.  
  16. public class SpinnerIconActivity extends AppCompatActivity implements AdapterView.OnItemSelectedListener {
  17.  
  18.     // 定义下拉列表需要显示的行星图标数组
  19.     private static final int[] iconArray = {
  20.             R.drawable.shuixing, R.drawable.jinxing, R.drawable.diqiu,
  21.             R.drawable.huoxing, R.drawable.muxing, R.drawable.tuxing
  22.     };
  23.  
  24.     // 定义下拉列表需要显示的行星名称数组
  25.     private static final String[] starArray = {"水星", "金星", "地球", "火星", "木星", "土星"};
  26.  
  27.     @Override
  28.     protected void onCreate(Bundle savedInstanceState) {
  29.         super.onCreate(savedInstanceState);
  30.         setContentView(R.layout.activity_spinner_icon);
  31.         //声明一个映像对象的列表
  32.         ArrayList<Map<String, Object>> list = new ArrayList<>();
  33.  
  34.         for (int i = 0; i < iconArray.length; i++) {
  35.             HashMap<String, Object> item = new HashMap<>();
  36.             item.put("icon",iconArray[i]);
  37.             item.put("name",starArray[i]);
  38.             list.add(item);
  39.         }
  40.  
  41.  
  42.         //简单适配器,指定图片和文本两组数据
  43.         SimpleAdapter adapter = new SimpleAdapter(this, list,
  44.                 R.layout.icon_spinner,
  45.                 new String[]{"icon","name"},
  46.                 new int[]{R.id.image_name,R.id.tv_name}
  47.                 );
  48.  
  49.         Spinner sp_icon = findViewById(R.id.sp_icon);
  50.         sp_icon.setAdapter(adapter);
  51.         sp_icon.setSelection(0);
  52.         sp_icon.setOnItemSelectedListener(this);
  53.     }
  54.  
  55.     @Override
  56.     public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
  57.         ToastUtil.show(this, "你选择的是：" + starArray[position]);
  58.     }
  59.  
  60.     @Override
  61.     public void onNothingSelected(AdapterView<?> parent) {
  62.  
  63.     }
  64. }

列表视图 -- 基本适配器

        Android提供了一种适应性更强的基本适配器BaseAdapter，该适配器允许 开发者在别的代码文件中编写操作代码，大大提高了代码的可读性和可维护性

从BaseAdapter派生的数据适配器主要实现下面5种方法

  1. 构造方法：指定适配器需要处理的数据集合。
  2. getCount：获取列表项的个数。
  3. getItem：获取列表项的数据。
  4. getItemId：获取列表项的编号。
  5. getView：获取每项的展示视图，并对每项的内部控件进行业务处理

运行的效果

dialog模式

布局文件

activity-base_adapter.xml

  1. <?xml version="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.  
  7.     <TextView
  8.         android:layout_width="match_parent"
  9.         android:layout_height="wrap_content"
  10.         android:text="基本适配器"
  11.         android:textSize="20sp"/>
  12.  
  13.     <Spinner
  14.         android:id="@+id/sp_planet"
  15.         android:layout_width="match_parent"
  16.         android:layout_height="wrap_content"
  17.         android:spinnerMode="dropdown"
  18.         />
  19.  
  20.  
  21. </LinearLayout>

样式文件

item_list.xml

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="wrap_content"
  5.     android:orientation="horizontal">
  6.  
  7.     <!-- 这是显示行星图片的图像视图 -->
  8.     <ImageView
  9.         android:id="@+id/iv_icon"
  10.         android:layout_width="0dp"
  11.         android:layout_height="80dp"
  12.         android:layout_weight="1"
  13.         android:scaleType="fitCenter"
  14.         tools:src="@drawable/diqiu" />
  15.  
  16.     <LinearLayout
  17.         android:layout_width="0dp"
  18.         android:layout_height="match_parent"
  19.         android:layout_marginLeft="5dp"
  20.         android:layout_weight="3"
  21.         android:orientation="vertical">
  22.  
  23.         <!-- 这是显示行星名称的文本视图 -->
  24.         <TextView
  25.             android:id="@+id/tv_name"
  26.             android:layout_width="match_parent"
  27.             android:layout_height="0dp"
  28.             android:layout_weight="1"
  29.             android:gravity="start|center"
  30.             android:textColor="@color/black"
  31.             android:textSize="20sp"
  32.             tools:text="地球" />
  33.  
  34.         <!-- 这是显示行星描述的文本视图 -->
  35.         <TextView
  36.             android:id="@+id/tv_desc"
  37.             android:layout_width="match_parent"
  38.             android:layout_height="0dp"
  39.             android:layout_weight="2"
  40.             android:gravity="start|center"
  41.             android:textColor="@color/black"
  42.             android:textSize="13sp"
  43.             tools:text="地球是太阳系八大行星之一，排行第三，也是太阳系中直径、质量和密度最大的类地行星，距离太阳1.5亿公里" />
  44.     </LinearLayout>
  45. </LinearLayout>

实体类

Planet.java

  1. package com.kcs.highcontrol.pojo;
  2.  
  3.  
  4. import com.kcs.highcontrol.R;
  5.  
  6. import java.util.ArrayList;
  7. import java.util.List;
  8.  
  9. public class Planet {
  10.     /**
  11.      * 行星图标
  12.      */
  13.     public int image;
  14.     /**
  15.      * 行星名称
  16.      */
  17.     public String name;
  18.     /**
  19.      * 行星描述
  20.      */
  21.     public String desc;
  22.  
  23.     public Planet(int image, String name, String desc) {
  24.         this.image = image;
  25.         this.name = name;
  26.         this.desc = desc;
  27.     }
  28.  
  29.     private static int[] iconArray = {R.drawable.shuixing, R.drawable.jinxing, R.drawable.diqiu,
  30.             R.drawable.huoxing, R.drawable.muxing, R.drawable.tuxing};
  31.     private static String[] nameArray = {"水星", "金星", "地球", "火星", "木星", "土星"};
  32.     private static String[] descArray = {
  33.             "水星是太阳系八大行星最内侧也是最小的一颗行星，也是离太阳最近的行星",
  34.             "金星是太阳系八大行星之一，排行第二，距离太阳0.725天文单位",
  35.             "地球是太阳系八大行星之一，排行第三，也是太阳系中直径、质量和密度最大的类地行星，距离太阳1.5亿公里",
  36.             "火星是太阳系八大行星之一，排行第四，属于类地行星，直径约为地球的53%",
  37.             "木星是太阳系八大行星中体积最大、自转最快的行星，排行第五。它的质量为太阳的千分之一，但为太阳系中其它七大行星质量总和的2.5倍",
  38.             "土星为太阳系八大行星之一，排行第六，体积仅次于木星"
  39.     };
  40.  
  41.     public static List<Planet> getDefaultList() {
  42.         List<Planet> planetList = new ArrayList<Planet>();
  43.         for (int i = 0; i < iconArray.length; i++) {
  44.             planetList.add(new Planet(iconArray[i], nameArray[i], descArray[i]));
  45.         }
  46.         return planetList;
  47.     }
  48. }

主程序

BaseAdapterActivity.java

  1. package com.kcs.highcontrol;
  2.  
  3. import android.os.Bundle;
  4. import android.view.View;
  5. import android.widget.AdapterView;
  6. import android.widget.Spinner;
  7.  
  8. import androidx.appcompat.app.AppCompatActivity;
  9.  
  10. import com.kcs.highcontrol.adapter.PlanetBaseAdapter;
  11. import com.kcs.highcontrol.pojo.Planet;
  12. import com.kcs.highcontrol.utils.ToastUtil;
  13.  
  14. import java.util.List;
  15.  
  16. public class BaseAdapterActivity extends AppCompatActivity implements AdapterView.OnItemSelectedListener {
  17.  
  18.     private List<Planet> planetList;
  19.  
  20.     @Override
  21.     protected void onCreate(Bundle savedInstanceState) {
  22.         super.onCreate(savedInstanceState);
  23.         setContentView(R.layout.activity_base_adapter);
  24.  
  25.         Spinner sp_planet = findViewById(R.id.sp_planet);
  26.         // 获取默认的行星列表，即水星、金星、地球、火星、木星、土星
  27.         planetList = Planet.getDefaultList();
  28.         // 构建一个行星列表的适配器
  29.         PlanetBaseAdapter adapter = new PlanetBaseAdapter(this, planetList);
  30.         sp_planet.setAdapter(adapter);
  31.         sp_planet.setSelection(0);
  32.         sp_planet.setOnItemSelectedListener(this);
  33.     }
  34.  
  35.     @Override
  36.     public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
  37.         ToastUtil.show(this, "您选择的是" + planetList.get(position).name);
  38.     }
  39.  
  40.     @Override
  41.     public void onNothingSelected(AdapterView<?> parent) {
  42.  
  43.     }
  44. }

基本适配器

PlanetBaseAdapter.java

  1. package com.kcs.highcontrol.adapter;
  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.BaseAdapter;
  8. import android.widget.ImageView;
  9. import android.widget.TextView;
  10.  
  11. import com.kcs.highcontrol.R;
  12. import com.kcs.highcontrol.pojo.Planet;
  13.  
  14. import java.util.List;
  15.  
  16. /**
  17.  * @author Kcs
  18.  */
  19. public class PlanetBaseAdapter extends BaseAdapter {
  20.  
  21.     private Context mContext;
  22.     private List<Planet> mPlanetList;
  23.  
  24.     public PlanetBaseAdapter(Context context, List<Planet> mPlanetList) {
  25.         this.mContext = context;
  26.         this.mPlanetList = mPlanetList;
  27.     }
  28.  
  29.  
  30.     /**
  31.      * 列表项目的个数
  32.      * @return size
  33.      */
  34.     @Override
  35.     public int getCount() {
  36.         return mPlanetList.size();
  37.     }
  38.  
  39.  
  40.     @Override
  41.     public Object getItem(int position) {
  42.         return mPlanetList.get(position);
  43.     }
  44.  
  45.     /**
  46.      * 条目
  47.      * @param position
  48.      * @return
  49.      */
  50.     @Override
  51.     public long getItemId(int position) {
  52.         return position;
  53.     }
  54.  
  55.     @Override
  56.     public View getView(int position, View convertView, ViewGroup parent) {
  57.         ViewHolder holder;
  58.         if (convertView == null){
  59.             // 根据布局文件item_list.xml生成转换视图对象
  60.             convertView = LayoutInflater.from(mContext).inflate(R.layout.item_list, null);
  61.             holder = new ViewHolder();
  62.             holder.iv_icon = convertView.findViewById(R.id.iv_icon);
  63.             holder.tv_name = convertView.findViewById(R.id.tv_name);
  64.             holder.tv_desc = convertView.findViewById(R.id.tv_desc);
  65.             // 将视图持有者保存到转换视图当中
  66.             convertView.setTag(holder);
  67.         }else{
  68.             holder = (ViewHolder) convertView.getTag();
  69.         }
  70.  
  71.         // 给控制设置好数据
  72.         Planet planet = mPlanetList.get(position);
  73.         holder.iv_icon.setImageResource(planet.image);
  74.         holder.tv_name.setText(planet.name);
  75.         holder.tv_desc.setText(planet.desc);
  76.  
  77.         return convertView;
  78.     }
  79.  
  80.     public final class ViewHolder {
  81.         public ImageView iv_icon;
  82.         public TextView tv_name;
  83.         public TextView tv_desc;
  84.     }
  85. }

网格视图GridView

        网格视图GridView也是常见的列表类视图，它用于分行分列显示表格信息，比列表视图 更适合展示物品清单。除了沿用列表视图的3个方法setAdapter、setOnItemClickListener、 setOnItemLongClickListener，网格视图还新增了部分属性与方法，新属性与新方法

属性与方法

 拉伸模式

 拉伸模式效果

不显示分割线

拉伸模式为 NO_STRETCH 

拉伸列宽模式 COLUMN_WIDTH

拉伸模式为STRETCH_SPACING

拉伸模式为SPACING_UNIFORM

padding显示全部分隔线

 布局文件

  1. <?xml version="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.  
  7.     <GridView
  8.         android:id="@+id/gv_planet"
  9.         android:layout_width="match_parent"
  10.         android:layout_height="wrap_content"
  11.         android:background="#00ffff"
  12.         android:columnWidth="100dp"
  13.         android:horizontalSpacing="2dp"
  14.         android:numColumns="2"
  15.         android:verticalSpacing="2dp" />
  16.  
  17. </LinearLayout>

 样式布局文件

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="wrap_content"
  5.     android:background="@color/white"
  6.     android:orientation="vertical">
  7.  
  8.     <!-- 这是显示行星名称的文本视图 -->
  9.     <TextView
  10.         android:id="@+id/tv_name"
  11.         android:layout_width="match_parent"
  12.         android:layout_height="wrap_content"
  13.         android:gravity="center"
  14.         android:textColor="@color/black"
  15.         android:textSize="20sp"
  16.         tools:text="地球" />
  17.  
  18.     <!-- 这是显示行星图片的图像视图 -->
  19.     <ImageView
  20.         android:id="@+id/iv_icon"
  21.         android:layout_width="match_parent"
  22.         android:layout_height="100dp"
  23.         android:scaleType="fitCenter"
  24.         tools:src="@drawable/diqiu" />
  25.  
  26.     <!-- 这是显示行星描述的文本视图 -->
  27.     <TextView
  28.         android:id="@+id/tv_desc"
  29.         android:layout_width="match_parent"
  30.         android:layout_height="70dp"
  31.         android:gravity="start|top"
  32.         android:textColor="@color/black"
  33.         android:textSize="13sp"
  34.         tools:text="地球是太阳系八大行星之一，排行第三，也是太阳系中直径、质量和密度最大的类地行星，距离太阳1.5亿公里" />
  35. </LinearLayout>

 实体类

  1. package com.kcs.highcontrol.pojo;
  2.  
  3.  
  4. import com.kcs.highcontrol.R;
  5.  
  6. import java.util.ArrayList;
  7. import java.util.List;
  8.  
  9. public class Planet {
  10.     /**
  11.      * 行星图标
  12.      */
  13.     public int image;
  14.     /**
  15.      * 行星名称
  16.      */
  17.     public String name;
  18.     /**
  19.      * 行星描述
  20.      */
  21.     public String desc;
  22.  
  23.     public Planet(int image, String name, String desc) {
  24.         this.image = image;
  25.         this.name = name;
  26.         this.desc = desc;
  27.     }
  28.  
  29.     private static int[] iconArray = {R.drawable.shuixing, R.drawable.jinxing, R.drawable.diqiu,
  30.             R.drawable.huoxing, R.drawable.muxing, R.drawable.tuxing};
  31.     private static String[] nameArray = {"水星", "金星", "地球", "火星", "木星", "土星"};
  32.     private static String[] descArray = {
  33.             "水星是太阳系八大行星最内侧也是最小的一颗行星，也是离太阳最近的行星",
  34.             "金星是太阳系八大行星之一，排行第二，距离太阳0.725天文单位",
  35.             "地球是太阳系八大行星之一，排行第三，也是太阳系中直径、质量和密度最大的类地行星，距离太阳1.5亿公里",
  36.             "火星是太阳系八大行星之一，排行第四，属于类地行星，直径约为地球的53%",
  37.             "木星是太阳系八大行星中体积最大、自转最快的行星，排行第五。它的质量为太阳的千分之一，但为太阳系中其它七大行星质量总和的2.5倍",
  38.             "土星为太阳系八大行星之一，排行第六，体积仅次于木星"
  39.     };
  40.  
  41.     public static List<Planet> getDefaultList() {
  42.         List<Planet> planetList = new ArrayList<Planet>();
  43.         for (int i = 0; i < iconArray.length; i++) {
  44.             planetList.add(new Planet(iconArray[i], nameArray[i], descArray[i]));
  45.         }
  46.         return planetList;
  47.     }
  48. }

 适配器

  1. package com.kcs.highcontrol.adapter;
  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.BaseAdapter;
  8. import android.widget.ImageView;
  9. import android.widget.TextView;
  10.  
  11. import com.kcs.highcontrol.R;
  12. import com.kcs.highcontrol.pojo.Planet;
  13.  
  14. import java.util.List;
  15.  
  16. public class PlanetGridAdapter extends BaseAdapter {
  17.  
  18.     private Context mContext;
  19.     private List<Planet> mPlaneList;
  20.  
  21.     public PlanetGridAdapter(Context mContext, List<Planet> mPlaneList) {
  22.         this.mContext = mContext;
  23.         this.mPlaneList = mPlaneList;
  24.     }
  25.  
  26.     /**
  27.      * 获取列表项的个数
  28.      */
  29.     @Override
  30.     public int getCount() {
  31.         return mPlaneList.size();
  32.     }
  33.  
  34.     @Override
  35.     public Object getItem(int position) {
  36.         return mPlaneList.get(position);
  37.     }
  38.  
  39.     @Override
  40.     public long getItemId(int position) {
  41.         return position;
  42.     }
  43.  
  44.     @Override
  45.     public View getView(int position, View convertView, ViewGroup parent) {
  46.         ViewHolder holder;
  47.         if (convertView == null){
  48.             // 根据布局文件item_list.xml生成转换视图对象
  49.             convertView = LayoutInflater.from(mContext).inflate(R.layout.item_grid, null);
  50.             holder = new ViewHolder();
  51.             holder.iv_icon = convertView.findViewById(R.id.iv_icon);
  52.             holder.tv_name = convertView.findViewById(R.id.tv_name);
  53.             holder.tv_desc = convertView.findViewById(R.id.tv_desc);
  54.             // 将视图持有者保存到转换视图当中
  55.             convertView.setTag(holder);
  56.         }else{
  57.             holder = (ViewHolder) convertView.getTag();
  58.         }
  59.  
  60.         // 给控制设置好数据
  61.         Planet planet = mPlaneList.get(position);
  62.         holder.iv_icon.setImageResource(planet.image);
  63.         holder.tv_name.setText(planet.name);
  64.         holder.tv_desc.setText(planet.desc);
  65.  
  66.         return convertView;
  67.     }
  68.  
  69.     public final class ViewHolder {
  70.         public ImageView iv_icon;
  71.         public TextView tv_name;
  72.         public TextView tv_desc;
  73.     }
  74. }

主程序

  1. package com.kcs.highcontrol;
  2.  
  3. import android.os.Bundle;
  4. import android.view.View;
  5. import android.widget.AdapterView;
  6. import android.widget.GridView;
  7.  
  8. import androidx.appcompat.app.AppCompatActivity;
  9.  
  10. import com.kcs.highcontrol.adapter.PlanetGridAdapter;
  11. import com.kcs.highcontrol.pojo.Planet;
  12. import com.kcs.highcontrol.utils.ToastUtil;
  13.  
  14. import java.util.List;
  15.  
  16. public class GridViewActivity extends AppCompatActivity implements AdapterView.OnItemClickListener {
  17.  
  18.     private GridView gv_planet;
  19.     private List<Planet> planetList;
  20.  
  21.     @Override
  22.     protected void onCreate(Bundle savedInstanceState) {
  23.         super.onCreate(savedInstanceState);
  24.         setContentView(R.layout.activity_grid_view);
  25.         gv_planet = findViewById(R.id.gv_planet);
  26.         planetList = Planet.getDefaultList();
  27.         PlanetGridAdapter adapter = new PlanetGridAdapter(this, planetList);
  28.         gv_planet.setAdapter(adapter);
  29.         gv_planet.setOnItemClickListener(this);
  30.         //设置拉伸
  31.         gv_planet.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);
  32.     }
  33.  
  34.     @Override
  35.     public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
  36.         ToastUtil.show(this, "您选择了：" + planetList.get(position).name);
  37.     }
  38. }

翻页视图

实现左右滑动的翻页功能，Android提供了相应的控件—翻页视图ViewPager。

        既然明确了翻页视图的原理类似列表视图和网格视图，它们的用法也很类似。例如，列表视图和网格视 图使用基本适配器BaseAdapter，翻页视图则使用翻页适配器PagerAdapter；列表视图和网格视图使用 列表项的点击监听器OnItemClickListener，翻页视图则使用页面变更监听器OnPageChangeListener监 听页面切换事件。

  • 翻页视图允许页面在水平方向左右滑动

翻页视图3个常用方法

  1. setAdapter：设置页面项的适配器。适配器用的是PagerAdapter及其子类。

  2. setCurrentItem：设置当前页码，也就是要显示哪个页面。

  3. addOnPageChangeListener：添加翻页视图的页面变更监听器。该监听器需实现接

    OnPageChangeListener下的3个方法，

  • onPageScrollStateChanged：在页面滑动状态变化时触发。　
  • onPageScrolled：在页面滑动过程中触发。　
  • onPageSelected：在选中页面时，即滑动结束后触发。

        翻页视图包含了多个页面项，翻页适配器展示每个页面。翻页适配器的实现原理与基本适配器类似，从PagerAdapter派生的翻页适配器主要实现下面6个方法

  1. 构造方法：指定适配器需要处理的数据集合。
  2. getCount：获取页面项的个数。
  3. isViewFromObject：判断当前视图是否来自指定对象，返回view == object即可。
  4. instantiateItem：实例化指定位置的页面，并将其添加到容器中。
  5. destroyItem：从容器中销毁指定位置的页面。
  6. getPageTitle：获得指定页面的标题文本，有搭配翻页标签栏时才要实现该方法。

演示运行效果

  ==》 ==》

布局文件

  1. <?xml version="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.  
  7.     <androidx.viewpager.widget.ViewPager
  8.         android:id="@+id/vp_content"
  9.         android:layout_width="match_parent"
  10.         android:layout_height="370dp" />
  11.  
  12.  
  13. </LinearLayout>

实体类

  1. package com.kcs.highcontrol.pojo;
  2.  
  3.  
  4. import com.kcs.highcontrol.R;
  5.  
  6. import java.util.ArrayList;
  7.  
  8. public class GoodsInfo {
  9.  
  10.     public int id;
  11.     // 名称
  12.     public String name;
  13.     // 描述
  14.     public String description;
  15.     // 价格
  16.     public float price;
  17.     // 大图的保存路径
  18.     public String picPath;
  19.     // 大图的资源编号
  20.     public int pic;
  21.  
  22.     // 声明一个手机商品的名称数组
  23.     private static String[] mNameArray = {
  24.             "iPhone11", "Mate30", "小米10", "OPPO Reno3", "vivo X30", "荣耀30S"
  25.     };
  26.     // 声明一个手机商品的描述数组
  27.     private static String[] mDescArray = {
  28.             "Apple iPhone11 256GB 绿色 4G全网通手机",
  29.             "华为 HUAWEI Mate30 8GB+256GB 丹霞橙 5G全网通 全面屏手机",
  30.             "小米 MI10 8GB+128GB 钛银黑 5G手机 游戏拍照手机",
  31.             "OPPO Reno3 8GB+128GB 蓝色星夜 双模5G 拍照游戏智能手机",
  32.             "vivo X30 8GB+128GB 绯云 5G全网通 美颜拍照手机",
  33.             "荣耀30S 8GB+128GB 蝶羽红 5G芯片 自拍全面屏手机"
  34.     };
  35.     // 声明一个手机商品的价格数组
  36.     private static float[] mPriceArray = {6299, 4999, 3999, 2999, 2998, 2399};
  37.     // 声明一个手机商品的大图数组
  38.     private static int[] mPicArray = {
  39.             R.drawable.iphone, R.drawable.huawei, R.drawable.xiaomi,
  40.             R.drawable.oppo, R.drawable.vivo, R.drawable.rongyao
  41.     };
  42.  
  43.     // 获取默认的手机信息列表
  44.     public static ArrayList<GoodsInfo> getDefaultList() {
  45.         ArrayList<GoodsInfo> goodsList = new ArrayList<GoodsInfo>();
  46.         for (int i = 0; i < mNameArray.length; i++) {
  47.             GoodsInfo info = new GoodsInfo();
  48.             info.id = i;
  49.             info.name = mNameArray[i];
  50.             info.description = mDescArray[i];
  51.             info.price = mPriceArray[i];
  52.             info.pic = mPicArray[i];
  53.             goodsList.add(info);
  54.         }
  55.         return goodsList;
  56.     }
  57. }

工具类

  1. import android.content.Context;
  2. import android.widget.Toast;
  3.  
  4. public class ToastUtil {
  5.  
  6.     public static void show(Context ctx, String desc) {
  7.         Toast.makeText(ctx, desc, Toast.LENGTH_SHORT).show();
  8.     }
  9.  
  10. }

适配器 PaperAdapter

  1. package com.kcs.highcontrol.adapter;
  2.  
  3. import android.content.Context;
  4. import android.view.View;
  5. import android.view.ViewGroup;
  6. import android.widget.ImageView;
  7.  
  8. import androidx.annotation.NonNull;
  9. import androidx.annotation.Nullable;
  10. import androidx.viewpager.widget.PagerAdapter;
  11.  
  12. import com.kcs.highcontrol.pojo.GoodsInfo;
  13.  
  14. import java.util.ArrayList;
  15. import java.util.List;
  16.  
  17. public class ImagePagerAdapater extends PagerAdapter {
  18.  
  19.     private final Context mContext;
  20.     private final ArrayList<GoodsInfo> mGoodsList;
  21.     // 声明一个图像视图列表
  22.     private List<ImageView> mViewList = new ArrayList<>();
  23.  
  24.     public ImagePagerAdapater(Context mContext, ArrayList<GoodsInfo> mGoodsList) {
  25.         this.mContext = mContext;
  26.         this.mGoodsList = mGoodsList;
  27.         // 给每个商品分配一个专用的图像视图
  28.         for (GoodsInfo info : mGoodsList) {
  29.             ImageView view = new ImageView(mContext);
  30.  
  31.             //宽高
  32.             view.setLayoutParams(new ViewGroup.LayoutParams(
  33.                     ViewGroup.LayoutParams.MATCH_PARENT,
  34.                     ViewGroup.LayoutParams.WRAP_CONTENT
  35.             ));
  36.  
  37.             view.setImageResource(info.pic);
  38.             mViewList.add(view);
  39.         }
  40.     }
  41.  
  42.     @Override
  43.     public int getCount() {
  44.         return mViewList.size();
  45.     }
  46.  
  47.     @Override
  48.     public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
  49.         return view == object;
  50.     }
  51.  
  52.     /**
  53.      * 实例化指定位置的页面，并将其添加到容器中
  54.      */
  55.     @NonNull
  56.     @Override
  57.     public Object instantiateItem(@NonNull ViewGroup container, int position) {
  58.         // 添加一个view到container中，而后返回一个跟这个view可以关联起来的对象，
  59.         ImageView item = mViewList.get(position);
  60.         // 这个对象能够是view自身，也能够是其余对象，
  61.         // 关键是在isViewFromObject可以将view和这个object关联起来
  62.         container.addView(item);
  63.         return item;
  64.     }
  65.  
  66.     /**
  67.      * 从容器中销毁指定位置的页面
  68.      * @param container
  69.      * @param position
  70.      * @param object
  71.      */
  72.     @Override
  73.     public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
  74.         container.removeView(mViewList.get(position));
  75.     }
  76.  
  77.     @Nullable
  78.     @Override
  79.     public CharSequence getPageTitle(int position) {
  80.         return mGoodsList.get(position).name;
  81.     }
  82. }

主程序

  1. package com.kcs.highcontrol;
  2.  
  3. import android.os.Bundle;
  4.  
  5. import androidx.appcompat.app.AppCompatActivity;
  6. import androidx.viewpager.widget.ViewPager;
  7.  
  8. import com.kcs.highcontrol.adapter.ImagePagerAdapater;
  9. import com.kcs.highcontrol.pojo.GoodsInfo;
  10. import com.kcs.highcontrol.utils.ToastUtil;
  11.  
  12. import java.util.ArrayList;
  13.  
  14. public class ViewPagerActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener {
  15.  
  16.     private ArrayList<GoodsInfo> mGoodsList;
  17.  
  18.     @Override
  19.     protected void onCreate(Bundle savedInstanceState) {
  20.         super.onCreate(savedInstanceState);
  21.         setContentView(R.layout.activity_view_pager);
  22.         ViewPager vp_content = findViewById(R.id.vp_content);
  23.         mGoodsList = GoodsInfo.getDefaultList();
  24.         ImagePagerAdapater adapter = new ImagePagerAdapater(this, mGoodsList);
  25.         vp_content.setAdapter(adapter);
  26.         // 给翻页视图添加页面变更监听器
  27.         vp_content.addOnPageChangeListener(this);
  28.     }
  29.  
  30.     // 翻页状态改变时触发。state取值说明为：0表示静止，1表示正在滑动，2表示滑动完毕
  31.     // 在翻页过程中，状态值变化依次为：正在滑动→滑动完毕→静止
  32.     @Override
  33.     public void onPageScrollStateChanged(int state) {
  34.  
  35.     }
  36.  
  37.     // 在翻页过程中触发。该方法的三个参数取值说明为 ：第一个参数表示当前页面的序号
  38.     // 第二个参数表示页面偏移的百分比，取值为0到1；第三个参数表示页面的偏移距离
  39.     @Override
  40.     public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
  41.  
  42.     }
  43.  
  44.     // 在翻页结束后触发。position表示当前滑到了哪一个页面
  45.     @Override
  46.     public void onPageSelected(int position) {
  47.         ToastUtil.show(this, "您翻到的手机品牌是：" + mGoodsList.get(position).name);
  48.     }
  49.  
  50.  
  51. }

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

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号