Qt Widgets から Qt Quick へ：あるアプリケーションの変遷 第4部

Window::Window(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Window)
    // Note: the dependency on Repository is gone
    , m_pageProxy(new PageProxy(this))
{
    ui->setupUi(this);

    connect(ui->currentItemCombo, &QComboBox::currentIndexChanged,
            [=] {
                const auto id = ui->currentItemCombo->currentData().value();
                m_pageProxy->item()->setItemId(id); });

    connect(m_pageProxy->item(), &ItemProxy::sellInChanged,
            ui->sellInSpinBox, &QSpinBox::setValue);
    connect(ui->sellInSpinBox, &QSpinBox::valueChanged,
            m_pageProxy->item(), &ItemProxy::setSellIn);

    connect(m_pageProxy->item(), &ItemProxy::qualityChanged,
            ui->qualitySpinBox, &QSpinBox::setValue);
    connect(ui->qualitySpinBox, &QSpinBox::valueChanged,
            m_pageProxy->item(), &ItemProxy::setQuality);

    // This connect changed to trigger the slot on the PageProxy
    connect(ui->updateButton, &QPushButton::clicked,
            m_pageProxy, &PageProxy::updateItemQuality);

    ui->currentItemCombo->setModel(m_pageProxy->model());
    ui->tableView->setModel(m_pageProxy->model());
    ui->tableView->horizontalHeader()->resizeSections(QHeaderView::ResizeToContents);
}

void PageProxy::updateItemQuality() {
    Item item = m_itemProxy->item();
    updateQuality(item);
    m_itemProxy->reloadData();
}

void PageProxy::updateQuality(Item &item) {
    // Long and complex logic to update item quality field and decrease sellIn by one
    // Followed by:
    m_repository->save(item);
}

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts

import com.gildedrose

ApplicationWindow {
    visible: true
    title: "Gilded Rose (QtQuick)"

    PageProxy {
        id: pageProxy
        currentItem.itemId: currentItemCombo.currentValue
    }

    ColumnLayout {
        anchors.fill: parent

        GridLayout {
            Layout.fillWidth: true
            columns: 2

            Label { text: "Current item" }
            ComboBox {
                id: currentItemCombo
                model: pageProxy.model
                textRole: "display"
                valueRole: "user"
            }

            Label { text: "Quality" }
            SpinBox {
                id: qualitySpinBox
                value: pageProxy.currentItem.quality
                // Simulating bidirectional bindings
                Binding { pageProxy.currentItem.quality: qualitySpinBox.value }
            }

            Label { text: "Remaining days" }
            SpinBox {
                id: sellInSpinBox
                value: pageProxy.currentItem.sellIn
                // Simulating bidirectional bindings
                Binding { pageProxy.currentItem.sellIn: sellInSpinBox.value }
            }
        }

        Button {
            id: updateButton
            Layout.fillWidth: true
            text: "Update item quality"
            onClicked: pageProxy.updateItemQuality()
        }

        Rectangle {
            Layout.fillWidth: true
            height: 1
            color: "lightGray"
        }

        HorizontalHeaderView { ... }
        TableView {
            id: tableView
            Layout.fillWidth: true
            Layout.fillHeight: true
            columnSpacing: 1
            rowSpacing: 1
            model: pageProxy.model
            delegate: TableViewDelegate {
                padding: 5
            }
        }
    }
}

QQmlApplicationEngine engine;
engine.loadFromModule("com.gildedrose", "Window");