Qt5开发及实例V2.0-第五章Qt主窗体

news2024/11/24 19:43:59

Qt5开发及实例V2.0-第五章Qt主窗体

  • 第5章 Qt 5主窗体
      • 5.1.1 基本元素
      • 5.1.2 【综合实例】：文本编辑器
      • 5.1.3 菜单与工具栏的实现
    • 5.2 Qt 5文件操作功能
      • 5.2.1 新建文件
      • 5.2.2 打开文件
      • 5.2.3 打印文件
    • 5.3 Qt 5图像坐标变换
      • 5.3.1 缩放功能
      • 5.3.2 旋转功能
      • 5.3.3 镜像功能
    • 5.4 Qt 5文本编辑功能
      • 5.4.1 设置字体
      • 5.4.2 设置字号
      • 5.4.3 设置文字加粗
      • 5.4.4 设置文字斜体
      • 5.4.5 设置文字加下画线
      • 5.4.6 设置文字颜色
      • 5.4.7 设置字符格式
    • 5.5 Qt 5排版功能
      • 5.5.1 实现段落对齐
      • 5.5.2 实现文本排序
  • 本章相关例程源码下载
    • 1.Qt5开发及实例_CH501.rar 下载

第5章 Qt 5主窗体

5.1.1 基本元素

其界面布局如图5.1所示。
在这里插入图片描述
1．菜单栏
菜单是一系列命令的列表。为了实现菜单、工具栏按钮、键盘快捷方式等命令的一致性，Qt使用动作（Action）来表示这些命令。Qt的菜单就是由一系列的QAction动作对象构成的列表，而菜单栏则是包容菜单的面板，它位于主窗口顶部、主窗口标题栏的下面。一个主窗口最多只有一个菜单栏。
2．状态栏
状态栏通常显示GUI应用程序的一些状态信息，它位于主窗口的底部。用户可以在状态栏上添加、使用Qt窗口部件。一个主窗口最多只有一个状态栏。

3．工具栏
工具栏是由一系列的类似于按钮的动作排列而成的面板，它通常由一些经常使用的命令（动作）组成。工具栏位于菜单栏的下面、状态栏的上面，可以停靠在主窗口的上、下、左、右四个方向上。一个主窗口可以包含多个工具栏。
4．锚接部件
锚接部件作为一个容器使用，以包容其他窗口部件来实现某些功能。例如，Qt设计器的属性编辑器、对象监视器等都是由锚接部件包容其他的Qt窗口部件来实现的。它位于工具栏区的内部，可以作为一个窗口自由地浮动在主窗口上面，也可以像工具栏一样停靠在主窗口的上、下、左、右四个方向上。一个主窗口可以包含多个锚接部件。
5．中心部件
中心部件处在锚接部件区的内部、主窗口的中心。一个主窗口只有一个中心部件。

5.1.2 【综合实例】：文本编辑器

【例】（难度一般）（CH502）设计界面，效果如图5.2所示。
在这里插入图片描述
首先建立项目的框架代码，具体步骤如下。
（1）新建Qt Widgets Application（详见1.3.1节），项目名称为“ImageProcessor”，基类选择“QMainWindow”，类名命名为“ImgProcessor”，取消“创建界面”复选框的选中状态。单击“下一步”按钮，最后单击“完成”按钮，完成该项目工程的建立。
（2）添加该工程的提供主要显示文本编辑框函数所在的文件，在“ImageProcessor”项目名上单击鼠标右键，在弹出的快捷菜单中选择“添加新文件…”菜单项，在弹出的对话框中选择“C++ Class”选项，单击“Choose…”按钮，弹出对话框，在“Base class”后面的下拉列表框中选择基类名“QWidget”，在“Class name”后面的文本框中输入类的名称“ShowWidget”。

（3）单击“下一步”按钮，单击“完成”按钮，添加“showwidget.h”头文件和“showwidget.cpp”源文件。
（4）打开“showwidget.h”头文件，具体代码如下：

#include <QWidget>
#include <QLabel>
#include <QTextEdit>
#include <QImage>
class ShowWidget : public QWidget
{    
    Q_OBJECT
public:
    explicit ShowWidget(QWidget *parent = 0);     
    QImage img;
    QLabel *imageLabel;
    QTextEdit *text;
signals:
public slots:
};

（5）打开“showwidget.cpp”文件，添加如下代码：

#include "showwidget.h"
#include <QHBoxLayout>
ShowWidget::ShowWidget(QWidget *parent):QWidget(parent)
{
    imageLabel =new QLabel;
    imageLabel->setScaledContents(true);
    text =new QTextEdit;
    QHBoxLayout *mainLayout =new QHBoxLayout(this);
    mainLayout->addWidget(imageLabel);
    mainLayout->addWidget(text);
}

（6）主函数ImgProcessor类声明中createActions()函数用于创建所有的动作、createMenus()函数用于创建菜单、createToolBars()函数用于创建工具栏；接着声明实现主窗口所需的各个元素，包括菜单、工具栏及各个动作等；最后声明用到的槽函数，打开“imgprocessor.h”文件，添加如下代码。

（7）下面是主窗口构造函数部分的内容，构造函数主要实现窗体的初始化，打开“imgprocessor.cpp”文件，添加如下代码：

