手写listwidget-QT开发中文网

在Qt中，可以使用QListWidget来创建一个简单的列表控件。如果您想手动实现一个类似于QListWidget的功能，可以通过继承自QWidget并使用布局和其他控件来实现。

以下是一个简单的示例，展示了如何手写一个基本的列表控件。我们将创建一个包含添加、删除项目功能的自定义列表控件。

示例代码

#include <QApplication>
#include <QWidget>
#include <QVBoxLayout>
#include <QPushButton>
#include <QLineEdit>
#include <QLabel>
#include <QStringList>
#include <QListWidget>

class CustomListWidget : public QWidget {
    Q_OBJECT

public:
    CustomListWidget(QWidget *parent = nullptr) : QWidget(parent) {
        // 创建布局
        QVBoxLayout *layout = new QVBoxLayout(this);

        // 输入框用于输入新项目
        inputField = new QLineEdit(this);
        layout->addWidget(inputField);

        // 按钮用于添加新项目
        QPushButton *addButton = new QPushButton("Add Item", this);
        layout->addWidget(addButton);

        // 列表显示区域
        listView = new QListWidget(this);
        layout->addWidget(listView);

        // 按钮用于删除选中的项目
        QPushButton *removeButton = new QPushButton("Remove Selected Item", this);
        layout->addWidget(removeButton);

        // 连接信号与槽
        connect(addButton, &QPushButton::clicked, this, &CustomListWidget::addItem);
        connect(removeButton, &QPushButton::clicked, this, &CustomListWidget::removeSelectedItem);

        setLayout(layout);
    }

public slots:
    void addItem() {
        QString text = inputField->text();
        
        if (!text.isEmpty()) {
            listView->addItem(text);  // 将输入文本添加到列表中
            inputField->clear();       // 清空输入框
            inputField->setFocus();    // 将焦点设置回输入框以便继续输入
        }
    }

    void removeSelectedItem() {
         QList<QListWidgetItem*> selectedItems = listView->selectedItems();
         
         for (auto& item : selectedItems) {
             delete listView->takeItem(listView->row(item));  // 删除选中的项目
         }
     }

private:
    QLineEdit *inputField;   // 用于输入项的文本框
    QListWidget *listView;   // 列表视图，用于显示条目
};

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    CustomListWidget window;
    window.resize(300, 400);
    window.setWindowTitle("Custom List Widget");
    window.show();

    return app.exec();
}

#include "main.moc"  // 确保信号与槽机制正常工作

代码说明：

窗口类：
- CustomListWidget 类继承自 QWidget，并在构造函数中设置了UI元素。
布局：
- 使用 QVBoxLayout 来垂直排列所有子部件，包括文本输入框、添加按钮、列表和删除按钮。
组件：
- 一个 QLineEdit 用于输入新的列表项。
- 两个 QPushButton 分别用于添加和删除选中的项目。
- 一个 QListWidget 用于显示已添加的项目。
信号与槽：
- 点击“Add Item”按钮时，调用 addItem() 槽，将用户在输入框中写入的文本添加到列表。
- 点击“Remove Selected Item”按钮时，调用 removeSelectedItem() 槽，删除当前选中的项。
主程序：实例化自定义窗口并启动应用程序。