Qt的ui界面操作

最新推荐文章于 2024-05-06 16:32:35 发布
最新推荐文章于 2024-05-06 16:32:35 发布
阅读量3.3k 收藏 28
点赞数
分类专栏： QT
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mugeit/article/details/111240551
版权
本文介绍了Qt界面设计的各种布局技巧，包括水平、垂直和栅格布局，并讲解了如何调整控件间隙和大小。此外，还详细阐述了各种控件的使用，如Push Button、Tool Button、Radio Button、Check Box、Item Views以及Progress Bar等，特别是控件的属性设置和信号槽机制。同时，提到了自定义控件封装的方法，通过创建新UI文件、提升控件类并实现联动功能。
摘要由CSDN通过智能技术生成

界面布局

  • 界面布局的美化：拖拽widget，进行布局：水平布局、垂直布局、栅格布局；以及打破布局等。
  • 默认窗口和控件之间有9像素间隙，可以调整layoutLeftMargin  等属性
  • 若要使得widget大小和控件大小一样大，可以调整widget的sizePolicy 其中的垂直策略等等
  • 使用弹簧 以及弹簧属性调整控件位置
  • 密码的输入模式：可更改echoMode

控件

  • Push Button ：将资源文件添加后，可以在icon属性中添加图标
  • Tool Button：常用于显示图片； 在icon属性中添加；设置text后要使Button显示需要更改QToolButton中的toolButtonStyle；透明/凸起效果：autoRaise
  • Radio Button：单选框；可以选择Group Box进行选项分组；要实现初始有默认值一般使用代码来实现
  • Check Box：多选按钮；同样可以放入Group Box中；同样可以设置选项的信号和槽机制，触发打印
  • Item Views （Model-Based)：基于数据库模型
  • Item Widget （Item-Based）：基于项目
    • List Widget：列表
