DAY3-窗口部件和Qt设计师

110 阅读3分钟

QCheckBox --------------- 复选框

image-20220731144544885

 isChecked() ------- 判断是否选中
信号:
stateChanged(int) ------- 状态改变
​

QSpinBox ------------- 自旋框

image-20220731144553436

setRange() --------- 设置自旋框的范围
setValue() --------- 设置当前值
信号:
    valueChanged(int) -------- 值改变
    //指定重载信号的方法
    //QOverload<int>::of(&QSpinBox::valueChanged)

QRadioButton --------- 单选按钮

image-20220731144607371

isChecked() ------- 判断是否选中
信号:
    toggled(bool) ------ 状态改变

QSlider --------- 滑动条

image-20220731144617146

setRange() --------- 设置自旋框的范围
setValue() --------- 设置当前值
信号:
    valueChanged(int) -------- 值改变

QProgressBar ------------ 进度条

image-20220731144635847

信号:
    valueChanged(int) -------- 值改变
槽:
    setRange() --------- 设置自旋框的范围
    setValue() --------- 设置当前值
    reset() ------- 复位

列表部件框 ---------- QListWidget

image-20220731144644711

addItem(QString) ---------- 添加条目
selectedItems() -------- 获取当前选中的条目
信号:
    itemDoubleClicked(QListWidgetItem *item);//双击条目

下拉列表框 ----------- QComboBox

image-20220731144651767

addItem(QString) ---------- 添加条目
currentText() -------- 当前选中的条目
信号:
    currentTextChanged(const QString &); ------ 当前条目改变    

Qt设计师

Qt界面开发的方式

1.纯代码
2.使用设计师界面
3.混合模式

如何使用Qt设计师

在创建Qt窗口类项目时,勾上ui的选项,就会创建设计师界面(和窗口类对应)。同时也可以在项目建立之后再添加设计师界面。

image-20220731144700688

image-20220731144707391

项目中的xxx.ui文件就是设计师界面文件,打开设计师界面,就可以往界面上拉入窗口部件,设计师界面是怎么样,显示的窗口就是怎么样。

image-20220731144714039

ui设计师的基本操作

1.鼠标直接改变部件的大小和位置
2.双击窗口部件修改其显示的文字
3.支持复制,剪切,粘贴的操作
4.使用方向键调整选中部件的位置 ------- 10px
    ctrl+方向键 ------ 1px
5.shift+方向键调整选中部件的大小 ------- 10px
    ctrl+shift+方向键 ------ 1px
6.通过右下角的属性设置窗口直接设置选中窗口部件的参数    

ui设计师界面信号和槽的连接

直接生成槽函数

使用鼠标右键点击发送信号的部件就可以实现信号和槽的连接
//自动连接信号和槽,自动生成槽函数

image-20220731144724018

image-20220731144729355

image-20220816181605250

image-20220816181627013

点完直接生成

所有的信号生成

练习:

将ChangeLab界面用设计师实现

//在Qt代码中如何访问ui界面的窗口部件
ui->部件对象名

使用ui设计师设计一个简易计算器

练习:

完成简易计算器的设计

使用UI设计师和主窗口(QMainWindow)来设计一个记事本

主窗口时标准窗口的子类,在标准窗口的基础上添加了 菜单栏,工具栏,工作区,状态栏等内容。

QTextEdit -------------- 文本编辑器

复制 ----------- copy()
剪切 ----------- cut()
粘贴 ----------- paste()
撤销 ----------- undo()
取消撤销 ------- redo()

设置菜单内容

文件    编辑    格式

新建    撤销    字体
打开    取消撤销
        -----
保存    剪切
另存为  复制
------  粘贴
退出    删除
        -----
       查找
       替换
       -----
       全选 

连接菜单选项的信号和槽

菜单选项的信号和槽连接要在中下方Action Editor中进行连接
菜单点击的信号 ------ triggered

image-20220731144739889

菜单选项快捷键的设置

菜单选项快捷键的设置在中下方Action Editor中选择对应的选项设置

image-20220731144746901

练习:

将记事本其余菜单设计完成

工具栏

创建的主窗口默认没有工具栏,可以鼠标右键点击设计师右边的窗口部件层次界面选择添加工具栏。可以直接将菜单选项用鼠标拉倒工具栏。

可以往上放

image-20220817201231332

作业:

完成记事本程序的字体设置

将登录界面用设计师实现(使用布局管理器),登录成功后打开计算器

完成笔试题