TinyUI-TUIListView最简单的使用

2024-02-24 09:57:04

在TinyUI简介的博客中提到其特点中包含一条，即多数大控件的使用方法和android一直，除了语言差异之外，本篇我们就介绍列表控件TUIListView最简单的使用方法。

列表组件/控件作为目前Android/iOS的APP中最常用的控件，该控件的设计同时参考Android、windows、Qt等使用的经验进行筛选，最终选择了Android的ListView设计，其他平台的列表中使用难以程度或设计上略逊于Android，因为Android给与了开发者最大的发挥控件，你可以在列表中可以显示任何控件。

TUIListView中的每一行每一列你可以放置任何UI组件，使用TUIListView需要配合TUIAdapter进行使用，而TinyUI和Android一样提供了内置的简单使用的TUISimpleAdapter。TUISimpleAdapter主要用于显示文本（即每一行都是只能显示文字），如果需要在列表中显示其他UI组件，则需要自定义一个Adapter，关于自定义Adapter将在后续进行详细讲解。

本篇既然是TUIListView最简单的使用，我们就使用TUISimpleAdapter来显示文本你列表，TUISimpleAdapter最好只用于数据步发生变化的情况，因为其存放的数据使用了C++标准库的vector容器，而非使用list容器，vector容器的特点是访问速度快，但其缺点是vector的内存是连续的，因此内容发生变化可能会造成内存申请和拷贝的动作；而list容器使用的双向链表，其特点是插入数据快，但访问速度慢。

本篇我们仍然使用上一篇中自定义的MyWindow来显示TUIListView。

使用方法/步骤

1. 定义listView和andapter

MyWindow中包含TUISimpleAdapter.h的头文件，并定义listView和adapter

MyWindow.h

#ifndef __MY_WINDOW_H__
#define __MY_WINDOW_H__
#include <TUIWindow.h>
#include <TUISimpleAdapter.h>



class MyWindow : public TUIWindow
{
public:
    MyWindow(TUIWindow* parent = nullptr);
    virtual ~MyWindow();

    void onShow();
    void onClose();

private:
    TUIListView listView;
    TUISimpleAdapter adapter;
};

#endif // !__MY_WINDOW_H__

2. 填充数据，并把adapter设置到listView中

MyWindow.cpp

#include "MyWindow.h"



MyWindow::MyWindow(TUIWindow* parent)
    : TUIWindow(parent)
{
    setContentView(&this->listView); // 把listView作为当前窗口的内容视图


    vector<string> data; // 使用vector<string>类型的data存放数据

    for (int32_t i = 0; i < 20; i++)
    {
        data.push_back(to_string(i)); // 生成0~20的数值-转换成字符串，放到data中
    }

    this->adapter.setData(data); // 把data设置到adapter中

    this->listView.setAdapter(&this->adapter); // 把adapter设置到listView，作为listView数据来源和操作对象
}

MyWindow::~MyWindow()
{
}

void MyWindow::onShow()
{
}

void MyWindow::onClose()
{
}

到目前为止窗口显示列表控件已全部完成，接下来和上一篇一样调用MyWindow的show()方法即可显示，最终结果如下图所示:

码农公寓

使用方法/步骤

相关文章