ImgProcessor::ImgProcessor(QWidget *parent)
    : QMainWindow(parent)
{  
    setWindowTitle(tr("Easy Word"));			//设置窗体标题
    showWidget =new ShowWidget(this);		//(a)
    setCentralWidget(showWidget);
    /* 创建动作、菜单、工具栏的函数 */    
    createActions();
    createMenus();
    createToolBars();
    if(img.load("image.png"))
    {
	   //在imageLabel对象中放置图像
        showWidget->imageLabel->setPixmap(QPixmap::fromImage(img));
    }
}

5.1.3 菜单与工具栏的实现

1．动作（Action）的实现
以下是实现基本文件操作的动作（Action）的代码。
其中，
(a) openFileAction =new QAction(QIcon(“open.png”),tr(“打开”),this)：在创建“打开文件”动作的同时，指定了此动作使用的图标、名称及父窗口。
(b) openFileAction->setShortcut(tr(“Ctrl+O”))：设置此动作的组合键为【Ctrl+O】。
© openFileAction->setStatusTip(tr(“打开一个文件”))：设定了状态栏显示，当鼠标光标移至此动作对应的菜单条目或工具栏按钮上时，在状态栏上显示“打开一个文件”的提示。
以下是实现打印文本和图像、图像缩放、旋转和镜像的动作（Action）的代码（位于ImgProcessor::createActions()方法中）：

2．菜单（Menus）的实现
在实现了各个动作之后，需要将它们通过菜单、工具栏或快捷键的方式体现出来，以下是菜单的实现函数createMenus()代码。
3．工具栏（ToolBars）的实现
接下来实现相对应的工具栏createToolBars()，主窗口的工具栏上可以有多个工具条，通常采用一个菜单对应一个工具条的方式，也可根据需要进行工具条的划分。

工具条是一个可移动的窗口，它可停靠的区域由QToolBar的allowAreas决定，包括Qt::LeftToolBarArea、Qt::RightToolBarArea、Qt::TopToolBarArea、Qt::BottomToolBarArea和Qt::AllToolBarAreas。默认为Qt::AllToolBarAreas，启动后默认出现于主窗口的顶部。可通过调用setAllowAreas()函数来指定工具条可停靠的区域，例如：
fileTool->setAllowedAreas(Qt::TopToolBarArea|Qt::LeftToolBarArea);
此函数限定文件工具条只可出现在主窗口的顶部或左侧。工具条也可通过调用setMovable()函数设定可移动性，例如：
fileTool->setMovable(false);
指定文件工具条不可移动，只出现于主窗口的顶部。
选择“构建”→“构建项目" ImageProcessor"”菜单项，将程序中用到的图片保存到项目D:\Qt\CH5\CH501\build-ImageProcessor-Desktop_Qt_5_8_0_MinGW_32bit-Debug目录下，运行程序，结果如图5.3所示。
在这里插入图片描述

5.2 Qt 5文件操作功能

5.2.1 新建文件

在图5.3中，当单击“文件”→“新建”命令时，没有任何反应。下面将介绍如何实现新建一个空白文件的功能。
（1）打开“imgprocessor.h”头文件，添加“protected slots:”变量：

protected slots:    
    void ShowNewFile();

（2）在createActions()函数的“"新建"动作”最后添加事件关联：

connect(NewFileAction,SIGNAL(triggered()),this,SLOT(ShowNewFile()));

（3）实现新建文件功能的函数ShowNewFile()如下：

void ImgProcessor::ShowNewFile()
{
    ImgProcessor *newImgProcessor =new ImgProcessor;
    newImgProcessor->show();
}

（4）运行程序，单击“文件”→“新建”命令或单击工具栏上的 按钮，弹出新的文件编辑窗口，如图5.4所示。
在这里插入图片描述

5.2.2 打开文件

利用标准文件对话框QFileDialog打开一个已经存在的文件。若当前中央窗体中已有打开的文件，则在一个新的窗口中打开选定的文件；若当前中央窗体是空白的，则在当前窗体中打开。
（1）在“imgprocessor.h”头文件中添加“protected slots:”变量：
void ShowOpenFile();
（2）在createActions()函数的“"打开"动作”最后添加事件关联：
connect(openFileAction,SIGNAL(triggered()),this,SLOT(ShowOpenFile()));

（3）实现打开文件功能的函数ShowOpenFile()如下：

void ImgProcessor::ShowOpenFile()
{
    fileName =QFileDialog::getOpenFileName(this);
    if(!fileName.isEmpty())
    {
        if(showWidget->text->document()->isEmpty())
        {
            loadFile(fileName);
        }
        else
        {
            ImgProcessor *newImgProcessor =new ImgProcessor;
            newImgProcessor->show();
            newImgProcessor->loadFile(fileName);
        }
    }
}

其中，loadFile()函数的实现如下，该函数利用QFile和QTextStream完成具体读取文件内容的工作：

void ImgProcessor::loadFile(QString filename)
{
    printf("file name:%s\n",filename.data());
    QFile file(filename);
    if(file.open(QIODevice::ReadOnly|QIODevice::Text))
    {
        QTextStream textStream(&file);
        while(!textStream.atEnd())
        {
            showWidget->text->append(textStream.readLine());
            printf("read line\n");
        }
        printf("end\n");
    }
}

