设计合理的h5制作开发_手机app设计软件_目前最新的营销模式有哪些_谷歌代理

效果如下：

如何对QTextEditor中的内容进行高亮和格式化显示：

首先我们要自定义一个类WenshiduHighlighter,继承自QSyntaxHighlighter
实现构造函数，在构造函数中将需要匹配的正则和对应的格式创建，存到成员变量中
重写父类的void highlightBlock(const QString &text) = 0函数，在该函数中对text利用之前创建的正则进行匹配，若匹配上了，则调用父类的setFormat方法将对应的格式设置进去

代码如下：

//自定义一个高亮类，需要继承自抽象类QSyntaxHighlighter
class WenshiduHighlighter:public QSyntaxHighlighter
{Q_OBJECT
public://定义高亮规则结构体struct HighlightRule{//需要匹配的正则（通过正则来找到你要想高亮的那一部分字符）QRegularExpression pattern;//正则匹配到的字符串对应的格式QTextCharFormat format;};//实现构造函数，参数就是QTextEditor里面的内容，QTextDocument;//该参数主要是为了用来初始化父类QSyntaxHighlighterWenshiduHighlighter(QTextDocument* doc):QSyntaxHighlighter(doc){//在构造函数中，初始化highlight_rules，创建想要高亮的内容和对应的格式HighlightRule rule;//下面就属于正则表达式的内容了 ，正则怎么写不赘述//日期，在一对[]内rule.pattern=QRegularExpression(R"(\[.*\])");QTextCharFormat datetime_format;datetime_format.setForeground(QColor(85,85,85));//设置前景色datetime_format.setBackground(QColor(240,240,240));//设置背景色datetime_format.setFontWeight(QFont::Bold);//设置加粗datetime_format.setFontFamily("Consolas");rule.format=datetime_format;highlight_rules.push_back(rule);//温度keyrule.pattern=QRegularExpression(R"(Temperature)");QTextCharFormat temper_key_format;temper_key_format.setForeground(QColor(180,30,110));temper_key_format.setFontFamily("Consolas");rule.format=temper_key_format;highlight_rules.push_back(rule);//温度valuerule.pattern=QRegularExpression(R"((?<=Temperature:)\s*-*\d+℃)");//反向预查,以Temperature:开始QTextCharFormat temper_val_format;temper_val_format.setForeground(QColor(180,30,110));temper_val_format.setFontWeight(QFont::Bold);temper_val_format.setFontFamily("Consolas");rule.format=temper_val_format;highlight_rules.push_back(rule);//湿度keyrule.pattern=QRegularExpression(R"(Humidity)");QTextCharFormat humi_key_format;humi_key_format.setForeground(QColor(97,54,134));humi_key_format.setFontFamily("Consolas");rule.format=humi_key_format;highlight_rules.push_back(rule);//湿度valuerule.pattern=QRegularExpression(R"((?<=Humidity:)\s*\d+%)");//反向预查QTextCharFormat humi_val_format;humi_val_format.setForeground(QColor(97,54,134));humi_val_format.setFontWeight(QFont::Bold);humi_val_format.setFontFamily("Consolas");rule.format=humi_val_format;highlight_rules.push_back(rule);//正常rule.pattern=QRegularExpression(R"(\(Normal\))");QTextCharFormat normal_format;normal_format.setForeground(Qt::darkGreen);normal_format.setFontFamily("Consolas");rule.format=normal_format;highlight_rules.push_back(rule);//偏低rule.pattern=QRegularExpression(R"(\(↓Lower\))");QTextCharFormat lower_format;lower_format.setForeground(Qt::white);lower_format.setBackground(Qt::darkBlue);lower_format.setFontWeight(QFont::Bold);lower_format.setFontFamily("Consolas");rule.format=lower_format;highlight_rules.push_back(rule);//偏高rule.pattern=QRegularExpression(R"(\(↑Upper\))");QTextCharFormat upper_format;upper_format.setForeground(Qt::white);upper_format.setBackground(QColor(220,50,50));upper_format.setFontWeight(QFont::Bold);upper_format.setFontFamily("Consolas");rule.format=upper_format;highlight_rules.push_back(rule);}~WenshiduHighlighter()=default;protected://最后，我们要重写父类的抽象接口void highlightBlock(const QString &text) = 0//这个函数的参数text，就是构造传进来的doc的每一行，//该父类会自动把doc的每一行都来调用这个函数来进行匹配+高亮void highlightBlock(const QString &text) override{//遍历所有的规则，来给每一行的数据匹配后设置格式for(const auto& itor:highlight_rules){auto match_list=itor.pattern.globalMatch(text);//如果匹配到了while(match_list.hasNext()){auto match_result=match_list.next();//最后调用父类的setFormat方法设置格式//参数1：匹配到字符的开始索引//参数2：匹配到字符的长度//参数3：预先构造好的格式setFormat(match_result.capturedStart(),match_result.capturedLength(),itor.format);}}}private:std::vector<HighlightRule> highlight_rules;};

如何使用

设置高亮，直接new一个WenshiduHighlighter，然后将QTextEditor内部文档的指针传过来
取消高亮，直接delete掉前面new出来的WenshiduHighlighter

代码如下：

class Widget : public QWidget
{Q_OBJECTpublic:Widget(QWidget *parent = nullptr):QWidget(parent){setStyleSheet(R"(QPushButton{font-family:"Microsoft YaHei";font-size:13px;font-weight:bold;}QCheckBox{font-family:"Microsoft YaHei";font-size:13px;font-weight:bold;})");//整个窗口垂直布局QVBoxLayout* v_box=new QVBoxLayout(this);//创建复选框和两个按钮,三者采用水平布局QHBoxLayout* h_box=new QHBoxLayout();format_box=new QCheckBox(this);format_box->setText("下位机温湿度高亮");h_box->addWidget(format_box);QSpacerItem* spacer1=new QSpacerItem(20,5,QSizePolicy::MinimumExpanding,QSizePolicy::Fixed);h_box->addSpacerItem(spacer1);btn_start_receive=new QPushButton(this);btn_start_receive->setText("开始接收");btn_start_receive->setFixedSize(80,30);btn_start_receive->setCursor(Qt::PointingHandCursor);h_box->addWidget(btn_start_receive);QSpacerItem* spacer2=new QSpacerItem(20,5,QSizePolicy::Fixed,QSizePolicy::Fixed);h_box->addSpacerItem(spacer2);btn_clear=new QPushButton(this);btn_clear->setText("清除数据");btn_clear->setFixedSize(80,30);btn_clear->setCursor(Qt::PointingHandCursor);h_box->addWidget(btn_clear);v_box->addLayout(h_box);//创建内容区edit_content=new QTextEdit(this);//设置为等宽字体，来使上下两行的数据对齐edit_content->setStyleSheet("font:16px Courier");v_box->addWidget(edit_content);resize(800,600);timer=new QTimer(this);//开始接收按钮//则开始一个定时器，以500ms为间隔模拟生成一条温湿度数据，追加到editor中connect(btn_start_receive,&QPushButton::clicked,this,[=](){//定时器开着，则关闭定时器，停止追加数据if(timer->isActive()){timer->stop();btn_start_receive->setText("开始接收");}else{//定时器关着，则开启定时器timer->start(500);btn_start_receive->setText("停止接收");}});//清除按钮connect(btn_clear,&QPushButton::clicked,this,[=](){//清除数据edit_content->clear();});//高亮下位机温湿度connect(format_box,&QCheckBox::clicked,this,[=](){if(format_box->isChecked()){//如何产生高亮，直接new一个温湿度高亮者，就可以高亮了wenshidu_highlighter=new WenshiduHighlighter(edit_content->document());}else{//如何取消高亮。直接delete将他析构好了delete wenshidu_highlighter;}});//定时器connect(timer,&QTimer::timeout,this,&Widget::addData);}~Widget()=default;
protected:void addData(){QString str_data;str_data+="[";//日期时间str_data+=QDateTime::currentDateTime().toString("yyyy-MM-dd hh:mm:ss");str_data+="]  ";//随机生成温度，范围【-10,50】int temper=-10+QRandomGenerator::global()->generate()%61;if(temper<10){//arg(temper,3)表示温度占3位str_data+=QString("%1%2%3").arg("Temperature: ").arg(temper,3).arg("℃ (↓Lower)  ");}else if(temper>=10&& temper<30){str_data+=QString("%1%2%3").arg("Temperature: ").arg(temper,3).arg("℃ (Normal)  ");}else{str_data+=QString("%1%2%3").arg("Temperature: ").arg(temper,3).arg("℃ (↑Upper)  ");}//随机生成湿度,范围【20,100】int humi=20+QRandomGenerator::global()->generate()%81;if(humi<40){str_data+=QString("%1%2%3").arg("Humidity: ").arg(humi,3).arg("% (↓Lower)");}else if(humi>=40 && humi<70){str_data+=QString("%1%2%3").arg("Humidity: ").arg(humi,3).arg("% (Normal)");}else{str_data+=QString("%1%2%3").arg("Humidity: ").arg(humi,3).arg("% (↑Upper)");}edit_content->append(str_data);}private:QTimer* timer;QCheckBox* format_box;//高亮内容QPushButton* btn_start_receive;//接收数据QPushButton* btn_clear;//清除内容QTextEdit* edit_content;//内容区WenshiduHighlighter* wenshidu_highlighter;};

学习链接：https://github.com/0voice

设计合理的h5制作开发_手机app设计软件_目前最新的营销模式有哪些_谷歌代理

最新新闻

热搜词