QML无边框窗体怎么能调整大小?



  • 具体来说就是,窗口右下角那个东西用来调整大小的,但是无边框之后那个东西没有了

    ApplicationWindow {
        flags:  Qt.Window|Qt.FramelessWindowHint
    }
    

    无边框是这样设置的


  • 网站研运

    @hezhongfeng 还是可以通过MouseArea捕捉鼠标按下事件,然后借此通过修改ApplicationWindow的width和height可以制作更改窗口大小的小功能。



  • @jcy
    明白了,看来只能自己弄,并没有原生部件提供.Thanks



  • @hezhongfeng 写了一些代码。如下。希望能够提供一些思路给你。

    如下是: BackgroundItem.qml

    import QtQuick 2.5
    import QtQuick.Controls 1.4
    
    Item {
        id: backgoundItem
        property ApplicationWindow mainWindow: null
        property real windowBorderWidth: 10
    
        readonly property rect leftTop:  Qt.rect(0, 0, windowBorderWidth, windowBorderWidth) // left top
        readonly property rect leftSide: Qt.rect(0, windowBorderWidth, windowBorderWidth, backgoundItem.height - 2 * windowBorderWidth) // left side
        readonly property rect leftBottom: Qt.rect(0, backgoundItem.height-windowBorderWidth, windowBorderWidth, windowBorderWidth) // left bottom
        
        readonly property rect topSide: Qt.rect(windowBorderWidth, 0, backgoundItem.width-2*windowBorderWidth, windowBorderWidth) // top side
        readonly property rect center: Qt.rect(windowBorderWidth, windowBorderWidth, backgoundItem.width-2*windowBorderWidth, backgoundItem.height - 2 * windowBorderWidth) // center
        readonly property rect bottomSide: Qt.rect(windowBorderWidth, backgoundItem.height-windowBorderWidth,
                                                   backgoundItem.width-2*windowBorderWidth,  backgoundItem.width-2*windowBorderWidth) // bottom
        
        readonly property rect rightTop: Qt.rect(backgoundItem.width-windowBorderWidth, 0, windowBorderWidth, windowBorderWidth) // right top
        readonly property rect rightSide: Qt.rect(backgoundItem.width-windowBorderWidth, windowBorderWidth, windowBorderWidth, backgoundItem.height - 2 * windowBorderWidth) // right side
        readonly property rect rightBottom: Qt.rect(backgoundItem.width-windowBorderWidth, backgoundItem.height-windowBorderWidth, windowBorderWidth, windowBorderWidth) // left bottom
    
        Rectangle {
            anchors.fill: parent
            // anchors.margins: windowBorderWidth
            color: "white"
            border.width: 1
            border.color: "#ccc"
            // 最底层
        }
    
        MouseArea {
            anchors.fill: parent
            hoverEnabled: true
            property point oldPosition
    
            Component.onCompleted: {
                oldPosition = Qt.point(mouseX, mouseY);
            }
    
            onPositionChanged: {
                var currentPosition = Qt.point(mouse.x, mouse.y);
    
                var p = Qt.point(mouse.x, mouse.y);
    
                if(rectContains(leftTop, p) || rectContains(rightBottom, p)) {
                    cursorShape = Qt.SizeFDiagCursor;
                    if(pressed) {
    
    //                    mainWindow.x = mouse.x;
    //                    mainWindow.y = mouse.y;
                        var height_d = currentPosition.y - oldPosition.y;
                        var width_d =  currentPosition.x - oldPosition.x;
                        mainWindow.x += width_d
                         mainWindow.y += height_d
                        mainWindow.width += width_d;
                        mainWindow.height += height_d;
    
    
                        //console.log("pressed")
    
                    }
    
                    return;
                } else if(rectContains(leftBottom, p) || rectContains(rightTop, p)) {
                    cursorShape = Qt.SizeBDiagCursor;
                    return;
                } else if(rectContains(topSide, p) || rectContains(bottomSide, p)) {
                    cursorShape = Qt.SizeVerCursor;
                    return;
                } else if(rectContains(rightSide, p) || rectContains(leftSide, p)) {
                    cursorShape = Qt.SizeHorCursor;
                    return;
                }
    
                cursorShape = Qt.ArrowCursor;
                oldPosition = Qt.point(mouse.x, mouse.y);
            }
    
    
        }
        function rectContains(rect, point) {
            var x_d = point.x - rect.x;
            var y_d = point.y - rect.y;
    
            return (x_d > 0 && x_d < rect.width)
                    && (y_d > 0 && y_d < rect.height);
        }
    }
    

    main.qml 中使用:

    import QtQuick 2.5
    import QtQuick.Controls 1.4
    import QtQuick.Controls.Styles 1.4
    
    
    ApplicationWindow {
        id: app
        visible: true
        width: 640
        height: 480
        title: qsTr("Hello World")
    
        flags:  Qt.Window|Qt.FramelessWindowHint
    
        property real windowBorderWidth: 10
    
        style: ApplicationWindowStyle {
            background:
                BackgoundItem {
                id: backgoundItem
                 windowBorderWidth: app.windowBorderWidth
                 mainWindow: app
            }
        }
    
        Rectangle {
            anchors.fill: parent
            anchors.margins: 10
            color: "yellow"
            focus: true
            Keys.onEscapePressed: Qt.quit()
        }
    }
    

    这样。当鼠标在窗体边上时,就是改变鼠标图标,然后实现一些逻辑即可。不过上诉代码仅仅只是思路,具体的代码逻辑需要自行解决。



  • @qyvlikQML无边框窗体怎么能调整大小? 中说:

    就是改变鼠标图标,然后实现一些逻辑即可

    谢谢。
    在官方论坛也问了,基本还是得自己做。
    思路和这个差不多
    目前还是学习阶段



  • @hezhongfeng 你这个问题解决了吗?我也在寻求相关的资料。菜鸟表示很头疼


 

最近的回复

  • 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群











召唤伊斯特瓦尔