【QT】常用控件|widget|QPushButton|RadioButton|核心属性

 

目录

​编辑 

概念

信号与槽机制

控件的多样性和定制性 

核心属性 

enabled

geometry

​编辑 windowTiltle 

 windowIcon

toolTip

styleSheet

PushButton

 RadioButton

---

 

概念

QT 控件是构成图形用户界面（GUI）的基础组件，它们是实现与用户交互、展示信息、收集输入的关键元素。在使用Qt进行界面开发时，掌握这些基础控件的特性和用法，是构建高效、美观应用的前提。

信号与槽机制

信号与槽机制是QT的核心特性，这让控件间的通信变得简单而高效。我们可以轻松地将一个控件的事件（如按钮点击）连接到另一个控件或自定义函数上，实现复杂的交互逻辑。 

控件的多样性和定制性 

• QT的控件库非常丰富，几乎涵盖了所有常见的界面元素,允许对控件进行定制，包括外观、行为和功能上的修改，以满足特定的设计需求。
• 使用样式表（QSS）来改变控件的外观，类似于网页开发中的CSS。

核心属性 

属性	作用
enabled	设置控件是否可使⽤.true表示可用，false表示禁用
geometry	位置和尺寸，包含x,y,width,height四个部分。坐标以父元素为参考设置
windowTitle	设置widget标题
windowIcon	设置widget图标
windowOpacity	设置widget透明度
cursor	鼠标悬停时显示的图标形状，Qt Designer界面有很多可选项
font	设置字体相关属性，涉及字体家族，字体大小，粗体，斜体，下划线等
toolTip	鼠标悬停在widget上的提示信息
toolTipDuring	toolTip显示的持续时间

enabled

• isEnabled():获取控件的可用状态
• setEnabled:设置控件是否可用,true表示可用，false表示禁用

geometry

 

X坐标向右增加，Y坐标向下增加

• geometry:获取当前控件的位置和尺寸
• setGeometry(QRect):设置控件的尺寸和位置，可以接受一个整体参数，也可以分四个属性 

//设置目标按钮移动void Widget::on_pushButton_up_clicked()
{//控制目标按钮往上移动//1.获取目标按钮的位置QRect rect = ui->pushButton_target->geometry();//2.更改位置信息ui->pushButton_target->setGeometry(rect.x(),rect.y()-5,rect.width(),rect.height());qDebug()<<"up";
}void Widget::on_pushButton_left_clicked()
{//控制目标按钮左移动//1.获取目标按钮的位置QRect rect = ui->pushButton_target->geometry();//2.更改位置信息ui->pushButton_target->setGeometry(rect.x()-5,rect.y(),rect.width(),rect.height());qDebug()<<"left";
}void Widget::on_pushButton_down_clicked()
{//控制目标按钮往下移动//1.获取目标按钮的位置QRect rect = ui->pushButton_target->geometry();//2.更改位置信息ui->pushButton_target->setGeometry(rect.x(),rect.y()+5,rect.width(),rect.height());qDebug()<<"down";
}void Widget::on_pushButton_right_clicked()
{//控制目标按钮往右移动//1.获取目标按钮的位置QRect rect = ui->pushButton_target->geometry();//2.更改位置信息ui->pushButton_target->setGeometry(rect.x()+5,rect.y(),rect.width(),rect.height());qDebug()<<"right";
}

 windowTiltle 

this->setWindowTitle("这是标题");

 windowIcon

• windowIcon():获取控件的窗口图标，返回QIcon对象
• setWindowIcon(constQIcon& icon):设置控件的窗口图标

创建Qt-ResourceFile 文件，将其需要的图片导入

    // ： 该冒号使用的规则// /  是前缀，就是步骤1设置的，前缀什么样，这里就写什么 后面跟路径//    image.jpg  图片属性
QIcon icon(":/image.jpg");

windowOpacity

• windowOpacity():获取控件的不透明值，返回float类型，取值范围：0.0~1.0。其中0.0表示全透明，1.0表示不透明
• setWindowOpacity(float n): 设置不透明度数值

cursor

cursor():获取当前widget的cursor属性，返回QCursor对象，当鼠标悬停在widget上时，显示对应的形状

//设置了一个按钮 设置cursor   将设置为等待状态的形状button->setCursor(QCursor(Qt::WaitCursor));

font

• font():获取当前widget字体信息，返回QFont对象
• setFont(const QFont& font):设置当前widget字体信息

• family:字体家族，比如宋体，黑体等
• bold:是否加粗
• italic:是否倾斜
• underline：是否带下划线