在此仅详细说明标准文件对话框QFileDialog的getOpenFileName()静态函数各个参数的作用，其他文件对话框类中相关的静态函数的参数有与其类似之处。

QString QFileDialog::getOpenFileName
(
	QWidget* parent=0,				//定义标准文件对话框的父窗口
	const QString & caption=QString(),		//定义标准文件对话框的标题名
	const QString & dir=QString(),			//(a) 
	const QString & filter=QString(),		//(b)
	QString * selectedFilter=0,		//用户选择过滤器通过此参数返回
	Options options=0
);

（4）在该源文件的开始部分添加如下头文件：

#include <QFileDialog>
#include <QFile>
#include <QTextStream>

（5）运行程序，单击“文件”→“打开”命令或单击工具栏上的 按钮，弹出“打开”对话框，如图5.5（a）所示。选择某个文件，单击“打开”按钮，文本编辑框中将显示出该文件的内容，如图5.5（b）所示。

在这里插入图片描述

5.2.3 打印文件

1．文本打印
打印文本在文本编辑工作中经常使用，下面将介绍如何实现文本打印功能。实现后的效果如图5.6所示。
在这里插入图片描述
具体实现步骤如下。
（1）在“imgprocessor.h”头文件中添加“protected slots:”变量：
void ShowPrintText();
（2）在createActions()函数的“"打印文本"动作”最后添加事件关联：
connect(PrintTextAction,SIGNAL(triggered()),this,SLOT(ShowPrintText()));
（3）实现打印文本功能的函数ShowPrintText ()如下：

void ImgProcessor::ShowPrintText()
{
    QPrinter printer;				//新建一个QPrinter对象
    QPrintDialog printDialog(&printer,this);			//(a)
    if(printDialog.exec())					//(b)
    {
	   //获得QTextEdit对象的文档
        QTextDocument *doc =showWidget->text->document();
        doc->print(&printer);					//打印
    }
}

（4）在该源文件的开始部分添加如下头文件：

#include <QPrintDialog>
#include <QPrinter>

（5）运行程序，单击“文件”→“打印文本”命令或工具栏上的 按钮，弹出标准打印对话框，如图5.6所示。

2．图像打印
打印图像实际上是在一个QPaintDevice中画图，与平常在QWidget、QPixmap和QImage中画图相同，都是创建一个QPainter对象进行画图，只是打印使用的是QPrinter，QPrinter本质上也是一个绘图设备QPaintDevice。下面将介绍如何实现图像打印功能。
（1）在“imgprocessor.h”头文件中添加“protected slots:”变量：

void ShowPrintImage();

（2）在createActions()函数的“"打印图像"动作”最后添加事件关联：

connect(PrintImageAction,SIGNAL(triggered()),this,SLOT(ShowPrintImage()));

（3）实现打印图像功能的函数ShowPrintImage ()如下：

void ImgProcessor::ShowPrintImage()
{    
    QPrinter printer;			//新建一个QPrinter对象
    QPrintDialog printDialog(&printer,this);	//(a)
    if(printDialog.exec())			//(b)
    {
        QPainter painter(&printer);		//(c)
        QRect rect =painter.viewport();	//获得QPainter对象的视图矩形区域
        QSize size = img.size();		//获得图像的大小
	   /* 按照图形的比例大小重新设置视图矩形区域 */
        size.scale(rect.size(),Qt::KeepAspectRatio);
        painter.setViewport(rect.x(),rect.y(),size.width(),size.height());
        painter.setWindow(img.rect());	//设置QPainter窗口大小为图像的大小
        painter.drawImage(0,0,img);				//打印图像
    }
}

其中，
(a) QPrintDialog printDialog(&printer,this)：创建一个QPrintDialog对象，参数为QPrinter对象。
(b) if(printDialog.exec())：判断打印对话框显示后用户是否单击“打印”按钮。若单击“打印”按钮，则相关打印属性将可以通过创建QPrintDialog对象时使用的QPrinter对象获得；若用户单击“取消”按钮，则不执行后续的打印操作。
© QPainter painter(&printer)：创建一个QPainter对象，并指定绘图设备为一个QPrinter对象。
（4）在该源文件的开始部分添加如下头文件：

#include <QPainter>

（5）运行程序，单击“文件”→“打印图像”命令或单击工具栏上的 按钮，弹出标准打印对话框，显示效果如图5.6所示。

5.3 Qt 5图像坐标变换

5.3.1 缩放功能

下面将介绍如何实现缩放功能，具体步骤如下。
（1）在“imgprocessor.h”头文件中添加“protected slots:”变量：

void ShowZoomIn();

（2）在createActions()函数的“"放大"动作”最后添加事件关联：

connect(zoomInAction,SIGNAL(triggered()),this,SLOT(ShowZoomIn()));

（3）实现图形放大功能的函数ShowZoomIn()如下：

