QT Designer基础——登录界面设计基础版2

认识QT Designer提供的可选控件:以下八个大类

Layouts:布局相关

Spacers:留空

Buttons:可点击的按钮类

Item Views和 Item Widgets:高级控件,例如一些列表显式

Containers:高级控件,承载类控件,该类控件中可以存放其他控件

Input Widgets\Display Widgets:输入可显式相关的控件

坐标原点以及控件坐标点的标记位置:

坐标原点如下图所示,可以设置不同的控件的坐标值来实现位置定位,以及控件对其,比如竖直排列对其,那就设置X值一样。

控件是一个面的图形,(x,y)到底标记的是图形哪个点呢——控件选中状态下都是矩形的(比如图纸上的边框用小黑点包裹起来),左上角的点。

常规的一些属性修改:

1、为控件取名字——唯一的标识一个控件,这样在代码中方便引用。

2、改变坐标位置:

3、改变控件颜色、字体、字号:

注意:这里的控件颜色,需要指定改变的什么属性的颜色(可选:背景颜色、文字颜色、边框颜色...)

展示样式:

使用布局控件来设计:

布局控件,就是下面4个控件+2个常用space控件,以及布局控件的快捷方式:

一旦将控件放进布局中,会出现一些问题,比如缩放时,两个控件到底是一起进行大小缩放还是某一个会发生缩放? 能否单独修改其中某个控件的尺寸位置?

1、放进布局中的控件,能否随着布局被缩放,是在下面的属性中进行配置的:

可见当前选中的布局中的lineEdit控件的水平策略是 expanding的,说明是可以进行水平缩放的。而垂直策略是fixed,表示宽度不会虽然布局整体缩放进行改变。当然还可以修改布局中前面一个label控件的策略使其能随着布局整体缩放进行缩放。

2、登录与取消两个button控件始终是连在一起的,要想实现向最开始的那样中间留有空格,需要使用spaces控件来实现。

3、上面的布局中的label与lineEdit控件的排列太近了,怎么让它显式更加隔开一些:

上面的宽度和高度属性当前是灰色的,不能进行修改,那么通过什么途径进行修改?

可以通过布局这个控件的的属性修改:

垂直布局:对当前所有控件进行垂直布局

对窗体进行布局设置:

窗体也应该带有布局属性,这样窗体在进行缩放时,窗体中控件才会整体进行缩放,下面是未进行窗体布局设置的情况:

怎么进行窗体布局设置:

最终修改的样式:

像一般的登录窗口,不会有缩放功能,显式的大小是固定的,怎么到达这个效果呢?

只需要设置窗体的长宽最大值和最小值固定位一致就行:

原文地址:https://www.cnblogs.com/data1213/p/10779787.html

时间: 2024-10-29 00:13:55

QT Designer基础——登录界面设计基础版2的相关文章

登录界面 beta版

1.MainActivity.java 1 package com.example.administrator.myapplication; 2 3 import android.content.Intent; 4 import android.support.v7.app.AppCompatActivity; 5 import android.os.Bundle; 6 import android.view.View; 7 import android.widget.EditText; 8 i

痞子衡嵌入式:超级好用的可视化PyQt GUI构建工具(Qt Designer)

大家好,我是痞子衡,是正经搞技术的痞子.今天痞子衡给大家介绍的是PyQt GUI构建工具Qt Designer. 痞子衡开博客至今已有好几年,一直以嵌入式开发相关主题的文章为主线,偶尔穿插一些其他技术或工具的介绍,前段时间因为要做一个跟恩智浦MCU启动相关的上位机工具 NXP-MCUBootUtility,网上搜索对比了几个Python下的GUI框架,最终选择了wxPython这个成熟稳定的GUI库,从而接触到wxFormBuilder这个配套wxPython使用的GUI构建工具.苦于网上关于该

[ PyQt入门教程 ] Qt Designer工具的布局管理

这节课很重要..界面整洁美观与否就看布局了..这里讲布局方法,至于设计的天赋与最终界面的美感那就看造化了.. 本文主要讲述Qt Designer工具实现界面控件布局管理,就是排列组合控件.包括水平布局.垂直布局.网格布局.表单布局.至于绝对布局太复杂..短期内hold不住 布局管理打开方法 方法一:Qt Designer -> Form菜单栏 方法二:右键单击主窗口 -> Lay out 四种布局管理介绍 (1)水平布局 Lay Out Horizontally:被选中的控件在水平方向上从左到

编写Qt Designer自定义控件(一)——如何创建并使用Qt自定义控件

在使用Qt Designer设计窗体界面时,我们可以使用Widget Box里的窗体控件非常方便的绘制界面,比如拖进去一个按钮,一个文本编辑器等.虽然Qt Designer里的控件可以满足我们大部分的需求,但是有时候,也会产生一些特殊的需要,比如一个输入框,我们要输入的是经纬度,此时就会有两种输入方式,一种是小数形式,一种是度分秒的形式,此时只使用一个简单的LineEdit是无法满足需求的.我们设想构造这样一个输入控件,它可以支持浮点数输入,同时它还具有一个属性,更改这个属性可以使其切换为经纬度

QT通过 QT designer 可以生成 ui文件

.生成方式:QT通过 QT designer 可以生成 ui文件  (.ui  && .ui.h) 2.UI文件内容: 以XML方式记录了QT designer生成的界面的相关内容,大体可以分为如下内容 widget属性,其内容(图形元素, layout..)的相关属性 头文件 变量 槽 函数 3. 通过UIC  (user interface compiler)可以把UI文件内容翻译成标准.h, .cpp文件 uic使用方法: 生成声明(.h)文件:    uic [options] &

python+QT designer 做图形化界面EXE程序

1.安装python 2.安装QT designer 或QT creator 3.打开QT designer 绘制你想要的图形化界面 类似这样 之后将文件保存,以ui后缀形式保存 4.下载安装pyside 直接easy_install 或pip安装 可能会保存,我安装的时候,提示 msvc 版本问题 查看许多国外论坛后,可以选择,pyside网站下载 对应Python版本的 whl安装包,下载成功之后,进入对应目录路径,直接 pip install  *.whl    *为包名 安装成功 5.将

Java基础知识强化之IO流笔记56:IO流练习之 登录注册IO版

1.  登录注册IO版的Java项目框架,如下: 2. 具体代码实现: (1)User.java(cn.itcast.game): 1 package cn.itcast.pojo; 2 3 /** 4 * 这是用户基本描述类 5 * 6 * @author 风清扬 7 * @version V1.1 8 * 9 */ 10 public class User { 11 // 用户名 12 private String username; 13 // 密码 14 private String p

实战基础技能(07)--------WPF的登录界面的排版

一:截图 二:XAML代码 <Window x:Class="wpf练习.登录窗体" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="登录窗体" Height="200" Width="

使用Qt Designer创建界面

在博客 "在Qt中使用C++代码创建界面"  (地址:http://blog.csdn.net/rl529014/article/details/51345619)中,我讲了如何通过纯C++代码来创建Qt图形界面, 这是传统的GUI程序开发方式,只使用C++代码,C++既负责设计界面,也负责处理业务逻辑. 界面是用户能够直接看到的,称为"前端":业务逻辑的处理用户看不到,在背后默默进行,称为"后台". 传统的GUI程序开发不区分前端和后台,统一使