qt登录界面布局

这篇具有很好参考价值的文章主要介绍了qt登录界面布局。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

qt个人小笔记
1、主体布局
qt登录界面,Qt自学,qt,开发语言,ui
其中用户名和密码都是label标签:
qt登录界面,Qt自学,qt,开发语言,ui
用户名和密码后面的输入框都是linedit标签:
qt登录界面,Qt自学,qt,开发语言,ui
下方的登录和退出按钮都是push button标签:
qt登录界面,Qt自学,qt,开发语言,ui
2、水平操作:
将这些东西添加完成以后,要保证用户名与后面的数入框水平,密码与后面的输入框水平,登录和推出按钮水平,那么便需要把想要水平的标签先加入widget,点击水平按钮即可。例:
qt登录界面,Qt自学,qt,开发语言,ui
首先利用鼠标将widget拉进ui,蓝框便是widget:
qt登录界面,Qt自学,qt,开发语言,ui
其次将登录和推出按钮拉入widget,这里会出现遮蔽属于正常现象:
qt登录界面,Qt自学,qt,开发语言,ui
最后选中widget,点击水平按钮即可,水平按钮:
qt登录界面,Qt自学,qt,开发语言,ui
点击完成后:两个按钮处于水平
qt登录界面,Qt自学,qt,开发语言,ui
3、保证所有标签都能随着整体页面变化而变化:
首先点击垂直按钮对整个ui进行垂直布局,会让所有标签都变的很大:
qt登录界面,Qt自学,qt,开发语言,ui
qt登录界面,Qt自学,qt,开发语言,ui
其次在各个widget周围加入horizontal spacer弹簧:
qt登录界面,Qt自学,qt,开发语言,ui
qt登录界面,Qt自学,qt,开发语言,ui
整个界面运行出来:
qt登录界面,Qt自学,qt,开发语言,ui
当然弹簧也可以调整为固定值,在右下角的属性界面中,sizetype原来是expanding,是可以自动伸缩的,将其调整为fixed,即可通过下面的sizehint进行调整。
qt登录界面,Qt自学,qt,开发语言,ui
例如这里,当整个界面变大时会发现登录按钮与推出按钮之间的距离也在变,为了不变便可以在中间加入固定尺寸的弹簧。
qt登录界面,Qt自学,qt,开发语言,ui
4、布局优化:
当然这样的布局发现用户名和密码距离太远,那么其实可以将两个放入同一个widget:
qt登录界面,Qt自学,qt,开发语言,ui
此时,不要点击水平,点击栅格布局:
qt登录界面,Qt自学,qt,开发语言,ui
那么继续点击垂直布局,加入弹簧:
qt登录界面,Qt自学,qt,开发语言,ui
qt登录界面,Qt自学,qt,开发语言,ui
这里的间距仍然过大,此时选中widget,在有右下角的sizepolicy中找到垂直策略,改为Fixed:qt登录界面,Qt自学,qt,开发语言,ui
那么,间距便会变窄:
qt登录界面,Qt自学,qt,开发语言,ui
同理对下面的widget同操作:
qt登录界面,Qt自学,qt,开发语言,ui
当然太近的话也可以加入固定的垂直弹簧。
5、ui属性
(1)当不想让用户可以对界面进行放大缩小操作时可一固定窗口大小,找到右下角的miniumsize和maxmunsize,将两个修改为一样的值,即可固定:
qt登录界面,Qt自学,qt,开发语言,ui
(2)窗口名字
qt登录界面,Qt自学,qt,开发语言,ui
(3)能看到在widget中,标签上下左右距离widget框的边界都是有间隙的,选中框后可以在layout中进行修改,能看到默认都是9个像素。
qt登录界面,Qt自学,qt,开发语言,ui
(4)密码输入时,用户并不想直接显示数字,选中框找到最下面的echomode,其中noecho可以让输入直接隐身,password以圆形黑点的形式输入:
qt登录界面,Qt自学,qt,开发语言,ui文章来源地址https://www.toymoban.com/news/detail-773592.html