void ImgProcessor::ShowZoomIn()
{
    if(img.isNull())			//有效性判断
        return;
    QMatrix martix;			//声明一个QMatrix类的实例
    martix.scale(2,2);			//(a)
    img = img.transformed(martix);
    //重新设置显示图形
    showWidget->imageLabel->setPixmap(QPixmap::fromImage(img));
}

（4）在“imgprocessor.h”头文件中添加“protected slots:”变量：

void ShowZoomOut();

（5）在createActions()函数的“"缩小"动作”最后添加事件关联：
connect(zoomOutAction,SIGNAL(triggered()),this,SLOT(ShowZoomOut()));
（6）实现图形缩小功能的函数ShowZoomOut()如下：

void ImgProcessor::ShowZoomOut()
{
    if(img.isNull())
        return;
    QMatrix matrix;
    matrix.scale(0.5,0.5);			//(a)
    img = img.transformed(matrix);
    showWidget->imageLabel->setPixmap(QPixmap::fromImage(img));
}

（7）运行程序，单击“编辑”→“放大”命令或单击工具栏上的 按钮，图像放大效果如图5.7所示。
在这里插入图片描述

5.3.2 旋转功能

ShowRotate90()函数实现的是图形的旋转，此函数实现坐标的逆时针旋转90°。具体实现步骤如下。
（1）在“imgprocessor.h”头文件中添加“protected slots:”变量：

void ShowRotate90();

（2）在createActions()函数的“旋转90°”最后添加事件关联：

connect(rotate90Action,SIGNAL(triggered()),this,SLOT(ShowRotate90()));

（3）ShowRotate90()函数的具体实现代码如下：

void ImgProcessor::ShowRotate90()
{
    if(img.isNull())
        return;
    QMatrix matrix;
    matrix.rotate(90);
    img = img.transformed(matrix);
    showWidget->imageLabel->setPixmap(QPixmap::fromImage(img));
}

（4）在“imgprocessor.h”头文件中添加“protected slots:”变量：

void ShowRotate180();
void ShowRotate270();

（5）在createActions()函数的“旋转180°”、“旋转270°”后面分别添加事件关联：

connect(rotate180Action,SIGNAL(triggered()),this,SLOT(ShowRotate180()));
connect(rotate270Action,SIGNAL(triggered()),this,SLOT(ShowRotate270()));

（6）ShowRotate180()、ShowRotate270()函数的具体实现代码。

（7）运行程序，单击“旋转”→“旋转90°”命令或单击工具栏上的 按钮，图像旋转效果如图5.8所示。
在这里插入图片描述

5.3.3 镜像功能

ShowMirrorVertical()函数实现的是图形的纵向镜像，ShowMirrorHorizontal()实现的则是横向镜像。通过QImage::mirrored(bool horizontal,bool vertical)实现图形的镜像功能，参数horizontal和vertical分别指定了镜像的方向。具体实现步骤如下。
（1）在“imgprocessor.h”头文件中添加“protected slots:”变量：

void ShowMirrorVertical();
void ShowMirrorHorizontal();

（2）在createActions()函数的“纵向镜像”、“横向镜像”后面分别添加事件关联：

connect(mirrorVerticalAction,SIGNAL(triggered()),this,SLOT(ShowMirrorVertical()));
connect(mirrorHorizontalAction,SIGNAL(triggered()),this,SLOT(ShowMirrorHorizontal()));

（3）ShowMirrorVertical ()、ShowMirrorHorizontal ()函数的具体实现代码如下：

void ImgProcessor::ShowMirrorVertical()
{
    if(img.isNull())
        return;
    img=img.mirrored(false,true);
    showWidget->imageLabel->setPixmap(QPixmap::fromImage(img));
}
void ImgProcessor::ShowMirrorHorizontal()
{
    if(img.isNull())
        return;
    img=img.mirrored(true,false);
    showWidget->imageLabel->setPixmap(QPixmap::fromImage(img));
}

（4）此时运行程序，单击“镜像”→“横向镜像”命令，蝴蝶翅膀底部的阴影从右边移到左边，显示效果如图5.9所示。
在这里插入图片描述

5.4 Qt 5文本编辑功能

文本编辑各类之间的划分与关系如图5.10所示。

在这里插入图片描述
实现文本编辑的具体操作步骤如下。
（1）在“imgprocessor.h”头文件中添加“private:”变量：

QLabel *fontLabel1;                                 	//字体设置项
QFontComboBox *fontComboBox;
QLabel *fontLabel2;
QComboBox *sizeComboBox;
QToolButton *boldBtn;
QToolButton *italicBtn;
QToolButton *underlineBtn;
QToolButton *colorBtn;
QToolBar *fontToolBar;                             	//字体工具栏

（2）在“imgprocessor.h”头文件中添加“protected slots:”变量：

void ShowFontComboBox(QString comboStr);
void ShowSizeSpinBox(QString spinValue);
void ShowBoldBtn();
void ShowItalicBtn();
void ShowUnderlineBtn();
void ShowColorBtn();
void ShowCurrentFormatChanged(const QTextCharFormat &fmt);

（3）在相对应的构造函数中，在语句“setCentralWidget(showWidget);”与语句“createActions();”之间添加如下代码。

（4）在该构造函数的最后部分添加相关的事件关联：

