高级控件——列表类视图——列表视图ListView

左手的ㄟ右手 2023-09-28 15:27 63阅读 0赞

![838fe4acd0b65843702f6ef81db841dc.png][]

![98d2a2020ad4f0b75bf0c0364debe42b.png][]

![5ef7ca78276f71481c4420c68203f885.png][]

![0a9f48ad10a39d5dbaf270cc5e42466c.png][]

![4620a8ef2d3560d0f25756b040dc98bd.png][]

![e5f057e049f0ab18be24c483dc3b0246.png][]

====================================================================================

首页布局;

![17a09cf25ff503dd2f973b90b7ae4840.png][]

![d094e66fbb1471c87e593927c0911bdf.png][]

![c4bd336b40239544b30c366f80af5f5d.png][]

代码：

package com.example.myapplication;
    
    import android.graphics.drawable.Drawable;
    import android.os.Bundle;
    import android.widget.CheckBox;
    import android.widget.CompoundButton;
    import android.widget.ListView;
    
    import androidx.appcompat.app.AppCompatActivity;
    
    import java.util.List;
    
    public class MainActivity extends AppCompatActivity implements CompoundButton.OnCheckedChangeListener
    {
        private final static String TAG = "ListViewActivity";
        private CheckBox ck_divider;
        private CheckBox ck_selector;
        private ListView lv_planet; // 声明一个列表视图对象
    
        @Override
        protected void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
    
            ck_divider = findViewById(R.id.ck_divider);
            ck_selector = findViewById(R.id.ck_selector);
    
            ck_divider.setOnCheckedChangeListener(this);
            ck_selector.setOnCheckedChangeListener(this);
    
            List<Planet> planetList = Planet.getDefaultList(); // 获得默认的行星列表
    
            // 构建一个行星列表的列表适配器
            PlanetListAdapter adapter = new PlanetListAdapter(this, planetList);
    
            // 从布局视图中获取名叫lv_planet的列表视图
            lv_planet = findViewById(R.id.lv_planet);
    
    
            lv_planet.setAdapter(adapter); // 设置列表视图的适配器
    
            lv_planet.setOnItemClickListener(adapter); // 设置列表视图的点击监听器
    
            lv_planet.setOnItemLongClickListener(adapter); // 设置列表视图的长按监听器
        }
    
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked)
        {
            refreshListView(); // 刷新列表视图
        }
    
        // 刷新列表视图
        private void refreshListView()
        {
    //        lv_planet.setCacheColorHint(Color.TRANSPARENT); // 防止滚动时列表拉黑
    
            if (ck_divider.isChecked())    // 显示分隔线
            {
                // 从资源文件获得图形对象
                Drawable drawable = getResources().getDrawable(R.color.red);
                lv_planet.setDivider(drawable); // 设置列表视图的分隔线
                lv_planet.setDividerHeight(Utils.dip2px(this, 5)); // 设置列表视图的分隔线高度
            }
            else  // 不显示分隔线
            {
                lv_planet.setDivider(null); // 设置列表视图的分隔线
                lv_planet.setDividerHeight(0); // 设置列表视图的分隔线高度
            }
    
            if (ck_selector.isChecked())  // 显示按压背景
            {
                lv_planet.setSelector(R.drawable.list_selector); // 设置列表项的按压状态图形
            }
            else     // 不显示按压背景
            {
                //lv_planet.setSelector(null); // 直接设置null会报错，因为运行时报空指针异常
                // 从资源文件获得图形对象
                Drawable drawable = getResources().getDrawable(R.color.transparent);
                lv_planet.setSelector(drawable); // 设置列表项的按压状态图形
            }
        }
    
    }

![8ff50ab5dab38e1f5378976034df3ce3.png][]

![2fd6afb312f334f659dbf86bf5c39b7c.png][]

![085a363156c4e80095a44cb7a104c23b.png][]

item\_list布局:

