甘肃省城乡与建设厅网站首页,凡科可以做社交网站吗,黄页网站推广效果怎么样,嘉兴首页1. Designer 设计师#xff08;掌握#xff09; Qt包含了一个Designer程序#xff0c;用于通过可视化界面设计开发界面#xff0c;保存的文件格式为.ui#xff08;界面文件#xff09;。界面文件内部使用xml语法的标签式语言。 在Qt Creator中创建项目时#xff0c;选中… 1. Designer 设计师掌握 Qt包含了一个Designer程序用于通过可视化界面设计开发界面保存的文件格式为.ui界面文件。界面文件内部使用xml语法的标签式语言。 在Qt Creator中创建项目时选中界面文件选项可以让自带的窗口类使用界面文件。 可以看到在项目中会增加一个界面文件双击此文件可以直接使用内置的Designer程序打开并设计。 所有Designer中的操作都可以通过C代码实现。 2. 布局 Layout掌握 可以把布局看做是一个透明的盒子内部可以放置子组件这些内部的子组件会按照布局预设的规则自动排序。 垂直布局内部组件竖着排成一排。 水平布局内部组件横着排成一排。 格栅布局内部组件排布成n*m的表格。 表单布局用户搭建用户输入的布局效果。 垂直布局与水平布局的使用方式类似只是方向不同常用属性如下 选中布局后点击可以打破布局。 布局可以贴合窗口只需要选中窗口对象后再次点击按钮之一即可。 使用伸展器组件可以填充空白。 布局可以嵌套对于外层布局而言内层布局相当于一个外层布局的子组件。 3、 QWidget类 Qwidget的属性在Designer中显式的为淡黄色下面是一些常用的属性 策略除非必要情况下实现特殊功能否则尽量不修改策略。因为当前策略针对当前组件是最友好的。 4、界面文件与C代码的关系 5、QLabel标签 5.1 基本属性 QLabel用于显式文字或者图片需要注意的是QLabel不能与用户交互不能点击只能展示使用因此没有合适的信号函数。 我们可以直接对标间进行命名系统默认的命名方式就是“标签名称_序号”。 5.2 添加资源库 把图片导入到项目中成为项目资源直接使用Qt的虚拟的资源路径导入图片可以在任何环境中使用这些资源图片。 Qt支持以下几种常用的图片格式 jpg不包含透明度、png包含透明度、gif动图等。 注意导入的图片的大小不能特别大分辨率过高或文件过大因为操作图片非常消耗程序资源。 下面是导入图片成为项目资源的操作步骤 把命名好的图片放置到项目的工作目录中。在Qt Creator中选中项目名称鼠标右键点击“添加新文件”。在弹出的窗口中按照下图所示进行操作。 在弹出的窗口中给资源文件命名例如res。 在项目管理界面直接点击“完成”。可以看到在项目中多了一个.qrc格式的资源文件。 选中qrc文件点击可以给资源文件新建一个虚拟路径。选择需要导入的图片。导入成功后可以在qrc文件中看到导入成功的图片。 5.3 使用资源库 点击重新构建项目就可以使用了。 新添加的图片显示不全需要把缩放模式点上。 5.4 通过代码添加图片 QPixmap() 先在UI中添加一个label框在代码中对该label框进行操作。 我们也可以通过代码加载图片以及修剪图片尺寸等。 2、需要加头文件#includeQPixmap。图片类头文件 // 图片类构造函数栈内存对象
// 参数1图片资源路径qrc中的图片路径
// 参数2样板格式默认值就行
// 参数3图片颜色格式默认就行
QPixmap:: QPixmap(const QString fileName, const char * format 0, Qt::ImageConversionFlags flags Qt::AutoColor)当前已经创建了图片类的对象但是还需要进行缩放执行输出模式。 // 缩放
// 参数1:QSize类型对象表示目标尺寸。需要添加头文件#includeQSize
// 参数2:三种缩放模式是一个枚举类型
// 参数3以速度优先还是以质量优先两种模式。默认是以速度优先。是一个枚举
QPixmap QPixmap:: scaled(const QSize size, Qt::AspectRatioMode aspectRatioMode Qt::IgnoreAspectRatio, Qt::TransformationMode transformMode Qt::FastTransformation) const// QSize构造函数
// 图片的宽度和高度
QSize:: QSize(int width, int height)dialog.h #ifndef DIALOG_H
#define DIALOG_H#include QDialog
#include QPixmap // 图片类
#include QSizenamespace Ui {
class Dialog;
}class Dialog : public QDialog
{Q_OBJECTpublic:explicit Dialog(QWidget *parent 0);~Dialog();private:Ui::Dialog *ui;
};#endif // DIALOG_H dialog.cpp #include dialog.h
#include ui_dialog.hDialog::Dialog(QWidget *parent) :QDialog(parent),ui(new Ui::Dialog)
{ui-setupUi(this);// 创建一个图片类对象QPixmap pic(:/new/prefix1/g.jpg);// 定义QSize对象QSize size(ui-labelTest-width(),ui-labelTest-height());// 缩放pic pic.scaled(size,Qt::KeepAspectRatio,Qt::SmoothTransformation);// 使用界面文件的组件对象ui-labelTest-setPixmap(pic);}Dialog::~Dialog()
{delete ui;
}5.5 使用代码添加动态图QMovie() 添加动态图 1、需要将动态图放到项目文件中.gif 添加完成后需要将动态加载到资源目录中。 电影类如果要播放动图需要用到电影类添加头文件#includeQMovie. // 创建电影类对象需要用这个构造函数
// 参数1资源路径
// 参数2输出模式默认
// 参数3基类指针。创建堆区对象
QMovie:: QMovie(const QString fileName, const QByteArray format QByteArray(), QObject * parent 0).h电影类头文件 #ifndef DIALOG_H
#define DIALOG_H
#include QDialog
#include QPixmap // 图片类
#include QSize
#include QMovie//电影类
namespace Ui {
class Dialog;
}
class Dialog : public QDialog
{Q_OBJECT
public:explicit Dialog(QWidget *parent 0);~Dialog();
private:Ui::Dialog *ui;QMovie *movie;
};
#endif // DIALOG_H .c #include dialog.h
#include ui_dialog.h
Dialog::Dialog(QWidget *parent) :QDialog(parent),ui(new Ui::Dialog)
{ui-setupUi(this); //创建图片对象QPixmap pic(:/new/prefix1/dog.png);//定义QSize对象QSize size(ui-label-width(),ui-label-height());// 缩放 pic pic.scaled(size,Qt::KeepAspectRatio,Qt::SmoothTransformation);// 使用界面文件的组件对象ui-label-setPixmap(pic);//创建电影类对象movie new QMovie(:/new/prefix1/gg.gif);//给QLabel设置电影类ui-label_2-setMovie(movie);//播放电影movie-start();
}
Dialog::~Dialog()
{delete ui;
}6. QAbstractButton 按钮类掌握 QAbstractButton是按钮类的抽象基类因此内部包含了按钮的基础属性和函数。 常用属性 1GroupBox 分组盒子组件 QAbstractButton按钮类的基础属性 给按钮添加一个图标 iconfont-阿里巴巴矢量图标库 2按钮类常用信号如下 注意这个通知信号函数和别的有些区别状态发生改变时发射此信号 3QButtonGroup 组件 可以使用QButtonGroup组件对多个按钮进行分组是一个按钮的逻辑分组。没有任何的UI效果其中主要的目的是用一个信号槽同时监控多个按钮对象的状态。 参数中表示当前触发的按钮对象本身。 表示当前触发的按钮序号。 // 给管理组件添加控件
// 参数1添加的控件
// 参数2序号ID
void QButtonGroup:: addButton(QAbstractButton * button, int id -1)//解除按钮的互斥性
void setExclusive(bool) 7. QLineEdit 单行文本输入框掌握 1QLineEdit用于输入一个单行文本常用属性如下 2常用信号函数如下 8. ComboBox 组合框掌握 ComboBox用于选择一个选项功能类似于QRadioButton。 1常用属性如下 2常用信号如下 9. 若干与数字相关的组件掌握 以下组件都是与数字相关。 1这些组件的一些共同的属性和函数 // value属性值发生变化时发射的信号
// 参数为当前的value值
void valueChanged(int value) [signal]dialog.h #ifndef DIALOG_H
#define DIALOG_H
#include QDialog
namespace Ui {
class Dialog;
}
class Dialog : public QDialog
{Q_OBJECT
public:explicit Dialog(QWidget *parent 0);~Dialog();
private:Ui::Dialog *ui;
private slots:void setValueSlot(int);
};
#endif // DIALOG_Hdialog.cpp #include dialog.h
#include ui_dialog.h
Dialog::Dialog(QWidget *parent) :QDialog(parent),ui(new Ui::Dialog)
{ui-setupUi(this);//多对一多个函数对应一个槽函数通过一个控制多个组件connect(ui-dial,SIGNAL(valueChanged(int)),this,SLOT(setValueSlot(int)));connect(ui-horizontalScrollBar,SIGNAL(valueChanged(int)),this,SLOT(setValueSlot(int)));connect(ui-horizontalSlider,SIGNAL(valueChanged(int)),this,SLOT(setValueSlot(int)));connect(ui-progressBar,SIGNAL(valueChanged(int)),this,SLOT(setValueSlot(int)));connect(ui-verticalScrollBar,SIGNAL(valueChanged(int)),this,SLOT(setValueSlot(int)));connect(ui-verticalSlider,SIGNAL(valueChanged(int)),this,SLOT(setValueSlot(int)));connect(ui-spinBox,SIGNAL(valueChanged(int)),this,SLOT(setValueSlot(int)));
}
Dialog::~Dialog()
{delete ui;
}
void Dialog::setValueSlot(int value)
{ui-dial-setValue(value);ui-horizontalScrollBar-setValue(value);ui-horizontalSlider-setValue(value);ui-progressBar-setValue(value);ui-verticalScrollBar-setValue(value);ui-verticalSlider-setValue(value);ui-spinBox-setValue(value);
}