connect(fontComboBox,SIGNAL(activated(QString)),
    this,SLOT(ShowFontComboBox(QString)));
connect(sizeComboBox,SIGNAL(activated(QString)),
    this,SLOT(ShowSizeSpinBox(QString)));
connect(boldBtn,SIGNAL(clicked()),this,SLOT(ShowBoldBtn()));
connect(italicBtn,SIGNAL(clicked()),this,SLOT(ShowItalicBtn()));
connect(underlineBtn,SIGNAL(clicked()),this,SLOT(ShowUnderlineBtn()));
connect(colorBtn,SIGNAL(clicked()),this,SLOT(ShowColorBtn()));
connect(showWidget->text,SIGNAL(currentCharFormatChanged(QTextCharFormat&)),this,SLOT(ShowCurrentFormatChanged(QTextCharFormat&)));

（5）在相对应的工具栏createToolBars()函数中添加如下代码：

//字体工具条
fontToolBar =addToolBar("Font");
fontToolBar->addWidget(fontLabel1);
fontToolBar->addWidget(fontComboBox);
fontToolBar->addWidget(fontLabel2);
fontToolBar->addWidget(sizeComboBox);
fontToolBar->addSeparator();
fontToolBar->addWidget(boldBtn);
fontToolBar->addWidget(italicBtn);
fontToolBar->addWidget(underlineBtn);
fontToolBar->addSeparator();
fontToolBar->addWidget(colorBtn);

调用QFontComboBox的setFontFilters接口可过滤只在下拉列表框中显示某一类字体，默认情况下为QFontComboBox::AllFonts列出所有字体。

5.4.1 设置字体

完成设置选定文字字体的函数ShowFontComboBox()代码如下：

void ImgProcessor::ShowFontComboBox(QString comboStr)	//设置字体
{
    QTextCharFormat fmt;		 //创建一个QTextCharFormat对象
    fmt.setFontFamily(comboStr); //选择的字体名称设置给QTextCharFormat对象
    mergeFormat(fmt);     		 //将新的格式应用到光标选区内的字符
}

前面介绍过，所有对于QTextDocument进行的修改都通过QTextCursor类来完成，具体代码如下：

void ImgProcessor::mergeFormat(QTextCharFormat format)
{
    QTextCursor cursor =showWidget->text->textCursor();
//获得编辑框中的光标
    if(!cursor.hasSelection())							//(a)
        cursor.select(QTextCursor::WordUnderCursor);
    cursor.mergeCharFormat(format);						//(b)
    showWidget->text->mergeCurrentCharFormat(format);	//(c)
}

5.4.2 设置字号

设置选定文字字号大小的ShowSizeSpinBox()函数代码如下：

void ImgProcessor::ShowSizeSpinBox(QString spinValue)	//设置字号
{
   QTextCharFormat fmt;
   fmt.setFontPointSize(spinValue.toFloat());
   showWidget->text->mergeCurrentCharFormat(fmt);
}

5.4.3 设置文字加粗

设置选定文字为加粗显示的ShowBoldBtn()函数代码如下：

void ImgProcessor::ShowBoldBtn() 		//设置文字显示加粗
{
    QTextCharFormat fmt;
    fmt.setFontWeight(boldBtn->isChecked()?QFont::Bold:QFont:: Normal);
    showWidget->text->mergeCurrentCharFormat(fmt);
}

5.4.4 设置文字斜体

设置选定文字为斜体显示的ShowItalicBtn()函数代码如下：

void ImgProcessor::ShowItalicBtn()		//设置文字显示斜体
{
    QTextCharFormat fmt;
    fmt.setFontItalic(italicBtn->isChecked());
    showWidget->text->mergeCurrentCharFormat(fmt);
}

5.4.5 设置文字加下画线

在选定文字下方加下画线的ShowUnderlineBtn()函数代码如下：

void ImgProcessor::ShowUnderlineBtn()		//设置文字加下画线
{
    QTextCharFormat fmt;
    fmt.setFontUnderline(underlineBtn->isChecked());
    showWidget->text->mergeCurrentCharFormat(fmt);
}

5.4.6 设置文字颜色

设置选定文字颜色的ShowColorBtn()函数代码如下：

void ImgProcessor::ShowColorBtn()						//设置文字颜色
{
	QColor color=QColorDialog::getColor(Qt::red,this);	//(a)
	if(color.isValid())
    {
		QTextCharFormat fmt;
        	fmt.setForeground(color);
        	showWidget->text->mergeCurrentCharFormat(fmt);
    }
}

在“imgprocessor.cpp”文件的开头添加声明：

#include <QColorDialog>
#include <QColor>

标准颜色对话框QColorDialog类的使用：

QColor getColor
(
    const QColor& initial=Qt::white,
    QWidget* parent=0
);

第1个参数指定了选中的颜色，默认为白色。通过QColor::isValid()可以判断用户选择的颜色是否有效，若用户单击“取消”（Cancel）按钮，QColor::isValid()将返回false。第2个参数定义了标准颜色对话框的父窗口。

5.4.7 设置字符格式

当光标所在处的字符格式发生变化时调用此槽函数，函数根据新的字符格式将工具栏上各个格式控件的显示更新。

