百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术教程 > 正文

TinyUI(嵌入式UI库)-列表多列显示

suiw9 2024-10-28 18:33 25 浏览 0 评论

在上一篇TinyUI-列表显示单列数据介绍了TUIListView单列文本最基本的事情情况,显示使用TinyUI内置的TUISimpleAdapter可以很轻松的完成单列文本列表。

实际开发过程中可能需要有多列显示情况,如果只需显示多列文本列表,TinyUI同样也内置了用于多列文本显示的adapter,即TUISimpleMultiAdapter,其使用与TUISimpleAdapter相似。

与上一篇TinyUI-TUIListView最简单的使用介绍一样,我们同样使用TinyUI-TUIWindow-最简单的自定义的MyWindow来展示多列文本列表。

使用方法/步骤

1. 定义listView和andapter

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

MyWindow.h

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



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

    void onShow();
    void onClose();

private:
    TUIListView listView;
    TUISimpleMultiAdapter adapter;
};

#endif // !__MY_WINDOW_H__

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

MyWindow.cpp

#include "MyWindow.h"


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

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

    int32_t columnNum = 3; // 3列
    string s;

    for (int32_t row = 0; row < 20; row++) // 20行
    {
        /* 生成当前行每列数据 */
        vector<string> rowData;
        for (int32_t column = 0; column < columnNum; column++) // columnNum列
        {
            s = "行: " + to_string(row) + ", 列: " + to_string(column);

            rowData.push_back(s);
        }
        data[row] = rowData; // 填充一行数据
    }

    this->adapter.setData(data); // 把数据设置到adapter中
    this->adapter.setColumnNumber(columnNum); // 设置列数

    this->listView.setAdapter(&this->adapter); // 把adapter设置到listView中
}

MyWindow::~MyWindow()
{
}

void MyWindow::onShow()
{
}

void MyWindow::onClose()
{
}

与TinyUI-TUIWindow-最简单的自定义一样调用MyWindow的show()方法即可显示,最终结果如下图所示:


?

相关推荐

nginx的反向代理(Nginx的反向代理和负载均衡)

nginxProxy代理1、代理原理反向代理服务的实现:需要有一个负载均衡设备(即反向代理服务器)来分发用户请求,将用户请求分发到后端正真提供服务的服务器上。服务器返回自己的服务到负载均衡设备。负...

Nginx UI: 更好用更现代化的Nginx 管理面板

各位铲屎官大家好,我是喵~...

性能测试之tomcat+nginx负载均衡(nginxtcp负载均衡)

nginxtomcat配置准备工作:两个tomcat执行命令cp-rapache-tomcat-8.5.56apache-tomcat-8.5.56_2修改被复制的tomcat2下con...

nginx upstream节点健康检查(nginx tcp 健康检查)

1、前提条件编译nginx时增加nginx_upstream_check_module模板git地址:https://github.com/yaoweibin/nginx_upstream_check...

Nginx 的高并发处理能力(nginx支持高并发原理)

为了实现Nginx的高并发处理能力,需要从**硬件资源**、**操作系统**、**Nginx配置**等多个方面进行优化。以下是详细的配置和示例:---...

Nginx最全详解(万字图文总结)(nginxs)

大家好,我是mikechen。Nginx是非常重要的负载均衡中间件,被广泛应用于大型网站架构,下面我就全面来详解Nginx@mikechen本篇已收于mikechen原创超30万字《阿里架构师进阶专题...

如何用 Nginx 实现前端灰度发布(nginx 灰度测试规则)

前言在前端开发中,灰度发布是一种重要的策略,它允许我们在不影响所有用户的情况下,逐步推出新功能或更新。通过灰度发布,我们可以测试新版本的稳定性和性能,同时收集用户反馈。今天,我们将探讨如何使用Ngi...

nginx配置优化场景-直接套用so happy!

前言(叠甲在先)Nginx是一款高性能的Web服务器,广泛应用于互联网领域。...

Nginx配置前后端服务(nginx前后端分离部署)

nginx安装完成后,可以通过命令查看配置文件nginx-t配置文件nginx.conf,是总的配置,有的人会把配置全部配置到这个文件中,如果服务很多,这个文件变得非常庞大,我见过一个配置很大的,在...

使用Nginx配置TCP负载均衡(nginx如何配置负载均衡)

假设Kubernetes集群已经配置好,我们将基于CentOS为Nginx创建一个虚拟机。...

Nginx服务器深度指南:安装、配置、优化指令超详解

在当今数字化时代,Web服务器是支撑互联网应用的关键基础设施。Nginx作为一款高性能的开源Web服务器,凭借卓越的性能、丰富的功能和出色的稳定性,在Web服务器领域占据了重要地位。无论是大型互联网公...

Nginx的配置详解(附代码)(nginx基本配置)

本篇文章给大家带来的内容是关于Nginx的配置详解(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。常用配置项在工作中,我们与Nginx打交道更多的是通过其配置文件来进行。...

Nginx配置文件详解(nginx配置文件详解带实例)

Nginx配置文件详解Nginx是一款面向性能设计的HTTP服务器,相较于Apache、lighttpd具有占有内存少,稳定性高等优势。...

从 0 到 1:构建高可用 Linux 负载均衡集群(基于 Nginx + Keepalived)

在高并发业务场景下,单台服务器往往无法支撑大量请求,因此需要使用**负载均衡(LoadBalancing)**技术来提升系统的稳定性和可用性。Nginx+Keepalived是常见的开源负载均...

配置Nginx TCP转发(nginx 接口转发)

Nginx一般用在HTTP的转发,TCP的转发大都会使用HAProxy。工作中遇到一个需求,用到了Nginx服务作为TCP转发。场景是这样,数据采集设备通过公网将数据推送到后端应用服务,服务部署在业主...

取消回复欢迎 发表评论: