Qt Quick Designer生成的图形可以自适应窗口的大小变化

17 篇文章 1 订阅

前言

Qt Designer是用来编辑Qt Widget Application图形界面的,
Qt Qucik Designer是用来Qt Qucik Application图形界面的
Qt Designer生成的图形可以自适应窗口的大小变化
地址:http://blog.csdn.net/zzti_erlie/article/details/52931327
我们以做一个登陆窗口来介绍这个知识点

  1. 新建一个Qt Qucik Contronl 2 Application
    这里写图片描述
  2. 楼主用的是Qt5.7.0,新建完成后是这个样子,因为要修改Page1的内容,所以把Page1.qml的内容都删掉,打开Page1Form.ui.qml文件
    这里写图片描述
  3. 把原来的东西删的只剩一个Item
    这里写图片描述
  4. 往编辑框里拖一个Label和一个Text Field,调整大小,然后复制Label和Text Field
    这里写图片描述
  5. 选中这4个控件,然后点击鼠标右键,有一个Layout选项,Layout选项中又包含3个选项
    Layout in RowLayout(行布局)
    Layout in ColumnLayout(列布局)
    Layout in GridLayout(网格布局)
    选Layout in ColumnLayout即可,更改一下控件的内容然后运行,这时你会发现控件还是不能自适应窗口变化
    这里写图片描述
    这里写图片描述
    这是因为没有在窗口布局Layout,Qt Designer里面的窗口布局还是Layout,但是在Qt Qucik Designer里面我只找到了锚布局,估计只能锚布局
    这里写图片描述
  6. 选中GridLayout,把右边的选项点到Layout里面
    这里写图片描述
  7. 这个就是在窗口设置锚布局,和上下左右的距离,中间这个被正方向围住的是同时调节4个方向的布局,最后2个是在父控件水平居中,在父控件垂直居中,选中这2个就行,这2个背景会变暗,这时下面的有一部分会高亮,你可已调整它的边距
    这里写图片描述
  8. 看效果
    这里写图片描述
    这里写图片描述
  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Java识堂

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值