void ImgProcessor::ShowCurrentFormatChanged(const QTextCharFormat &fmt)
{
	fontComboBox->setCurrentIndex(fontComboBox->findText(fmt
		 .fontFamily()));
   	sizeComboBox->setCurrentIndex(sizeComboBox->findText(
           QString::number(fmt.fontPointSize())));
   	boldBtn->setChecked(fmt.font().bold());
   	italicBtn->setChecked(fmt.fontItalic());
   	underlineBtn->setChecked(fmt.fontUnderline());
}

此时运行程序，可根据需要设置字体的各种形式。

5.5 Qt 5排版功能

具体实现步骤如下。
（1）在“imgprocessor.h”头文件中添加“private:”变量：

QLabel *listLabel;                                    	//排序设置项
QComboBox *listComboBox;
QActionGroup *actGrp;
QAction *leftAction;
QAction *rightAction;
QAction *centerAction;
QAction *justifyAction;
QToolBar *listToolBar;                               	//排序工具栏

（2）在“imgprocessor.h”头文件中添加“protected slots:”变量：

void ShowList(int);
void ShowAlignment(QAction *act);
void ShowCursorPositionChanged();

（3）在相对应的构造函数中，在语句“setCentralWidget(showWidget);”与语句“createActions();”之间添加如下代码：

//排序
listLabel =new QLabel(tr("排序"));    
listComboBox =new QComboBox;
listComboBox->addItem("Standard");
listComboBox->addItem("QTextListFormat::ListDisc");
listComboBox->addItem("QTextListFormat::ListCircle");
listComboBox->addItem("QTextListFormat::ListSquare");
listComboBox->addItem("QTextListFormat::ListDecimal");
listComboBox->addItem("QTextListFormat::ListLowerAlpha");
listComboBox->addItem("QTextListFormat::ListUpperAlpha");
listComboBox->addItem("QTextListFormat::ListLowerRoman");
listComboBox->addItem("QTextListFormat::ListUpperRoman");

（4）在构造函数的最后部分添加相关的事件关联：

connect(listComboBox,SIGNAL(activated(int)),this,SLOT(ShowList(int)));
connect(showWidget->text->document(),SIGNAL(undoAvailable(bool)),
      redoAction,SLOT(setEnabled(bool)));
connect(showWidget->text->document(),SIGNAL(redoAvailable(bool)),
      redoAction,SLOT(setEnabled(bool)));
connect(showWidget->text,SIGNAL(cursorPositionChanged()),
      this,SLOT(ShowCursorPositionChanged()));

（5）在相对应的工具栏createActions()函数中添加如下代码：

//排序：左对齐、右对齐、居中和两端对齐
actGrp =new QActionGroup(this);
leftAction =new QAction(QIcon("left.png"),"左对齐",actGrp);
leftAction->setCheckable(true);
rightAction =new QAction(QIcon("right.png"),"右对齐",actGrp);
rightAction->setCheckable(true);
centerAction =new QAction(QIcon("center.png"),"居中",actGrp);
centerAction->setCheckable(true);
justifyAction =new QAction(QIcon("justify.png"),"两端对齐",actGrp);
justifyAction->setCheckable(true);
connect(actGrp,SIGNAL(triggered(QAction*)),this,SLOT(ShowAlignment (QAction*)));

（6）在相对应的工具栏createToolBars()函数中添加如下代码：

//排序工具条
listToolBar =addToolBar("list");
listToolBar->addWidget(listLabel);
listToolBar->addWidget(listComboBox);
listToolBar->addSeparator();
listToolBar->addActions(actGrp->actions());

5.5.1 实现段落对齐

完成对按下某个对齐按钮的响应用ShowAlignment()函数，根据比较判断触发的是哪个对齐按钮，调用QTextEdit的setAlignment函数可以实现当前段落的对齐调整。具体代码如下：

void ImgProcessor::ShowAlignment(QAction *act)
{
    if(act==leftAction)
        showWidget->text->setAlignment(Qt::AlignLeft);
    if(act==rightAction)
        showWidget->text->setAlignment(Qt::AlignRight);
    if(act==centerAction)
        showWidget->text->setAlignment(Qt::AlignCenter);
    if(act==justifyAction)
        showWidget->text->setAlignment(Qt::AlignJustify);
}

响应文本中光标位置处发生改变的信号的ShowCursorPositionChanged()函数代码如下：

void ImgProcessor::ShowCursorPositionChanged()
{
    if(showWidget->text->alignment()==Qt::AlignLeft)
        leftAction->setChecked(true);
    if(showWidget->text->alignment()==Qt::AlignRight)
        rightAction->setChecked(true);
    if(showWidget->text->alignment()==Qt::AlignCenter)
        centerAction->setChecked(true);
    if(showWidget->text->alignment()==Qt::AlignJustify)
        justifyAction->setChecked(true);
}

5.5.2 实现文本排序

首先，介绍文本排序功能实现的基本流程，如图5.11所示。

在这里插入图片描述