![ad26949cc8243a84e45f89df04a7c4e1.png][]

![5fa3bc036704cc29f18543437e2f203b.png][]

![fefdb83294bb70b3c6554b5b0d64d1ee.png][]

Planet

package com.example.myapplication;
    
    import java.util.ArrayList;
    import java.util.List;
    
    public class Planet
    {
        public int image; // 行星图标
        public String name; // 行星名称
        public String desc; // 行星描述
    
        public Planet(int image, String name, String desc)
        {
            this.image = image;
            this.name = name;
            this.desc = desc;
        }
    
        private static int[] iconArray = {R.drawable.shuixing, R.drawable.jinxing, R.drawable.diqiu,
                R.drawable.huoxing, R.drawable.muxing, R.drawable.tuxing};
    
        private static String[] nameArray = {"水星", "金星", "地球", "火星", "木星", "土星"};
    
        private static String[] descArray = {
                "水星是太阳系八大行星最内侧也是最小的一颗行星，也是离太阳最近的行星",
                "金星是太阳系八大行星之一，排行第二，距离太阳0.725天文单位",
                "地球是太阳系八大行星之一，排行第三，也是太阳系中直径、质量和密度最大的类地行星，距离太阳1.5亿公里",
                "火星是太阳系八大行星之一，排行第四，属于类地行星，直径约为地球的53%",
                "木星是太阳系八大行星中体积最大、自转最快的行星，排行第五。它的质量为太阳的千分之一，但为太阳系中其它七大行星质量总和的2.5倍",
                "土星为太阳系八大行星之一，排行第六，体积仅次于木星"
        };
    
        public static List<Planet> getDefaultList()
        {
            List<Planet> planetList = new ArrayList<Planet>();
    
            for (int i = 0; i < iconArray.length; i++)
            {
                planetList.add(new Planet(iconArray[i], nameArray[i], descArray[i]));
            }
    
            return planetList;
        }
    }

![63510e3b4a5952d5fb73abe1a0496901.png][]

![48a5707ed634c77f940babcdb4b6096b.png][]

Utils

package com.example.myapplication;
    
    import android.content.Context;
    
    public class Utils
    {
        // 根据手机的分辨率从 dp 的单位 转成为 px(像素)
        public static int dip2px(Context context, float dpValue)
        {
            // 获取当前手机的像素密度(1个dp对应几个px)
            float scale = context.getResources().getDisplayMetrics().density;
            return (int) (dpValue * scale + 0.5f); // 四舍五入取整
        }
    
        // 根据手机的分辨率从 px(像素) 的单位 转成为 dp
        public static int px2dip(Context context, float pxValue)
        {
            // 获取当前手机的像素密度(1个dp对应几个px)
            float scale = context.getResources().getDisplayMetrics().density;
            return (int) (pxValue / scale + 0.5f); // 四舍五入取整
        }
    
        // 根据手机的分辨率从 sp 的单位 转成为 px(像素)
        public static int sp2px(Context context, float spValue)
        {
            // 获取当前手机的像素密度(1个dp对应几个px)
            float scale = context.getResources().getDisplayMetrics().density;
            return (int) (spValue * scale + 0.5f); // 四舍五入取整
        }
    
        // 根据手机的分辨率从 px(像素) 的单位 转成为 sp
        public static int px2sp(Context context, float pxValue)
        {
            // 获取当前手机的像素密度(1个dp对应几个px)
            float scale = context.getResources().getDisplayMetrics().density;
            return (int) (pxValue / scale + 0.5f); // 四舍五入取整
        }
    
    }

![beab6abb884e789972b0e36b6aaab4ba.png][]

PlanetListAdapter：