到了这里,关于qt登录界面布局的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【QT开发专题-天气预报】16.更新 UI 界面

    本专栏将会在未来 4 个月内,完成以下几个 Qt 项目: 《天气预报》 《文本编辑器》 《俄罗斯方块》 《绘图板》 《网络聊天室》 《串口助手》 完成时间预计在 2022-12-31 ,文章数目在 50 篇左右,更新完毕之后,价格恢复到 ¥299 专栏优势: 每个项目都是从零新建工程开始

    2023年04月08日
    浏览(53)
  • QGIS开发五:VS使用QT插件创建UI界面

    前面我们说了在创建项目时创建的是一个空项目,即不使用 Qt 提供的综合开发套件 Qt Creator,也不使用 Qt Visual Studio Tools 这类工具。 但是后面发现,如果我想要有更加满意的界面布局,还是要自己写一个UI文件,如果不使用QT插件,在VS中导入自己的UI文件编译起来不是那么容

    2024年02月13日
    浏览(44)
  • QT学习开发笔记(项目实战之智能家居物联 UI 界面开发 )

    项目路径为 4/01_smarthome/01_smarthome/01_smarthome.pro,先看项目界面。项目界面如 下,采用暗黑主题设计,结合黄色作为亮色,让用户一目了然。界面笔者从一些智能家居界面 中找到灵感的,编写设计完成的效果不错!请自行查阅源码,掌握了本教程前面第七章的内容, 就可以理

    2024年02月16日
    浏览(40)
  • 【Qt】使用Qt designer(Qt设计师)以及uic工具将ui文件转换到C++代码进行界面开发

    【Qt】编写第一个Qt程序,使用Cmake编译并运行 Qt Designer是一个用于创建Qt应用程序用户界面的图形化界面设计器。它是Python GUI开发的一个重要工具,可以帮助用户快速创建具有丰富功能的用户界面。 打开终端输入以下代码 点击创建 拖一些组件进来,点击保存 得到一个后缀为

    2024年02月16日
    浏览(39)
  • QGIS二次开发六:VS不借助QT插件创建UI界面

    上一篇博客我们说了在VS中如何使用QT插件来创建UI界面,但是我们二次开发QGIS的第一篇博客就说了,最好使用OSGeo4W中自动下载的QT进行QGIS二次开发,这样兼容性是最好的,那么该如何在VS中不使用外部安装的QT以及QT的VS插件情况下进行UI界面的创建和使用呢? 如果你仔细看完

    2024年02月13日
    浏览(29)
  • 【Android】UI布局之线性布局(登录界面代码)

    1、布局管理 组件在activity中呈现的方式,包含组件大小、间距、对齐方式 Android提供了两种布局的实现方式: .在xml配置文件中声明,通过setContentView(R.layout.main)方法呈现在activity中,通过findViewById()方法获得组件实例。(一般推荐这种方式) 动态生成组件以及设置相关布局

    2024年02月11日
    浏览(37)
  • 12-2_Qt 5.9 C++开发指南_自定义Qt Designer 插件(UI 设计器自定义界面组件的 Widget 插件,直接安装到 UI设计器组件面板里,如同 Qt 自带的界面设计组件一样)

    上篇使用提升法(promotion)来创建自定义组件,本篇为 UI 设计器设计自定义界面组件的 Widget 插件,直接安装到 UI设计器的组件面板里,如同 Qt 自带的界面设计组件一样使用,在设计时就能看到组件的实际显示效果,只是编译和运行时需要使用到插件的动态链接库 (Windows 平台上

    2024年02月05日
    浏览(37)
  • QT界面布局和设计

    2024年02月12日
    浏览(39)
  • 【Visual Studio】Qt 的实时绘图曲线功能,使用 C++ 语言,配合 Qt 开发串口通信界面

    知识不是单独的,一定是成体系的。更多我的个人总结和相关经验可查阅这个专栏:Visual Studio。 战斗背景:做了个串口接收界面,用来接收传输过来的信号。但是光用数字显示太单调,需要用图线显示出来。 战略目标:干掉它。 战术路线:Qt 绘图可以使用 Qt Charts,先了解

    2024年02月11日
    浏览(38)
  • 嵌入式 QT 界面布局管理

    目录 1、实例程序功能 2、界面组件布局 2.1 界面组件的层次关系 2.2 布局管理 2.3 伙伴关系和Tab顺序       创建一个 Widget Application 项目 samp2_2, 在创建窗体时选择基类 QDialog ,生成的类命名为 QWDialog ,并选择生成窗体。     如 此 新建 的项 目 samp2_2 有一 个界 面文 件 qwdi

    2024年02月04日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包