码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-04-27 19:47:18      阅读:250      评论:0      收藏:0      [点我收藏+]

标签:edit   mda   界面设计   bsp   sig   splay   出现   代码   控件   

认识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控件的排列太近了,怎么让它显式更加隔开一些:

技术图片

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

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

技术图片

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

技术图片

对窗体进行布局设置:

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

技术图片

技术图片

怎么进行窗体布局设置:

技术图片

技术图片

最终修改的样式:

技术图片

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

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

技术图片

技术图片

 

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

标签:edit   mda   界面设计   bsp   sig   splay   出现   代码   控件   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!