网站建设如何实现检索功能,网络黄页网址,网站工作沟通及建设,怎么注册微信公众号上一章节讲述了如何制作文本编辑页面#xff0c;以及应该有哪些功能需要实现#xff0c;只是做了展示效果#xff0c;实际的点击事件并没有处理。今天来具体讲解下是如何实现菜单栏以及工具栏上对应的需求吧~
功能实现
功能#xff1a;
1、动作消息触发
2、具体功能以及应该有哪些功能需要实现只是做了展示效果实际的点击事件并没有处理。今天来具体讲解下是如何实现菜单栏以及工具栏上对应的需求吧~
功能实现
功能
1、动作消息触发
2、具体功能打开文件、新建文件、复制、剪切、粘贴
3、文本编辑功能字体设置
今天只讲述以上三大功能至于旋转、缩放等功能都是针对于图片来说的等下一章节具体的讲解方式就不在是文本编辑器的功能了静待后续更文吧
功能1动作消息
上一章节的动作已经创建完成了那么该如何触发这些动作呢
在Qt中动作触发方式与控件触发方式是一致的例如想要让一个按钮控件响应操作需要响应QPushButton::clicked消息这里也是同样的道理。
想要响应动作事件用到的是QAction::triggered。
各个动作对应的槽函数如下
打开文件
connect(m_pActionOpenFile, QAction::triggered, this, QtTextEditor::OnTriggeredOpenFile);
新建文件
connect(m_pActionOpenFile, QAction::triggered, this, QtTextEditor::OnTriggeredNewFile);
复制、剪切、粘贴
connect(m_pActionOpenFile, QAction::triggered, m_editContent, QTextEdit::copy);connect(m_pActionOpenFile, QAction::triggered, m_editContent, QTextEdit::cut);connect(m_pActionOpenFile, QAction::triggered, m_editContent, QTextEdit::paste);
看到槽函数大家可以发现对于复制、剪切、粘贴功能都是采用QTextEdit控件实现的在这里不需要做新的处理直接使用父类消息就可以了。
为了对编辑文本类的功能处理最好的方式继承自QTextEdit进行功能封装假设叫做QMyTextEdit后续都用该类作为编辑文本类
功能2动作事件实现
针对上述两个需要自己实现的槽函数响应接下来就进行详细的讲述吧~
2.1打开文件
打开文件代表的是打开一个已经存在的文件这里需要用到QFileDialog类使用QFileDialog::getOpenFileName()静态函数返回选择文件的带路径的完整路径名。
void QtTextEditor::OnTriggeredOpenFile()
{QString qsFileName QFileDialog::getOpenFileName(this);if (qsFileName.isEmpty()){return;}if (m_editContent-document()-isEmpty()){this-LoadFileContent(m_editContent, qsFileName);}else{QMyTextEdit *editContent new QMyTextEdit;editContent-show();this-LoadFileContent(editContent, qsFileName);m_vetEditCtrls.push_back(editContent);}
}
代码思路
获取打开的文件路径如果返回的字符串是空说明未打开有效文件不进行处理
在展示内容之前判断当前edit控件是否有数据如果没有直接在当前文本编辑控件中展示
如果当前文本编辑控件存在数据则重新创建一个QMyTextEdit自定义类用来展示新内容。
其中LoadFileContent函数的具体内容
void QtTextEditor::LoadFileContent(QMyTextEdit* editCtrls, QString qsFileName)
{QFile file(qsFileName);if (file.open(QIODevice::ReadOnly | QIODevice::Text)){QTextStream textStream(file);while (!textStream.atEnd()){editCtrls-append(textStream.readLine());}}
}
代码说明
采用了QTextStream方式读取文件流数据可以方便的读写单词、行和数字甚至还提供了填充、对齐和数字格式化的选项操作。
为什么第一个参数会传入类指针呢
因为在这里有个功能叫做新建在读取文件的时候假设当前展示的文本编辑器类QMyEdit中存在了内容时是需要重新创建的为了统一起见将第一个参数设置为类指针方便函数调用。
无论是新创建的页面还是已经存在的页面都可以进行写入文本。
2.2新建文件
在这里所谓的新建就是建立一个空白的编辑文本功能简单这里就不再过多说明了。
void QtTextEditor::OnTriggeredNewFile()
{QMyTextEdit *editCtrls new QMyTextEdit;editCtrls-show();m_vetEditCtrls.push_back(editCtrls);
}
唯一需要提一句的就是创建了新的文本类之后一定要记得存储类指针为了防止在后续使用的过程中查询不到以及在销毁的过程中防止内存泄漏。
2.3复制、剪贴、粘贴
这三个功能都沿用的QTextEdit自带功能这里不用再过多说明直接响应父类消息就可以了。
功能3文本编辑
大家都用过文本编辑器主要的功能还是对文字的操作那么在这里主要讲述了文字工具栏以及文字的展示风格
3.1 文字工具栏
正如上一章节讲述那般工具条的使用大家都不陌生了吧这里需要创建一个字体工具栏并包含了如下几个功能 实际做出来的效果如下 对于字体的设置与其它工具条上展示的内容不一致不再采用动作而是使用了控件的方式
具体每个功能对应的类名上面的表格已经说明了重点要说的是获取字体风格以及字体的大小
字体风格
QFontCombobox是QComboBox的一个子类是不能被编辑的只能用来选择字体。
m_ComboFontStyle new QFontComboBox;
m_ComboFontStyle-setFontFilters(QFontComboBox::ScalableFonts);
字体字号
采用的是QFontDatabase提供了有关底层窗口系统中可用的字体信息当前主要用来查询字体大小的。
m_ComboFontSize new QComboBox;
QFontDatabase dbFont;
foreach(int size, dbFont.standardSizes())
{m_ComboFontSize-addItem(QString::number(size));
}
代码解析
这里使用了foreach的方式代替了for循环要是有不懂得小伙伴可以详细查询这里只是做了解释说明~
standarSizes函数返回了可用的标准字号的列表并将列表内容插入到QCombobox中。
另外说明QToolButton与QPushButton的用法一致只是换了类名创建方法以及消息绑定都不再过多说明了。
最后将创建的这些控件绑定到字体工具条上
m_pToolFont addToolBar(Font);
m_pToolFont-setAllowedAreas(Qt::BottomToolBarArea );
m_pToolFont-addWidget(m_labFontStyle);
m_pToolFont-addWidget(m_ComboFontStyle);
m_pToolFont-addWidget(m_labFontSize);
m_pToolFont-addWidget(m_ComboFontSize);
m_pToolFont-addSeparator();
m_pToolFont-addWidget(m_btnFontBold);
m_pToolFont-addWidget(m_btnFontItalic);
m_pToolFont-addSeparator();
m_pToolFont-addWidget(m_btnFontColor);
看到这里大家可以尝试下自己写的代码看看是不是可以运行起来。
在这里需要注意的是为什么运行起来是下面这个样子 有没有人有这种情况为什么和第一张效果图不一样呢不是另起一行而是什么都看不到了呢
在ToolBar中如果一行展示不全的情况下需要告诉QToolBar另起一行则需要在addToolBar之前添加如下代码
this-addToolBarBreak(Qt::TopToolBarArea);
再次运行就变成了两行的工具栏了踩坑记录希望大家也不要犯这个错误啦~
3.2字体风格
在这里说到的字体风格无外乎就是工具栏上所展示的内容啦
文字风格这部分都采用了QTextCharFormat对象进行实现的
字体风格
void QtTextEditor::OnComboFontStyle(QString qsText)
{QTextCharFormat fmt;fmt.setFontFamily(qsText);QTextCursor cursor m_editContent-textCursor();if (!cursor.hasSelection()){cursor.select(QTextCursor::WordUnderCursor);}cursor.mergeCharFormat(fmt);m_editContent-mergeCurrentCharFormat(fmt);
}
代码解析
获取控件的焦点假设当前控件上的文本并没有被选中就指定光标区域所在的词为高亮选定词从而设置字体风格样式
字号
fmt.setFontPointSize(qsText.toInt());
加粗
fmt.setFontWeight(bCheck);
斜体
fmt.setFontItalic(bchecked);
以上几个功能用法都很类似正如我前面提到的都是采用QTextCharFormat类只是设置的函数不同具体的功能不在做过多说明下面与上述几个功能相比较需要说明的是颜色设置。
字体颜色
在这时颜色的时候用到了系统文件类QColorDialog与打开文件的方式类似只是类名不一致
void QtTextEditor::OnToolFontColor(bool bchecked)
{QColor color QColorDialog::getColor(Qt::red, this);if (color.isValid()){QTextCharFormat fmt;fmt.setForeground(color);m_editContent-mergeCurrentCharFormat(fmt);}
}
根据以上功能具体的显示效果如下 总结
到这里具体的文本风格就讲解完成了在整个设置过程中最最重要的类就是QTextCharFormat。
在代码使用过程中大家会发现我一直是对m_editContent进行操作的是滴
其实是存在新建功能的这里的新建空白文本的文字处理功能就交给大家啦这是只是做一个示范例子而已提前说明下不是很难只要掌握了当前处于活跃的QMyEdit类指针就可以了。
今天的内容就到这里了我是糯诺诺米团一名C开发程序媛~
