qml之SplitView实现根据配置动态生成界面布局，附工程源码

原创

已于 2022-10-12 16:18:13 修改 · 1k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#qt #开发语言

于 2022-10-11 19:28:02 首次发布

本文介绍了一种名为SplitView的布局方案，该方案能够将主视图分割为多个可自定义大小的小视图区域，并支持通过拖动调整各部分的比例。SplitView适用于需要灵活布局的应用场景，如多窗口管理或仪表盘设计等。

简介

SplitView：能将视图切割成不同的小块，每个小块可以是不同的组件，且各个组件之间大小可根据拖动调整，而且可支持窗口切换

源码

https://download.youkuaiyun.com/download/lab1228/86749025

效果预览

在这里插入图片描述

配置文件

 property var subWindowsConfig:[
            {
   
   
                widthPercent:0.75,
                subWindows:[
                    {
   
   
                        heightPercent:1,
                        qml:"BlueRect.qml"
                    }
                ]
            },
            {
   
   
                widthPercent:0.25,

                subWindows:[
                    {