美文网首页
安卓教程之ListView

安卓教程之ListView

作者: 遗步看风景 | 来源:发表于2017-11-25 18:45 被阅读61次

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


    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);
    

    相关文章

      网友评论

          本文标题:安卓教程之ListView

          本文链接:https://www.haomeiwen.com/subject/dqwcbxtx.html