使用Qt实现位表示的可视化

为实现位表示的可视化，需要在Qt中绘制二进制掩码，并且需要对其进行布局。具体解决方案如下：

1. 创建一个QWidget并重写其paintEvent函数，使用QPainter绘制二进制掩码。

2. 使用QBoxLayout或QGridLayout布局QWidget并添加到窗口中。

3. 使用QSpinBox控件获取用户输入的整数，将其转换为二进制并在QWidget上绘制。

下面是示例代码：

#include 
#include 
#include 
#include 
#include 

class BitWidget : public QWidget {
public:
    BitWidget(QWidget *parent = nullptr) : QWidget(parent) {}

protected:
    void paintEvent(QPaintEvent *) override {
        QPainter painter(this);
        painter.setRenderHint(QPainter::Antialiasing, true);
        painter.setPen(Qt::NoPen);
        painter.setBrush(Qt::black);

        const int bit_width = 20;
        const int bit_spacing = 5;
        const int total_width = bit_width * 8 + bit_spacing * 7;
        const int offset_x = (width() - total_width) / 2;
        const int offset_y = (height() - bit_width) / 2;

        for (int i = 0; i < 8; i++) {
            bool bit = (m_value >> (7 - i)) & 1;
            QRectF rect(offset_x + i * (bit_width + bit_spacing),
                        offset_y, bit_width, bit_width);
            painter.drawRect(rect);
            if (bit) painter.fillRect(rect, Qt::white);
        }
    }

public:
    void setValue(int value) {
        m_value = value;
        update();
    }

private:
    int m_value = 0;
};

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

    QWidget window;
    window.setWindowTitle("Bits visualization");
    window.resize(400, 300);

    QSpinBox spinBox;
    spinBox.setRange(0, 255);

    BitWidget bitWidget;

    QVBoxLayout layout(&window);
    layout.addWidget(&spinBox);
    layout.addWidget(&bitWidget, 0, Qt::AlignHCenter);

    QObject::connect(&spinBox, static_cast(&QSpinBox::valueChanged),
                     &bitWidget, &BitWidget::setValue);

    window.show();
    return app.exec();
}