有关 qmlweb 的讨论



  • 有关qmlweb 的讨论

    项目地址 qmlweb/qmlweb

    不知到 qmlweb 的娃看看这个WEB 版本的QML引擎

    现在 qmlweb 支持比较多的 QtQuick 元素了。其中还支持 ListView

    我下载 qmlweb 对其进行测试,发现在处理如下 qml 代码时,十分缓慢:

    ListView {
        model: 100
        delegate: Item {}
    }
    

    发现 qmlweb 是直接生成 100 个 html 标签的,所以浏览器变得十分缓慢,另一个方面,也就是说 qmlweb 本身没有引入 虚拟dom 的概念。

    这个是浏览器中 虚拟 dom 的一个简易实现 livoras/simple-virtual-dom

    由于 QML 的视图模式是基于 Model-View,而现在前端较为流行的是 MVVM 这种视图模式。如果做一个对应的 binding 呢?


  • 网站研运

    @qyvlik qmlweb可以制作简单的页面。如果是复杂的表格的话,似乎不是很符合当前的浏览器趋势啊。只有一些少见的后台管理员账号才会看到表格。
    不管怎么样,能够看到进展是非常欣慰的事儿啊。~~😗 😙



  • git上这个项目还是非常活跃的,自从我关注并且有改变邮件通知后,每天我会收到大约10-30个邮件,烦的要死~而且我已经忘记在哪关闭了。。。



  • @大神 希望这个项目可以集成流行的 MVVM 框架。



  • @大神 vue.js 与 QML

    qml 结构和 vue.js 的代码结构和思路神似。


Log in to reply
 

走马观花

最近的回复

  • 诶 没有Linux吗??

    read more
  • 萌梦 男孩,女孩,和蛋

    menghome.png

    read more
  • 设计模式-工厂模式

    使用qt/qml来演示设计模式效果,便于学习理解

    1)定义创建对象的接口,封装对象的创建
    2)使具体化类的工作延迟到工厂子类中

    bg.png
    image.png

    1. 工厂类

    createProduct使用了参数来选择要创建哪个产品

    #ifndef FACTORY_H #define FACTORY_H #include <QObject> class Product; class QString; class Factory: public QObject { Q_OBJECT public: virtual ~Factory() = 0; virtual Product* createProduct(QString type) = 0; protected: Factory(); }; class ConcreteFactory: public Factory { Q_OBJECT public: ~ConcreteFactory(); ConcreteFactory(); public slots: Product* createProduct(QString type); }; #endif // FACTORY_H #include "factory.h" #include "product.h" #include <QtQml/qqml.h> Factory::~Factory() { } Factory::Factory() { qmlRegisterType<Product>("Product", 1, 0, "Product"); } ConcreteFactory::~ConcreteFactory() { } ConcreteFactory::ConcreteFactory() { } Product *ConcreteFactory::createProduct(QString type) { if(type == "boy") return static_cast<Product *>(new ConcreteProduct1()); else if(type == "girl") return static_cast<Product *>(new ConcreteProduct2()); return static_cast<Product *>(new ConcreteProduct1()); } 2 产品类

    一个产品是萌梦男,一个产品是萌梦女

    #ifndef PRODUCT_H #define PRODUCT_H #include <QObject> class Product: public QObject { Q_OBJECT public: virtual ~Product() = 0; Q_PROPERTY(QString icon READ icon NOTIFY iconChanged) QString m_icon; QString icon() const { return m_icon; } signals: void iconChanged(QString icon); protected: Product(); signals: public slots: }; class ConcreteProduct1: public Product { Q_OBJECT public: ~ConcreteProduct1(); ConcreteProduct1(); }; class ConcreteProduct2: public Product { Q_OBJECT public: ~ConcreteProduct2(); ConcreteProduct2(); }; #endif // PRODUCT_H #include "product.h" Product::~Product() { } Product::Product() { } ConcreteProduct1::~ConcreteProduct1() { } ConcreteProduct1::ConcreteProduct1() { m_icon = "qrc:/images/boy.png"; } ConcreteProduct2::~ConcreteProduct2() { } ConcreteProduct2::ConcreteProduct2() { m_icon = "qrc:/images/girl.png"; } 3. main.qml

    使用timer,canvas,listview等实现一个自动化生产的动画效果

    源代码

    Fork me on Gitee

    read more
  • blender建模 章鱼
    捕获2.PNG 😵

    read more

关注我们

微博
QQ群