package com.example.myapplication;
    
    import android.annotation.SuppressLint;
    import android.content.Context;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.AdapterView;
    import android.widget.AdapterView.OnItemClickListener;
    import android.widget.AdapterView.OnItemLongClickListener;
    import android.widget.BaseAdapter;
    import android.widget.ImageView;
    import android.widget.TextView;
    import android.widget.Toast;
    
    import java.util.List;
    
    @SuppressLint("DefaultLocale")
    public class PlanetListAdapter extends BaseAdapter implements OnItemClickListener, OnItemLongClickListener
    {
        private Context mContext; // 声明一个上下文对象
        private List<Planet> mPlanetList; // 声明一个行星信息列表
    
        // 行星适配器的构造方法，传入上下文与行星列表
        public PlanetListAdapter(Context context, List<Planet> planet_list)
        {
            mContext = context;
            mPlanetList = planet_list;
        }
    
        // 获取列表项的个数
        public int getCount()
        {
            return mPlanetList.size();
        }
    
        // 获取列表项的数据
        public Object getItem(int arg0)
        {
            return mPlanetList.get(arg0);
        }
    
        // 获取列表项的编号
        public long getItemId(int arg0)
        {
            return arg0;
        }
    
        // 获取指定位置的列表项视图
        public View getView(final int position, View convertView, ViewGroup parent)
        {
            ViewHolder holder;
            if (convertView == null) { // 转换视图为空
                holder = new ViewHolder(); // 创建一个新的视图持有者
                // 根据布局文件item_list.xml生成转换视图对象
                convertView = LayoutInflater.from(mContext).inflate(R.layout.item_list, null);
    
                holder.iv_icon = convertView.findViewById(R.id.iv_icon);
                holder.tv_name = convertView.findViewById(R.id.tv_name);
                holder.tv_desc = convertView.findViewById(R.id.tv_desc);
    
                convertView.setTag(holder);                   // 将视图持有者保存到转换视图当中
            }
            else               // 转换视图非空
            {
                // 从转换视图中获取之前保存的视图持有者
                holder = (ViewHolder) convertView.getTag();
            }
    
            Planet planet = mPlanetList.get(position);
    
            holder.iv_icon.setImageResource(planet.image); // 显示行星的图片
            holder.tv_name.setText(planet.name); // 显示行星的名称
            holder.tv_desc.setText(planet.desc); // 显示行星的描述
            holder.iv_icon.requestFocus();
    
            return convertView;
        }
    
        // 定义一个视图持有者，以便重用列表项的视图资源
        public final class ViewHolder
        {
            public ImageView iv_icon; // 声明行星图片的图像视图对象
            public TextView tv_name; // 声明行星名称的文本视图对象
            public TextView tv_desc; // 声明行星描述的文本视图对象
        }
    
    
        // 处理列表项的点击事件，由接口OnItemClickListener触发
        public void onItemClick(AdapterView<?> parent, View view, int position, long id)
        {
            String desc = String.format("您点击了第%d个行星，它的名字是%s", position + 1, mPlanetList.get(position).name);
            Toast.makeText(mContext, desc, Toast.LENGTH_LONG).show();
        }
    
    
        // 处理列表项的长按事件，由接口OnItemLongClickListener触发
        public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id)
        {
            String desc = String.format("您长按了第%d个行星，它的名字是%s", position + 1, mPlanetList.get(position).name);
    
            Toast.makeText(mContext, desc, Toast.LENGTH_LONG).show();
    
            return true;
        }
    
    }

![37c71d5ae8c42ed45d75d24e43539b5c.png][]

![e332c1394f2a016d2059b9f20a68baca.png][]

![80edcd6401608c867a195739f2885aac.png][]

============================================================================

![715dddab3e908c22dd1179fdcff9270f.png][]

![81867d4857257903bcf70110af93ffd4.png][]

===========================================================================================

123