....

 // 设置label 的⽂本内容ui->label->setText("这是⼀段⽂本");// 创建字体对象QFont font;// 设置字体家族font.setFamily("仿宋");// 设置字体⼤⼩font.setPointSize(20);// 设置字体加粗font.setBold(true);// 设置字体倾斜font.setItalic(true);// 设置字体下划线font.setUnderline(true);// 设置字体删除线font.setStrikeOut(true);// 设置字体对象到label 上ui->label->setFont(font);

toolTip

设置鼠标在widget悬停的提示说明；

setToolTipDuring:设置持续的时间

如图：

 //设置widget的提示信息ui->pushButton_library->setToolTip(" 重庆市图书馆");//设置提示信息持续时间ui->pushButton_library->setToolTipDuration(3000);

注意：这里的单位是1ms; 1s = 1000ms;z

styleSheet

设置文本样式

PushButton

表示一个按钮，继承自QAbstractButton.

属性	说明
text	按钮中的文本
icon	按钮中的图标
iconSize	按钮中图标的尺寸
shortCut	按钮对应的快捷键

需要设置图标时，依然创建.qrc文件，导入对应图片即可 

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);//设置目标文件的图像和大小QIcon icon(":/image/target.png");ui->pushButton_target->setIcon(icon);ui->pushButton_target->setIconSize(QSize(60,60));//设置方向图标ui->pushButton_up->setIcon(QIcon(":/image/up.png"));ui->pushButton_left->setIcon(QIcon(":/image/left.png"));ui->pushButton_down->setIcon(QIcon(":/image/down.png"));ui->pushButton_right->setIcon(QIcon(":/image/right.png"));//设置快捷键//此方法容易出错，使用枚举
//    ui->pushButton_up->setShortcut(QKeySequence("w"));
//    ui->pushButton_left->setShortcut(QKeySequence("a"));
//    ui->pushButton_down->setShortcut(QKeySequence("s"));
//    ui->pushButton_right->setShortcut(QKeySequence("d"));ui->pushButton_up->setShortcut(QKeySequence(Qt::Key_W));ui->pushButton_left->setShortcut(QKeySequence(Qt::Key_A));ui->pushButton_down->setShortcut(QKeySequence(Qt::Key_S));ui->pushButton_down->setShortcut(QKeySequence(Qt::Key_D));//也可以设置组合快捷键//ui->pushButton_right->setShortcut(QKeySequence(Qt::CTRL+Qt::Key_D));
}Widget::~Widget()
{delete ui;
}//设置目标按钮移动void Widget::on_pushButton_up_clicked()
{//控制目标按钮往上移动//1.获取目标按钮的位置QRect rect = ui->pushButton_target->geometry();//2.更改位置信息ui->pushButton_target->setGeometry(rect.x(),rect.y()-5,rect.width(),rect.height());qDebug()<<"up";
}void Widget::on_pushButton_left_clicked()
{//控制目标按钮左移动//1.获取目标按钮的位置QRect rect = ui->pushButton_target->geometry();//2.更改位置信息ui->pushButton_target->setGeometry(rect.x()-5,rect.y(),rect.width(),rect.height());qDebug()<<"left";
}void Widget::on_pushButton_down_clicked()
{//控制目标按钮往下移动//1.获取目标按钮的位置QRect rect = ui->pushButton_target->geometry();//2.更改位置信息ui->pushButton_target->setGeometry(rect.x(),rect.y()+5,rect.width(),rect.height());qDebug()<<"down";
}void Widget::on_pushButton_right_clicked()
{//控制目标按钮往右移动//1.获取目标按钮的位置QRect rect = ui->pushButton_target->geometry();//2.更改位置信息ui->pushButton_target->setGeometry(rect.x()+5,rect.y(),rect.width(),rect.height());qDebug()<<"right";
}

 RadioButton

单选按钮，具有排他属性，可以在多个选项选个一个

当然也可以将多个单选按钮设组，不同组的单选按钮不影响

checkable:是否能选择

checked:是否已经被选中

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);//设置默认按钮ui->radioButton_male->setChecked(true);ui->label->setText("默认选择男性");//禁用其它按钮         //该选项，禁用按钮，但还是点击后会触发该按钮事件//ui->radioButton_other->setCheckable(false);//选择setEnabled 是更为彻底的禁用方式，不会显示出发按钮事件ui->radioButton_other->setEnabled(false);
}Widget::~Widget()
{delete ui;
}void Widget::on_radioButton_male_clicked()
{//点击该单选按钮，设置性别为男ui->label->setText("你选择的性别是：男性");
}void Widget::on_radioButton_female_clicked()
{//点击该单选按钮，设置性别为女ui->label->setText("你选择的性别是：女性");
}void Widget::on_radioButton_other_clicked()
{//点击该单选按钮，设置性别为其它ui->label->setText("你选择的性别是：其它");// qDebug()<<"其它";
}