最低0.47元/天 解锁文章
mugeit
关注
  • 0
    点赞
  • 踩
  • 28
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
第七章节 Qt的UI界面设计详解
m0_65635427的博客
06-26 293
1）剪贴、拷贝、粘贴的 enable 属性，能够自动的变化： 当编辑器没有选择文本的时候，剪切、拷贝工具最好不能使用（灰色状态） 当编辑器已经选择文本的时候，剪切、拷贝工具能使用（正常状态）， 当剪贴板中没有东西可以粘贴进文本编辑器时，粘贴工具最好不能使用。2）下划线工具，斜体工具，粗体工具的复选状态，能够自动变化。还有一些 Action（新建、打开、粗体、斜体等）所需要的槽函数，接受者控件本身没有对应 的方法，就需要生成新的槽函数。用代码创建的组件(字体大小，字体选择），它们的信号槽只能通过代码来实现。
QT ui界面
光顶术士的博客
03-10 373
1 Action Editor 工具栏ToolBar内的控件 2 Object Inspector 界面内的所有控件对象 3 Property Editor 某一控件的属性信息 4 Signals & Slots Editor 虽然用了槽函数和信号函数 但是没显示过. 5 Widget box 界面控件栏 ...
Qt----UI界面设计
weixin_47268803的博客
11-18 3149
在新建工程中，我们需要将Generate form勾选上。在项目中，我们发现添加了一个.ui文件，我们以后可以在这个文件里进行UI界面的设计。在.pro文件中，我们也可以看到添加了一些东西。
一个QT的UI界面
04-17
一个简单的QT工程的界面，C++语言编写，支持QT4.8.3编译
QT-UI界面
qq_43535469的博客
03-05 727
控制拖拽控件 当我们从ui界面拖拽出控件时 例如我们创建了一个文件下的新建按钮 我们可以在右下角看到他的objectName 就是控制它的代码名字 我们可以在代码ui->actionxinjian中控制它 设置按钮图标（icon） ui->actionxinjian->setIcon(QIcon(“文件路径”))； 也可以不用文件路径 用QT资源 ui->actionxinjian->setIcon(QIcon(": + 前缀名 + 文件名"))； 例如 ui->a
Qt第一课 第一个ui界面
最新发布
qq_74047911的博客
05-06 1113
代码后，运行结果就跟你设计的一样了。ui对象在Qt中起到了连接用户界面和代码逻辑的桥梁作用，是一个主窗口mainWindow的指针，可以指向各个控件进行操控。这个按钮是确实可以点的，但是我们点了，什么用也没有，接下来我们就该想想怎么让它动起来呢？这里就会出现一点问题，当然有的人可能不会出现这样的问题，这是为什么呢？答案是每个部件都有一个属于自己的名字，在设计界面的右下角有一个属性栏，可以进行修改，也可以对着控件右键修改。好了，就到这里吧，我也是一个新手，很多地方可能做的不好，还希望各位大佬，多多照应。
【QT】1.快速入门-新建工程和简单理解ui界面
m0_64130086的博客
04-26 612
xxx.pro：新手不用管，也不要改动。学习深入后就需要改了。mainwindow.h：mainwindow.cpp的头文件mainwindow.cpp：存储窗口的类mainwindow.ui：一般称为设计师界面，直接点击可以进入图形设计界面。
Qt小程序(五)-简单Ui界面操作
热门推荐
simon曦的博客
11-30 1万+
目录目录 前言 ui界面操作 对话框代码 创建效果 总结前言刚刚学习了如何使用ui界面文件创建对话框，用到了一些常用的操作，包括信号与槽等，这样的东西都是套路化的，只有记录一遍，以后只要按操作执行就不会出现问题了应该，所以特此记录下先！ui界面操作 创建一个Label 创建一个LineEdit 创建两个Push Button 直接拖动Widget Box中的控件即可，但是这时候是没有布局的。我
QT UI.zip_QT 精美UI资源_QT界面美化_qt 美化_qt5 界面美化_theoryazi
07-14
QT UI.zip 文件包含了一系列关于QT界面美化和设计的实例，主要展示了如何利用QT库来创建精美的用户界面。QT是一个跨平台的C++图形用户界面应用程序开发框架，它提供了丰富的API和工具，使得开发者能够轻松地创建出...
Qt-ui.rar_QT UI_QT界面_Qt 文件_qtui界面_ui
09-22
Qt UI是Qt框架中的一个重要组成部分，它为开发者提供了强大的图形用户界面设计能力。Qt UI（User Interface）基于一种称为`.ui`的XML格式文件，这种文件可以使用Qt Designer工具进行可视化设计，允许开发者通过拖放...
Qt中怎么用Ui文件
08-10
Qt中怎么用Ui文件 第一步， 制作ui文件。 首先应该用Qt Designer绘制一个自己的界面，并存为myform.ui（这里的myform可以用自己喜欢的名字代替）。 在制作自己的界面文件时要注意以下几个要点： 1、要记住ui文件的名字，因为uic生成的代码会存在ui_myform.h里 2、要记住主窗体的object name， 因为ui文件提供的类名将以这个form的名字来命名 3、要特别注意你的form选择的基类要和你代码中的窗体类兼容 4、要记得给每个后面需要访问到的控件起一个有意义并且好记的object name， 因为ui文件提供的控件将以这些object name来命名 清楚了以上几点，在代码中使用你的ui文件就会变得非常简单。 第二步，将ui文件加入工程 这一步最简单，只需要修改pro文件，加入FORMS+=myform.ui qmake -project命令也可以识别后缀名为ui的文件，并将之加入工程。 第三步，在代码中引用ui文件 官方介绍的使用ui文件的方法有三种，一个是直接引用，二是单继承，三是多继承。 第一种方法其实很不实用，大家去看一下文档中的例子就可以了；第二种和第三种没有本质的差别，可以并作一类，这里做重点介绍。 ui文件最终会被翻译成标准的C++代码，并存入一个.h文件中，这个过程在调用make之后才进行，所以初始情况下你是看不到这个ui_myform.h文件的，只有经过了make过程该头文件才生成。不过没关系，没有这个文件我们照样能写出正确的代码。 单继承方式简单来说就是在代码中首先要自定义一个子类（后文称为MyForm），该类要从form对应的窗体类（或其兼容的子类）派生；并用ui生成的类定义一个类里的成员变量（后文成文myui）。这样在MyForm的构造函数中可以直接调用myui和myui中的变量和函数，使用起来很方便。 举例说明， 比如这里有一个ui文件叫myform.ui， ui文件里定义的窗体名字为BigWidget，上面摆放了一个单行编辑控件叫lineeditName： //myform.h #include “ui_myform.h” class MyForm: public QWidget { Q_OBJECT public: MyForm(QWidget*parent) { myui.setupUi(this); } private: Ui::BigWidget myui; private: void my_function(); }; 上面这段简单的类的声明是前文所述前三点要点的最佳例证，请对照要点的文字描述和具体的代码体会其中的含义。这里还有一点比较有意思的地方，就是ui文件提供的类被包含在了名为Ui的name space里，这样做的目的是将ui文件的命名空间与用户的代码分离，避免两者出现命名冲突的情况。相应的，我们写代码的时候也要注意在使用ui文件中的类时要用“Ui::”的方式进行引用。 再来看cpp文件 //myform.cpp #include #include “myform.h” void my_function(void) { QMessageBox::information(this, “Name”, myui.lineeditName->text()); } 这里随便写了一个函数，为了说明如何在窗体类里调用ui文件中定义的控件。这段代码非常简单，就不多作说明了。 有了单继承的基础，学习多继承是小菜一碟。来段代码看一下就明白了。 //myform.h #include “ui_myform.h” class MyForm: public QWidget, public Ui::BigWidget { Q_OBJECT public: MyForm(QWidget*parent) { setupUi(this); } private: void my_function(); }; //myform.cpp #include #include “myform.h” void my_function(void) { QMessageBox::information(this, “Name”, lineeditName->text()); } 是不是不用说明大家也能明白呢？多继承其实就是不仅从form需要的窗体类去派生，还要加上ui提供的类本身。这样带来的好处是你的窗体类继承了ui里的所有控件和方法，调用时就可以少写一些字。 单继承和多继承这两种方法没有好坏之分，大家可以根据自己的编程习惯取舍。 第四步，编译、验证在pro文件包含正确FORMS信息的情况下，运行qmake; make就可以编译工程了。 make时如果你认真看一下输出就会发现，make在最开始编译的时候就会自动调用uic去生成需要的代码。经过make之后ui_myform.h文件就生成了，建议大家去看一下这个文件的内容。
QT实现的酷狗漂亮UI界面资源
07-13
本人用QT实现的自定义的 QQ UI设计,自定义widget 窗体，自定义控件完成
Qt建立主窗口界面控制按钮调用两个独立ui界面
04-20
对新手学习Qt来说，建立主窗口界面，但是控制按钮调用两个独立ui界面出现很多的错误。本资源为源码，可以通过点击按钮不断切调用两个不同ui界面来显示到主窗口界面
QT漂亮界面
12-27
QT界面开发。QT漂亮界面。 欢迎大家一起学习。。。。。
quitool_QT_qt界面漂亮_QT界面美化_qt漂亮界面_QTUI
09-11
在该文件中，开发者可以通过拖放控件、调整布局、设置属性等方式设计UI界面。完成后，这个文件会被编译成C++代码，供程序运行时使用。 2. `frmquitool.h`：这是由QT的moc（Meta-Object Compiler）工具生成的头文件...
QT入门之ui界面控件的那些事
08-06
就是简单介绍了一下UI界面的所有控件，以及相应的属性,但是由于太多了，这一版目前还不太全，后续有时间更新
QT的UI界面效果预览快捷键
qq_28643619的博客
01-28 8879
QtCreator的界面预览： Shift + Alt + R 运行快捷键：Ctrl+R 只构建快捷键：Ctrl+B 怕忘了，自己记录一下。
qt ui界面向上转型
08-20
在Qt中，可以通过向上转型将UI界面转换为更通用的父类类型。向上转型是指将子类对象赋值给父类指针或引用的过程。在Qt的UI界面中，通常会创建一个自定义的类来实现界面的逻辑，并将UI界面与该类进行关联。因此，可以通过将UI界面对象向上转型为父类类型来实现更灵活的操作和管理。 例如，如果在Qt中创建了一个名为"MainWindow"的UI界面，并生成对应的类"MainWindowClass"，那么可以将"MainWindowClass"向上转型为更通用的父类类型，如QWidget或QObject。这样，在使用UI界面时，可以通过父类指针或引用来访问和操作UI界面的属性和方法。 举例来说，可以使用如下代码将"MainWindowClass"向上转型为QWidget类型： ``` MainWindowClass *mainWindow = new MainWindowClass(); QWidget *widget = mainWindow; // 向上转型为QWidget类型 ``` 通过这样的向上转型，可以在需要使用QWidget类型的地方使用该UI界面对象，实现对UI界面的统一管理和操作。 需要注意的是，向上转型只能调用父类中定义的属性和方法，无法直接访问子类中新增的属性和方法。若需要使用子类特有的属性和方法，可以在需要的时候进行向下转型。 综上所述，通过向上转型可以实现Qt的UI界面的灵活使用和管理。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Qt读书笔记](https://blog.csdn.net/penaiyan/article/details/9106363)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值