C++ QT chip layout tool开发浅思

工作中需要利用padlist + Chip size + Chip Center + Pixel size + Pixel Center生成一副Chip Layout tool SVG图像

1.参数输入

cpp 复制代码
    QtColorPropertyManager       *m_colorManager      = nullptr;
    QtDoublePropertyManager      *m_doubleManager     = nullptr;
    QtBoolPropertyManager        *m_boolManager       = nullptr;
    QtStringPropertyManager      *m_stringManager     = nullptr;
    QtFontPropertyManager        *m_fontManager       = nullptr;

使用各个QT property manager去生成各个UI界面,确定输入的参数的类型,颜色,字体

2.使用QGraphicsView去画图,

所有的对象堆叠在Widget上,每个widget上会堆叠不同的group,group中包含一个个具有共同属性的Item

注意设定可交互性,背景大小,抗锯齿,可拖动性

cpp 复制代码
ChipLayoutWidget::ChipLayoutWidget(QWidget* parent): QGraphicsView(parent)
{

    m_scene = new QGraphicsScene(0, 0, 7200, 7200);
    QColor transparentColor(Qt::transparent); 
    QBrush transparentBrush(transparentColor);
    m_scene->setBackgroundBrush(transparentBrush);
    this->setInteractive(true);
    QMap<ChipLayoutGroup::ChipLayoutGroupType, ChipLayoutGroup *> m_groupList = {};
    for(int i = 0; i < ChipLayoutGroup::GroupTypeDefaut; i++)
    {
        m_groupMap[ChipLayoutGroup::ChipLayoutGroupType(i)] = new ChipLayoutGroup();

        m_groupMap[ChipLayoutGroup::ChipLayoutGroupType(i)]->setFlag(QGraphicsItem::ItemIsSelectable,
                                                                     false);
        m_scene->addItem(m_groupMap[ChipLayoutGroup::ChipLayoutGroupType(i)]);
    }
    this->setRenderHint(QPainter::Antialiasing);
    m_scene->setSceneRect(0, 0, 7200, 7200);
    this->setScene(m_scene);
    m_scene->setBackgroundBrush(QColor(0x33, 0x33, 0x33));
    this->setDragMode(QGraphicsView::ScrollHandDrag);
    this->setCacheMode(QGraphicsView::CacheBackground);
    m_scene->update();
}

3.遇到的需要注意的一些问题

  • 为什么有时候我的滑动没有能够及时刷新

QGraphicsItem内的一个函数必须要override正确

cpp 复制代码
QRectF boundingRect() const override;
  • 不需要单独的为每一个Item设置属性,比如是否被选中,可以直接用group去做操作
  • 放大缩小view的code
cpp 复制代码
qreal Widget::getScale()
{
    return syncScaledValue;
}

void Widget::setScale(qreal scaled)
{
    if (!qFuzzyCompare(scaled , this->syncScaledValue))
    {
        LOGD(QString("%1").arg(scaled));
        this->syncScaledValue = scaled;
        update();
    }
}

void Widget::setRelatedScale(qreal relatedScale)
{
    if (!qFuzzyCompare(relatedScale , this->relatedScaleValue))
    {
        relatedScaleValue = relatedScale;
        update();
    }
}

void Widget::resetRelatedScale()
{
    setRelatedScale(1.0);
}

void Widget::zoomIn()
{
    syncScaledValue = qBound(MIN_FACTOR , pow(1.2, 1) * syncScaledValue, MAX_FACTOR);
    update();
}
void Widget::zoomOut()
{
    syncScaledValue = qBound(MIN_FACTOR , pow(1.2, -1) * syncScaledValue, MAX_FACTOR);
    update();
}

void Widget::wheelEvent(QWheelEvent *e)
{
    qreal distance = (e->angleDelta() / 15 / 8).y();
    qreal val;
    if (distance != 0)
    {
        val = pow(1.2, distance);
        if (val < 2.0)
        {
            syncScaledValue *= val;
            syncScaledValue = qBound(MIN_FACTOR , syncScaledValue , MAX_FACTOR);
//            emit notifyScaledChanged(syncScaledValue, relatedScaleValue);
            update();
        }
    }
}
相关推荐
Highcharts.js1 小时前
缺失数据可视化图表开发实战|Highcharts创建人员出生统计面积图表示例
开发语言·前端·javascript·信息可视化·highcharts·图表开发
测试员周周6 小时前
【Appium 系列】第16节-WebView-H5上下文切换 — 混合应用的自动化难点
运维·开发语言·人工智能·功能测试·appium·自动化·测试用例
杜子不疼.8 小时前
【C++ AI 大模型接入 SDK】 - DeepSeek 模型接入(上)
开发语言·c++·chatgpt
加号38 小时前
【C#】 串口通信技术深度解析及实现
开发语言·c#
sycmancia9 小时前
Qt——编辑交互功能的实现
开发语言·qt
石山代码9 小时前
C++ 内存分区 堆区
java·开发语言·c++
无风听海10 小时前
C# 隐式转换深度解析
java·开发语言·c#
一只大袋鼠10 小时前
Git 进阶(二):分支管理、暂存栈、远程仓库与多人协作
java·开发语言·git
LuminousCPP11 小时前
数据结构 - 线性表第四篇:C 语言通讯录优化升级全记录(踩坑 + 思考)
c语言·开发语言·数据结构·经验分享·笔记·学习
web3.088899911 小时前
1688 图搜接口(item_search_img / 拍立淘) 接入方法
开发语言·python