安卓教程之ListView

在这里，我想创建一个类似于表格的界面显示在安卓手机上，界面效果如下。

image.png

那么，我至少需要从七步入手。

一：

在你所需要的界面添加一个listview，代码如下，一般情况下我们只需要在设计模式下直接操作就行：

 <ListView
        android:id="@+id/id_listview"//listview的ID
        android:layout_width="368dp"
        android:layout_height="226dp"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="30dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
       app:layout_constraintTop_toBottomOf="@+id/include" />

二：

在主界面添加成功后你需要自定义一个layout，该layout将用于组成你的listview。我这里的效果如图，由5个textview和一个imageview组成。分别显示，日期，铜价，铜差价，铝价，铝差价，还有涨跌的示意图。layout结构如图。

image.png

三：

至此我们已经完成了在layout层的所有工作，接下来就要进入java代码层。
首先我们需要创建一个数据结构对象。规范化我们需要装填的数据，这点类似于C的struct。

private class CoperPrice {
        public String time;//时间
        public int coper_price;//铜价
        public int coper_difference;//铜差价
        public int aluminium_price;//铝价
        public int aluminium_difference;//铝差价
        public boolean rise;//上升还是下跌
        //创建一个数据结构
        public CoperPrice(String time,int coper_price,int coper_difference,
                          int aluminium_price,int aluminium_difference,boolean rise) {
            #依次传参
            this.time = time;
            this.coper_price = coper_price;
            this.coper_difference = coper_difference;
            this.aluminium_price = aluminium_price;
            this.aluminium_difference = aluminium_difference;
            this.rise = rise;
        }

四：

定义好了数据结构了之后，我们需要创建一个数据结构列表来装填我们所需要放入listview的数据。
在主函数中添加如下代码：

//创建一个coperprice数据结构列表。
ArrayList<CoperPrice> listData = new ArrayList();

五：

在主函数中添加要显示在listview里的数据。

//依次为 日期，铜价，铜差价，铝价，铝差价，是否涨价
listData.add(new CoperPrice("2017/11/24",53970,190,14780,-20,true));
listData.add(new CoperPrice("2017/11/23",53780,-30,14800,30,false));
listData.add(new CoperPrice("2017/11/22",53810,610,14770,-100,true));

六：

创建一个listview适配器

    //listview 适配器
    private class MyListAdapter extends BaseAdapter {

        // 涨跌图标
        Drawable[] icons = new Drawable[2];
        //图标放在drawable文件夹内，png格式
        //将涨跌图标取出并存入数组
        public MyListAdapter()
        {
            icons[0] = MainActivity.this.getDrawable(R.drawable.ic_rise);
            icons[1] = MainActivity.this.getDrawable(R.drawable.ic_down);
        }


        @Override
        public int getCount() {
            // 一共多少项
            return listData.size();

        }

        @Override
        public Object getItem(int position) {
            // 获取每一项的数据
            return listData.get(position);

        }

        @Override
        public long getItemId(int position) {
            // 获取某项对应的内部ID, 如果不需要，则直接把position作为ID
            return position;
        }
        
        //不同的应用主要修改这个函数，上面的函数基本不变
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // 创建控件
            if (convertView == null)
            {
                convertView = getLayoutInflater()
                        .inflate(R.layout.list_item_coperprice, parent, false);
            }
            // 获取数据
            CoperPrice data = (CoperPrice) getItem(position);
            // 显示数据
            // 将时间写入对应ID的textview中
            TextView textView_time = (TextView) convertView.findViewById(R.id.id_textview_time);
            textView_time.setText(data.time);
            //将铜价写入对应ID的textview中
            TextView textView_coperprice = (TextView) convertView.findViewById(R.id.id_textview_coper);
            textView_coperprice.setText(Integer.toString(data.coper_price));
            TextView textView_coperdifference = (TextView) convertView.findViewById(R.id.id_textview_coperdifference);
            textView_coperdifference.setText(Integer.toString(data.coper_difference));
            TextView textView_altprice = (TextView) convertView.findViewById(R.id.id_textview_alt);
            textView_altprice.setText(Integer.toString(data.aluminium_price));
            TextView textView_altdifference = (TextView) convertView.findViewById(R.id.id_textview_altdifference);
            textView_altdifference.setText(Integer.toString(data.aluminium_difference));
            //通过ID获得imageview
            ImageView imageView_rise = (ImageView) convertView.findViewById(R.id.id_imageview_rise);
            if (data.rise)
                //如果涨，则放入第一张图
                imageView_rise.setImageDrawable(icons[1]);
            else
                //反之，第二张
                imageView_rise.setImageDrawable(icons[0]);
            return convertView;
        }

        @Nullable
        @Override
        public CharSequence[] getAutofillOptions() {
            return new CharSequence[0];
        }
    }

七：

在主函数中配置适配器：

// 准备数据适配器
        MyListAdapter listAdapter = new MyListAdapter();

        // 获取ListView，
        ListView listView = (ListView) findViewById(R.id.id_listview);
        //这里传入的就是之前在主界面创建的listview的id
        listView.setAdapter(listAdapter);