QRadioButton使用
先使用ui界面拖拽创建radio button
#include "widget.h"
#include "ui_widge服务器托管网t.h"
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui->setupUi(this);
ui->male->setChecked(true);//选中按钮
ui->other->setCheckable(false);//是否能够选择
}
Widget::~Widget()
{
delete ui;
}
void Widget::on_male_clicked()
{
ui->label->setText("你选的性别为：男");
}
void Widget::on_fmale_clicked()
{
ui->label->setText("你选的性别为:女");
}
void Widget::on_other_clicked()
{
ui->label->setText("你选的性别为: 其他");
}
- clicked 是⼀次⿏标按下+⿏标释放触发的.
• pressed 是⿏标按下触发的.
• released 是⿏标释放触发的.
• toggled 是 checked 属性改变时触发的.
总的来说, toggled 是最适合 QRadioButton 的
radiobutton按照组分组
#include "widget.h"
#include "ui_widget.h"
#include
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui->setupUi(this);
//创建三个QButtonGroup
QButtonGroup* g1 = new QButtonGroup(this);
QButtonGroup* g2 = new QButtonGroup(this);
QButtonGroup* g3 = new QButtonGroup(this);
//加入组里
g1->addButton(ui->radioButton_1);
g1->addButton(ui->radioButton_2);
g1->addButton(ui->radioButton_3);
g2->addButton(ui->radioButton_4);
g2->addButton(ui->radioButton_5);
g3->addButton(ui->radioButton_6);
g3->addButton(ui->radioButton_7);
}
checkbox的使用方法
#include "widget.h"
#include "ui_widget.h"
#include
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui->setupUi(this);
}
Widget::~Widget()
{
delete ui;
}
void Widget::on_pushButton_clicked()
{
QString s1;
if(ui->checkBox_eat->isChecked())
{
s1 += ui->checkBox_eat->text();
}
if(ui->checkBox_sleep->isChecked())
{
s1 += ui->checkBox_sleep->text();
}
if(ui->checkBox_video->isChecked())
{
s1 += ui->checkBox_video->text();
}
qDebug() QLabel
Label不支持在界面进行输入修改。！
textFormat属性：如下
Qt::PlainText 纯⽂本
Qt::RichText 富⽂本(⽀持 html 标签)
Qt::MarkdownText markdown 格式
Qt::AutoText 根据⽂本内容⾃动决定⽂本格式.
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui->setupUi(this);
//设置文本格式
ui->label->setTextFormat(Qt::PlainText);
ui->label->setText("这是文本一");
//设置为富文本
ui->label_2->setTextFormat(Qt::RichText);
ui->label_2->setText("这是文本2");
//设置为markdown
ui->l服务器托管网abel_3->setTextFormat(Qt::MarkdownText);
ui->label_3->setText("# 这是文本3");
}
pixmap(位图)
QLabel内部包含的图片
//设置和widget一样的大小
ui->label->setGeometry(0,0,800, 600);
QPixmap q(":/pr/caixukun.png");
ui->label->setPixmap(q);
scaledContents(缩放内容)
可以自动缩放包裹图片
//设置和widget一样的大小
ui->label->setGeometry(0,0,800, 600);
QPixmap q(":/pr/caixukun.png");
ui->label->setPixmap(q);
ui->label->setScaledContents(true);
}
声明的时候不能指定类区域
void resizeEvent(QResizeEvent* event);
//重写resizeEvent,这个函数会在窗口大小变化时 被 自动调用
void Widget::resizeEvent(QResizeEvent *event)
{
//重新设置新的尺寸
ui->label->setGeometry(0,0, event->size().width(), event->size().height());
}
alignment对齐
对齐方式，可以设置水平和垂直方向如何对其
wordWrap换行
实现换行
indent缩进
设置文本缩进
{
ui->setupUi(this);
//设置文字居中对齐
// ui->label->setAlignment(Qt::AlignHCenter | Qt::AlignVCenter);
//设置自动换行
ui->label->setAlignment(Qt::AlignTop | Qt::AlignLeft);
ui->label->setWordWrap(true);
// ui->label->setText("踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩从踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩从");
//设置首行缩进
ui->label->setIndent(80);
ui->label->setText("踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩从踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩从");
}
buddy
给QLabel关联一个 伙伴， 这样点击QLabel就能激活对应的伙伴。
此处把 label 中的⽂本设置为 “快捷键 &A” 这样的形式.
其中 & 后⾯跟着的字符, 就是快捷键.
可以通过 alt + A 的⽅式来触发该快捷键
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui->setupUi(this);
//设置label的伙伴widget
ui->label->setBuddy(ui->radioButton);
ui->label_2->setBuddy(ui->radioButton_2);
}
LCDNumber
通过设置定时器timer，绑定updatetime的自定义槽函数，来实现倒计时
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui->setupUi(this);
//创建QTimer
timer = new QTimer(this);
connect(timer, &QTimer::timeout, this, &Widget::updateTime);
//启动QTimer，规定时间间隔1000秒
timer->start(1000);
}
Widget::~Widget()
{
delete ui;
}
//更新时间
void Widget::updateTime()
{
int value = ui->lcdNumber->intValue();
if(value stop();
return ;
}
ui->lcdNumber->display(value-1);
}
ProgressBar(进展条)
和上面的lcdnumber的接口差不多。
//更新进度条
void Widget::updateTime()
{
int value = ui->progressBar->value();
if(value >= 100)
{
timer->stop();
return ;
}
ui->progressBar->setValue(value+1);
}
CalendarWidget日历控件
点击某一天，显示日期
void Widget::on_calendarWidget_selectionChanged()
{
//获取日期
QDate date = ui->calendarWidget->selectedDate();
//显示日期
ui->label->setText(date.toString());
}
服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net
目录 一、创建Vue3工程 1.1. 【基于 vue-cli 创建】 1.2. 【基于 vite 创建】(推荐) 1.3. 【一个简单的效果】 二、Vue3核心语法 2.1. 【OptionsAPI 与 CompositionAPI】 Options API …
