Qt Quick Controls



  • 参考视频:Introduction to Qt – Intro to Qt Quick Controls {tutorial}

    主要功能

    • 做一个经典的编辑器界面
    • 一个文件菜单,包含新建、打开、保存
    • 一个工具栏,包含新建、打开、保存

    源码

    main.qml

    import QtQuick 2.11
    import QtQuick.Window 2.11
    import QtQuick.Controls 2.3
    import QtQuick.Layouts 1.3
    ApplicationWindow {
        visible: true
        width: 640
        height: 480
        title: qsTr("Qt Quick Controls")
    
        Action{
            id:actionNew
            text: qsTr("&New")
            shortcut: StandardKey.New
            icon.source: "qrc:/baseline_fiber_new_black_18dp.png"
            onTriggered: {
                area.placeholderText = "To do - New"
            }
        }
        Action{
            id:actionOpen
            text: qsTr("&Open")
            shortcut: StandardKey.Open
            icon.source: "qrc:/baseline_folder_open_black_18dp.png"
            onTriggered: {
                area.placeholderText = "To do - Open"
            }
        }
        Action{
            id:actionSave
            text: qsTr("&Save")
            shortcut: StandardKey.Save
            icon.source: "qrc:/baseline_save_black_18dp.png"
            onTriggered: {
                area.placeholderText = "To do - Save"
            }
        }
        menuBar: MenuBar{
            Menu{
                title: "File"
                MenuItem{action: actionNew}
                MenuItem{action: actionOpen}
                MenuItem{action: actionSave}
            }
        }
        header: ToolBar{
            RowLayout{
                ToolButton{action: actionNew}
                ToolButton{action: actionOpen}
                ToolButton{action: actionSave}
            }
        }
        TextArea{
            id: area
            anchors.fill: parent
        }
    }
    
    

    截图

    最后的运行效果

    image

    自己做的时候留下的部分截图

    image

    思考与总结

    这是一个完全没有办法拖控件的Demo,所有的东西都是手敲的。不光如此,视频中的Action图标根本出不来,我最后是从 https://material.io/tools/icons/ 上下载了几个图标挂上去的。

    视频的后面展示了其他的几个控件,其实就是把几个新建的空工程跑了一遍。

    GitHub: https://github.com/PikachuHy/qml-demo/tree/master/qt-quick-controls


 

最近的回复

  • 0_1539655233041_329385492.jpg
    各位大家好哦。
    经过一个晚上对论坛的维护更新,我们成功地将论坛更新到最新的版本。这次的版本更新主要是提升了稳定性,因此功能上和原来的一样,请大家放心,不会出现奇怪的东西什么的啦。然后呢,由于提升了稳定性,因此论坛不会莫名其妙地出现未响应的情况,总之比以前好就对啦。

    此外,论坛新增了自己研制的一个分享的插件:nodebb-plugin-share-sns-cn。这个插件呢,主要是做主流社交网站的分享的。目前暂时支持QQ、微博以及微信的分享。目前初版是1.0。

    希望大家常常来论坛玩~

    阅读更多
  • 发一些二次元妹子图吧。谁叫我有时候也挺无聊的呢~
    0_1539486167719_119.jpg

    阅读更多
  • 0_1539445819168_123.jpg
    各位大家好!
    又有一段时间啦。我们的萌梦动作编辑器又进行更新啦!☺ ☺
    这次的更新呢,主要是完善了一下自动构建系统。也就是说为了持续构建并且能够给到爱好者可用并且稳定的软件,我们做了很多的努力,其中一点就是制作了脚本进行持续构建,以前要花很多很多的时间对动作编辑器进行构建,现在呢,没有那么复杂了。简简单单地数个批处理操作,即可快速构建咱们的动作编辑器,使得从代码到产品只需要十几分钟即可完成,比以前的速度节省了90%的时间,可谓神速!这套系统已经成功地应用到Windows平台线上了,现在基本可以做到每日构建的水平。而且为每次构建专门准备了pdb文件,即一旦用户运行动作编辑器出现了问题,可以通过程序调试数据库定位到问题的位置,从而提升服务的水平,想想这对于我一直坚持的萌梦这款产品来说算是革命性的操作呢。

    当然现在这套系统只能应用在Windows线上,Mac OS X这条线是我接下来努力的方向,也希望能够实现Mac这条线的每日构建效果。然后Linux平台也比较重要,想起Linux开发应该比Windows等等要方便,所以我想难度比Windows的要小很多,甚至比Mac OS X的都要小。总之路途还很遥远,加油努力吧!

    这次的Windows版本已经成功地在Windows的安装包中进行测试,同时提供在线的和离线的安装包。下面就是这些安装包的github下载地址。

    Windows在线安装包
    Windows离线安装包

    阅读更多
  • 手动给一个赞!!☺ 🤗
    0_1539264026793_好美的图啊.jpg

    阅读更多

关注我们

微博
QQ群











召唤伊斯特瓦尔