【QT从零开始系列05】ui设计登录窗口

最新推荐文章于 2024-09-11 17:54:03 发布

TheonlyRain

最新推荐文章于 2024-09-11 17:54:03 发布

阅读量870

点赞数

分类专栏： Qt笔记文章标签： qt c++

本文链接：https://blog.csdn.net/King_why_love/article/details/104587027

版权

这篇博客详细介绍了如何使用QT设计一个登录界面，包括添加控件如Label、LineEdit和按钮，设置布局如水平和网格布局，调整窗口大小及控制控件间距，以及编辑框的设置，如输入模式的选择。

摘要由CSDN通过智能技术生成

文章目录

登陆界面

登陆界面

控件

Label 标签

Line Edit 单行编辑框

Push Button 按钮

Horizontal Spacer 水平弹簧

Vertical Spacer 竖直弹簧

Horizontal Layout 纵向布局

Grid Layout 方格布局

布局

Containers -> Widget -> 把控件拖拽进去，再选择上方的水平布局

左右放置弹簧（Spacer）设置布局

弹簧默认宽度自适应

设置固定宽度sizeType -> Fixed

控制Widget与控件大小相同

选中Widget->sizePolicy->水平策略—>Fixed

改变窗口标题

windowTitle

固定窗口大小

设置geometry 宽度和高度

设置minimumSize 统一大小

设置maximumSize 统一大小

即可固定窗口大小

窗口和控件间隙

选中widget -> (右侧下方)Layout -> layoutLeftMargin、layoutTopMargin、layoutRightMargin、layoutBottomMargin

编辑框(Edit)

选中编辑框Line Edit -> QLineEdit -> echoMode

Normal ：明文

NoEcho : 不显示输入

Password ： ●●●●●●

PasswordEchoOnEdit：编辑时显示，选中其他部分时●●●●●●

效果

在这里插入图片描述

ui文件

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>MainWindow</class>
 <widget class="QMainWindow" name="MainWindow">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>350</width>
    <height>240</height>
   </rect>
  </property>
  <property name="minimumSize">
   <size>
    <width>350</width>
    <height>240</height>
   </size>
  </property>
  <property name="maximumSize">
   <size>
    <width>350</width>
    <height>240</height>
   </size>
  </property>
  <property name="windowTitle">
   <string>登录窗口</string>
  </property>
  <widget class="QWidget" name="centralWidget">
   <layout class="QVBoxLayout" name="verticalLayout">
    <item>
     <widget class="QWidget" name="widget" native="true">
      <property name="sizePolicy">
       <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
        <horstretch>0<