实现根据用户选择的不同排序方式对文本进行排序的ShowList()函数代码。
设置QTextListFormat的缩进值首先通过QTextCursor获得QTextBlockFormat对象，由QTextBlockFormat获得段落的缩进值，在此基础上定义QTextListFormat的缩进值，本实例是在段落缩进的基础上加1，也可根据需要进行其他设定。
在“imgprocessor.cpp”文件的开头添加声明：

#include <QTextList>

最后，打开“main.cpp”文件，具体代码如下（加黑代码是后添加的）：

#include "imgprocessor.h"
#include <QApplication>
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QFont f("ZYSong18030",12);                        //设置显示的字体格式
    a.setFont(f);
    ImgProcessor w;
    w.show();
    return a.exec();
}

这样修改的目的是定制程序主界面的显示字体。

此时运行程序，可实现段落的对齐和文本排序功能，如图5.12所示为一段文本的排版示例，本书选择使用了“QTextListFormat::ListDisc”（黑色实心圆点）的文本排序方式。
在这里插入图片描述

本章相关例程源码下载

1.Qt5开发及实例_CH501.rar 下载

Qt5开发及实例_CH501.rar

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1024313.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

适用于 Linux 的 Windows 子系统获得新的“镜像”网络模式

适用于 Linux 的 Windows 子系统获得新的“镜像”网络模式

Microsoft 发布了 Windows Subsystem for Linux (WSL) 2.0.0&#xff0c;其中包含一组新的可选实验功能&#xff0c;包括新的网络模式以及自动内存和磁盘大小清理。 首先&#xff0c;新添加的“自动内存回收”功能通过回收缓存内存来动态减少 WSL 虚拟机 (VM) 的内存占用。 此…
阅读更多...
Git学习笔记8

Git学习笔记8

Gitlab&#xff1a; Gitlab是利用Ruby on Rails 一个开源的版本管理系统&#xff0c;实现一个自托管的git项目仓库&#xff0c;可通过web界面进行访问公开或私有的项目。 Gitlab安装&#xff1a; 安装之前&#xff0c;将虚拟机的内存改成了4个G。内存如果太小&#xff0c;会有…
阅读更多...
Zipping

Zipping

Zipping 信息收集端口扫描目录扫描webbanner信息收集 漏洞利用空字节绕过---->失败sqlI-preg_match bypass反弹shell 稳定维持 提权-共享库漏洞 参考&#xff1a;https://rouvin.gitbook.io/ibreakstuff/writeups/htb-season-2/zipping#sudo-privileges-greater-than-stock-…
阅读更多...
基于Python开发的图片批量处理器(源码+可执行程序+程序配置说明书+程序使用说明书)

基于Python开发的图片批量处理器(源码+可执行程序+程序配置说明书+程序使用说明书)

一、项目简介 本项目是一套基于Python开发的图片批量处理器&#xff0c;主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的Python学习者。 包含&#xff1a;项目源码、项目文档等&#xff0c;该项目附带全部源码可作为毕设使用。 项目都经过严格调试&#xff0c;…
阅读更多...
软考高级架构师下篇-16通信系统架构设计理论与实践

软考高级架构师下篇-16通信系统架构设计理论与实践

目录 1. 引言2. 通信系统网络架构3. 网络构建关键技术4. 网络构建5. 前文回顾1. 引言 此章节主要学习通信系统架构设计的理论和工作中的实践。根据新版考试大纲，本节知识点会涉及案例分析题（25分），而在历年考试中，案例题对该部分内容的考查并不多，虽在综合知识选择题目中…
阅读更多...
SpringSecurity 权限管理的实现

SpringSecurity 权限管理的实现

文章目录 前言权限管理的实现权限校验的原理FilterSecurityInterceptorAccessDescisionManagerAffirmativeBasedConsensusBasedUnanimousBased AccessDecisionVoterWebExpressionVoterAuthenticatedVoterPreInvocationAuthorizationAdviceVoterRoleVoterRoleHierarchyVoter 前言…
阅读更多...
HEXO 基本使用

HEXO 基本使用

1 新建、编辑并预览文章 1. 新建文章 hexo new [layout] title # 或 hexo n [layout] title创建文章前要先选定模板&#xff0c;在hexo中也叫做布局。hexo支持三种布局&#xff08;layout&#xff09;&#xff1a;post(默认)、draft、page。我们先介绍如何使用已有布局…
阅读更多...
【Unity 实用工具篇】✨ | 编辑器扩展插件 Odin Inspector，进阶功能学习

【Unity 实用工具篇】✨ | 编辑器扩展插件 Odin Inspector，进阶功能学习

前言【Unity 实用工具篇】✨ | 编辑器扩展插件 Odin，进阶功能学习一、Odin Attributes Overview 特性篇1.1 提示信息1.1.1 Title、InfoBox1.1.2 DetailedInfoBox1.2 各类限制1.2.1 限制数值范围1.2.2 限制只读1.2.3 限制属性搜索范围1.4 Required 限制必须赋值1.3 数值变化时触…
阅读更多...
我们感知的内容是由大脑最支持的假设决定的吗？

我们感知的内容是由大脑最支持的假设决定的吗？