[838fe4acd0b65843702f6ef81db841dc.png]: https://img-blog.csdnimg.cn/img_convert/838fe4acd0b65843702f6ef81db841dc.png
[98d2a2020ad4f0b75bf0c0364debe42b.png]: https://img-blog.csdnimg.cn/img_convert/98d2a2020ad4f0b75bf0c0364debe42b.png
[5ef7ca78276f71481c4420c68203f885.png]: https://img-blog.csdnimg.cn/img_convert/5ef7ca78276f71481c4420c68203f885.png
[0a9f48ad10a39d5dbaf270cc5e42466c.png]: https://img-blog.csdnimg.cn/img_convert/0a9f48ad10a39d5dbaf270cc5e42466c.png
[4620a8ef2d3560d0f25756b040dc98bd.png]: https://img-blog.csdnimg.cn/img_convert/4620a8ef2d3560d0f25756b040dc98bd.png
[e5f057e049f0ab18be24c483dc3b0246.png]: https://img-blog.csdnimg.cn/img_convert/e5f057e049f0ab18be24c483dc3b0246.png
[17a09cf25ff503dd2f973b90b7ae4840.png]: https://img-blog.csdnimg.cn/img_convert/17a09cf25ff503dd2f973b90b7ae4840.png
[d094e66fbb1471c87e593927c0911bdf.png]: https://img-blog.csdnimg.cn/img_convert/d094e66fbb1471c87e593927c0911bdf.png
[c4bd336b40239544b30c366f80af5f5d.png]: https://img-blog.csdnimg.cn/img_convert/c4bd336b40239544b30c366f80af5f5d.png
[8ff50ab5dab38e1f5378976034df3ce3.png]: https://img-blog.csdnimg.cn/img_convert/8ff50ab5dab38e1f5378976034df3ce3.png
[2fd6afb312f334f659dbf86bf5c39b7c.png]: https://img-blog.csdnimg.cn/img_convert/2fd6afb312f334f659dbf86bf5c39b7c.png
[085a363156c4e80095a44cb7a104c23b.png]: https://img-blog.csdnimg.cn/img_convert/085a363156c4e80095a44cb7a104c23b.png
[ad26949cc8243a84e45f89df04a7c4e1.png]: https://img-blog.csdnimg.cn/img_convert/ad26949cc8243a84e45f89df04a7c4e1.png
[5fa3bc036704cc29f18543437e2f203b.png]: https://img-blog.csdnimg.cn/img_convert/5fa3bc036704cc29f18543437e2f203b.png
[fefdb83294bb70b3c6554b5b0d64d1ee.png]: https://img-blog.csdnimg.cn/img_convert/fefdb83294bb70b3c6554b5b0d64d1ee.png
[63510e3b4a5952d5fb73abe1a0496901.png]: https://img-blog.csdnimg.cn/img_convert/63510e3b4a5952d5fb73abe1a0496901.png
[48a5707ed634c77f940babcdb4b6096b.png]: https://img-blog.csdnimg.cn/img_convert/48a5707ed634c77f940babcdb4b6096b.png
[beab6abb884e789972b0e36b6aaab4ba.png]: https://img-blog.csdnimg.cn/img_convert/beab6abb884e789972b0e36b6aaab4ba.png
[37c71d5ae8c42ed45d75d24e43539b5c.png]: https://img-blog.csdnimg.cn/img_convert/37c71d5ae8c42ed45d75d24e43539b5c.png
[e332c1394f2a016d2059b9f20a68baca.png]: https://img-blog.csdnimg.cn/img_convert/e332c1394f2a016d2059b9f20a68baca.png
[80edcd6401608c867a195739f2885aac.png]: https://img-blog.csdnimg.cn/img_convert/80edcd6401608c867a195739f2885aac.png
[715dddab3e908c22dd1179fdcff9270f.png]: https://img-blog.csdnimg.cn/img_convert/715dddab3e908c22dd1179fdcff9270f.png
[81867d4857257903bcf70110af93ffd4.png]: https://img-blog.csdnimg.cn/img_convert/81867d4857257903bcf70110af93ffd4.png