QT学习(十)——设计器的使用

如果要使用QT的设计器的话,那么在建立项目的时候必须勾选上 .ui文件这一项上面的钩子。

ui可以很方便的设计一个窗口项目。

下面举一个简单的例子:

 

运行:

如果想要通过代码修改设计器中给定的一些属性,那么需要这样的来调用接口

 ui->setupUi(this);//通过ui对窗口的操作都建立在这一步的后面
    ui->pushButton->setText("ui");

运行:

----------------------------------------------------------------------------------------

——开始正式的介绍ui设计器——

----------------------------------------------------------------------------------------

Button控件

 

Push Button:按钮类控件,之前已经学过。

Tool Button:和Push Button类似。

Radio Button:单选框。

 

Check Box:多选框

 

Command Link ButtonDialog Button Box就一起介绍了

------------------------------------------------------------------------------------------

Containers控件

Group Box:一个可以放其他控件的容器。

Scroll Area:带有滚条的区域

Tool Box:抽屉式区域

 

Tab Widget:标签式区域

 

 

Stacked Widget:一个可以切换为多个界面的区域

 

 

这个容器我们需要使用一个按钮来操作!

槽函数

void MainWindow::on_change_clicked()
{
    static int i=0;
    //很玄学,要运行一下才会有这个对象名
    ui->stackwidgets->setCurrentIndex(++i%4);
}

把按钮和容器连接的操作使用特殊的方法省去了。

运行:

 

 

 

Frame和Widget是类似的,方便局部的布局。

MDI Area:文档分栏显示。

Dock Widget:浮动窗口。

----------------------------------------------------------------------------------------

Input Widgets

 

Combo Box:下拉框

Font Combo Box:字体选择框

Line Edit:文本输入框

操作代码:

//QlineEdit
    QString str=ui->lineEdit->text();
    qDebug()<<str;
    //设置内容
    ui->lineEdit->setText("1376490336");

为文本输入器设置模型

 //QlineEdit
    QStringList list;//字符串列表
    list<<"java"<<"数据结构与算法"<<"QT"<<"web";

    QCompleter *com=new QCompleter(list,this);//创建模型
    com->setCaseSensitivity(Qt::CaseInsensitive);//不区分大小写

    ui->lineEdit->setCompleter(com);//给文本输入器设置模型

 

为文本输入器设置显示格式和显示方式

//设置内容
    ui->lineEdit->setText("1376490336");

    //设置内容显示格式
    ui->lineEdit->setTextMargins(15,0,0,0);
    //设置内容显示方式
    ui->lineEdit->setEchoMode(QLineEdit::Password);//密码模式

Text Edit:Line Edit只能写一行不同,他可以写多行,还有图片

 

Plain Text Edit:Text Edit相似

Spin Box:调节整形数据大小

Double Spin Box:调节浮点数大小

Time Edit:时间编辑器

Data Edit:日期编辑器

Data/Time Edit:时间日期编辑器

Horizontal Scroll Bar:水平滚动条

Vertical Scroll Bar:竖直滚动条

Horizontal Slider:水平滑块

Vertical Slider:竖直滑块

Key Sequence Edit :界面的一些快捷方式

---------------------------------------------------------------------------

Display Widgets

 

 

Label:标签。

我们着重看一下Label,在窗口上设置四个标签,储存文本,图片,动图,链接。

 

文本

//设置文本内容
   ui->labeltext->setText("文字标签");

图片

//设置图片
    ui->labelimage->setPixmap(QPixmap(":/new/prefix1/C:/Users/13764/Pictures/Saved Pictures/timg28XLAS1F.jpg"));
    //使图片自动适应label大小
    ui->labelimage->setScaledContents(true);

动图

 //创建动画
    QMovie*muv=new QMovie(":/new/prefix1/C:/Users/13764/Pictures/Saved Pictures/16608aa3138b4130b857448f811875b3.gif");
    //设置动画
    ui->labelgif->setMovie(muv);
    //启动动画
    muv->start();
    ui->labelgif->setScaledContents(true);

链接

//设置html
    ui->labelUrl->setText("<h1><a href=\"https://www.baidu.com\">百度一下</a></h1>");//这里涉及到html的语法,我没有学过
    ui->labelUrl->setOpenExternalLinks(true);//打开外部链接

有一点要说明的是,如果要使用图片,动图一类的东西,需要创建一个Resource文件加入项目中

运行:

 

Text Browser:文本浏览器,目前不知道什么。

Graphics View:绘图。

Calender Widgets:日历。

LCD Number:数码管状数字。

 //数码管
    ui->lcdNumber->display(520);

运行:

Progress Bar:进度条

//进度条
    ui->progressBar->setMinimum(0);//设置最小值
    ui->progressBar->setMaximum(200);//设置最大值
    ui->progressBar->setValue(100);//设置当前值,根据计算会显示为50%

运行:

Horizontal Line:水平线

Vertical Line:竖直线

  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值