某种意义上讲&#xff0c;我们从未直接体验到感觉信号本身&#xff0c;而是通过对这些信号的解读和处理来感知和理解外界。 感觉信号是由我们的感官系统接收到的来自外部世界的刺激所产生的物理信号。例如&#xff0c;视觉感觉信号由我们的眼睛接收光线并将其转化为神经脉冲&am…
阅读更多...
爬虫获取一个网站内所有子页面的内容

爬虫获取一个网站内所有子页面的内容

上一篇介绍了如何爬取一个页面内的所有指定内容&#xff0c;本篇讲的是爬去这个网站下所有子页面的所有指定的内容。 可能有人会说需要的内容复制粘贴&#xff0c;或者直接f12获取需要的文件下载地址一个一个下载就行了&#xff0c;但是如下图十几个一级几十个二级一百多个疾病…
阅读更多...
STM32-无人机-电机-定时器基础知识与PWM输出原理

STM32-无人机-电机-定时器基础知识与PWM输出原理

电机控制基础——定时器基础知识与PWM输出原理 - 掘金单片机开发中&#xff0c;电机的控制与定时器有着密不可分的关系&#xff0c;无论是直流电机&#xff0c;步进电机还是舵机&#xff0c;都会用到定时器&#xff0c;比如最常用的有刷直流电机&#xff0c;会使用定时器产生PW…
阅读更多...
「UG/NX」Block UI 指定方位SpecifyOrientation

「UG/NX」Block UI 指定方位SpecifyOrientation

✨博客主页何曾参静谧的博客📌文章专栏「UG/NX」BlockUI集合📚全部专栏「UG/NX」NX二次开发「UG/NX」BlockUI集合「VS」Visual Studio「QT」QT5程序设计「C/C+&#
阅读更多...
怎么打开mysql题库练习系统

怎么打开mysql题库练习系统

在正式考试的时候&#xff0c;大题上方会有一个启动的按钮&#xff0c;非常明显。 我在考试之前买了题库&#xff0c;但是一直没找到怎么进入mysql &#xff08;指的不是平时自己做项目的入口&#xff0c;是考试系统仿真&#xff09; 其实是要下载一个软件&#xff1a; 就在…
阅读更多...
大数据与云计算实验一

大数据与云计算实验一

检查是否开启 sudo service docker status 开启服务 sudo service docker start 运行服务 sudo docker run -itd -p 8080:80 nginx 查询ID docker ps -all 进入容器shell sudo docker exec -it <容器ID或容器名称> /bin/bash 找到/usr/share/nginx/html/index.…
阅读更多...
【小沐学CAD】虚拟仿真开发工具：GL Studio

【小沐学CAD】虚拟仿真开发工具：GL Studio

文章目录 1、简介2、软件功能3、应用行业3.1 航空3.2 汽车3.3 防御3.4 工业3.5 电力与能源3.6 医疗3.7 空间3.8 科技 结语 1、简介 https://disti.com/gl-studio/ https://ww2.mathworks.cn/products/connections/product_detail/gl-studio.html DiSTI 是 HMI 软件、虚拟驾驶舱…
阅读更多...
zabbix自定义key

zabbix自定义key

用户参数&#xff08;zabbix-agent&#xff09; 介绍 自定义用户参数&#xff0c;也就是自定义key&#xff0c;有时&#xff0c;你可能想要运行一个代理检查&#xff0c;而不是Zabbix的预定义&#xff0c;你可以编写一个命令来检索需要的数据&#xff0c;并将其包含在代理配置…
阅读更多...
大模型如何赋能智能客服

大模型如何赋能智能客服

2022年&#xff0c;大模型技术的出色表现让人们瞩目。随着深度学习和大数据技术的发展&#xff0c;大模型在很多领域的应用已经成为可能。许多公司开始探索如何将大模型技术应用于自己的业务中&#xff0c;智能客服也不例外。 智能客服是现代企业中非常重要的一部分&#xff0…
阅读更多...
OpenCascade插件化三维算法研究平台

OpenCascade插件化三维算法研究平台

基于OpenCascade 7.7.0、QT 6.5.2开发了一个插件化三维算法研究平台。 由于采用插件化技术&#xff0c;平台启动极快&#xff0c;用户用到相关功能时&#xff0c;系统才载入相关模块。插件化平台&#xff0c;不仅可以作为三维建模、展示、格式转换等工具软件&#xff0c;还可以…
阅读更多...
从菜鸟到吃鸡高手！教你提高战斗力的顶级游戏干货！

从菜鸟到吃鸡高手！教你提高战斗力的顶级游戏干货！

大家好&#xff01;作为专业吃鸡行家&#xff0c;今天我将为大家分享一些与众不同的干货&#xff0c;助你成为吃鸡界的顶级战士&#xff01; 首先&#xff0c;游戏战斗力的提升是每个吃鸡玩家的追求。通过使用绝地求生作图工具&#xff0c;你可以简单快捷地分享你的战斗经验与技…
阅读更多...
生活中的光伏

生活中的光伏

光伏作为可再生能源发电的主力军&#xff0c;逐渐被更多的电力用户所接受。随着光伏发电的普及&#xff0c;人们在日常生活中对太阳能光伏发电的利用率越来越高。 1、太阳能公交站台 太阳能公交站台&#xff0c;是指公交中途站点供电方式由原来的直接接入电源改为太阳能供电。…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023