解决Webassembly的QColorDialog显示不正常的问题

天天进步2015

已于 2022-02-07 14:25:49 修改

阅读量733

点赞数

CC 4.0 BY-SA版权

分类专栏： Qt Webassembly 文章标签： qt c++

于 2022-02-07 14:18:07 首次发布

本文链接：https://blog.youkuaiyun.com/exlink2012/article/details/122808162

Qt 同时被 2 个专栏收录

146 篇文章

订阅专栏

Webassembly

3 篇文章

订阅专栏

本文探讨了在使用Webassembly时，QColorDialog可能出现的显示异常问题，原因是Emscripten的协作主循环导致。为了解决这个问题，文章提供了修改后的代码示例，建议使用异步连接来处理颜色选择事件，从而避免阻塞事件循环，确保对话框正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

运用Webassembly技术后，如果QColorDialog不做处理，显示的对话框大小会不正常。

原因是Emscripten 的主循环是协作的，在每个事件轮到运行之后，控制权就会返回给浏览器。事件循环的任何阻塞都将意味着运行您的应用程序的网页将变得无响应。

对于使用一个主循环的简单应用程序来说，这一切都很好，但当您尝试执行辅助循环时会变得复杂。为了停止事件循环的执行，emscripten 会抛出一个异常，这也意味着它永远不会回到您期望的地方。所以任何使用 exec() 的模式对话框都不会返回值。

比如下面的代码运行会不正常：

QColorDialog dlg(parent);
dlg.exec();
QColor color = dlg.selectedColor();

可以改成以下的代码：

 QColorDialog *dlg = new QColorDialog(this);
 dlg->resize(540,450);

    connect(
        dlg, &QColorDialog::colorSelected,
        [=](const QColor &selectedColor) {
        qDebug() << Q_FUNC_INFO << selectedColor;
    });
    dlg->open();