高亮下位机温湿度

效果如下：

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

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

代码如下：

1. //自定义一个高亮类，需要继承自抽象类QSyntaxHighlighter
2. class WenshiduHighlighter:public QSyntaxHighlighter
3. {
4.     Q_OBJECT
5. public:
7.     //定义高亮规则结构体
8.     struct HighlightRule
9.     {
10.         //需要匹配的正则（通过正则来找到你要想高亮的那一部分字符）
11.         QRegularExpression pattern;
13.         //正则匹配到的字符串对应的格式
14.         QTextCharFormat format;
15.     };
17.     //实现构造函数，参数就是QTextEditor里面的内容，QTextDocument;
18.     //该参数主要是为了用来初始化父类QSyntaxHighlighter
19.     WenshiduHighlighter(QTextDocument* doc):QSyntaxHighlighter(doc)
20.     {
21.         //在构造函数中，初始化highlight_rules，创建想要高亮的内容和对应的格式
22.         HighlightRule rule;
24.         //下面就属于正则表达式的内容了 ，正则怎么写不赘述
26.         //日期，在一对[]内
27.         rule.pattern=QRegularExpression(R"(\[.*\])");
28.         QTextCharFormat datetime_format;
29.         datetime_format.setForeground(QColor(85,85,85));//设置前景色
30.         datetime_format.setBackground(QColor(240,240,240));//设置背景色
31.         datetime_format.setFontWeight(QFont::Bold);//设置加粗
32.         datetime_format.setFontFamily("Consolas");
33.         rule.format=datetime_format;
34.         highlight_rules.push_back(rule);
36.         //温度key
37.         rule.pattern=QRegularExpression(R"(Temperature)");
38.         QTextCharFormat temper_key_format;
39.         temper_key_format.setForeground(QColor(180,30,110));
40.         temper_key_format.setFontFamily("Consolas");
41.         rule.format=temper_key_format;
42.         highlight_rules.push_back(rule);
44.         //温度value
45.         rule.pattern=QRegularExpression(R"((?<=Temperature:)\s*-*\d+℃)");//反向预查,以Temperature:开始
46.         QTextCharFormat temper_val_format;
47.         temper_val_format.setForeground(QColor(180,30,110));
48.         temper_val_format.setFontWeight(QFont::Bold);
49.         temper_val_format.setFontFamily("Consolas");
50.         rule.format=temper_val_format;
51.         highlight_rules.push_back(rule);
54.         //湿度key
55.         rule.pattern=QRegularExpression(R"(Humidity)");
56.         QTextCharFormat humi_key_format;
57.         humi_key_format.setForeground(QColor(97,54,134));
58.         humi_key_format.setFontFamily("Consolas");
59.         rule.format=humi_key_format;
60.         highlight_rules.push_back(rule);
62.         //湿度value
63.         rule.pattern=QRegularExpression(R"((?<=Humidity:)\s*\d+%)");//反向预查
64.         QTextCharFormat humi_val_format;
65.         humi_val_format.setForeground(QColor(97,54,134));
66.         humi_val_format.setFontWeight(QFont::Bold);
67.         humi_val_format.setFontFamily("Consolas");
68.         rule.format=humi_val_format;
69.         highlight_rules.push_back(rule);
71.         //正常
72.         rule.pattern=QRegularExpression(R"(\(Normal\))");
73.         QTextCharFormat normal_format;
74.         normal_format.setForeground(Qt::darkGreen);
75.         normal_format.setFontFamily("Consolas");
76.         rule.format=normal_format;
77.         highlight_rules.push_back(rule);
79.         //偏低
80.         rule.pattern=QRegularExpression(R"(\(↓Lower\))");
81.         QTextCharFormat lower_format;
82.         lower_format.setForeground(Qt::white);
83.         lower_format.setBackground(Qt::darkBlue);
84.         lower_format.setFontWeight(QFont::Bold);
85.         lower_format.setFontFamily("Consolas");
86.         rule.format=lower_format;
87.         highlight_rules.push_back(rule);
90.         //偏高
91.         rule.pattern=QRegularExpression(R"(\(↑Upper\))");
92.         QTextCharFormat upper_format;
93.         upper_format.setForeground(Qt::white);
94.         upper_format.setBackground(QColor(220,50,50));
95.         upper_format.setFontWeight(QFont::Bold);
96.         upper_format.setFontFamily("Consolas");
97.         rule.format=upper_format;
98.         highlight_rules.push_back(rule);
99.     }
101.     ~WenshiduHighlighter()=default;
103. protected:
104.     //最后，我们要重写父类的抽象接口void highlightBlock(const QString &text) = 0
105.     //这个函数的参数text，就是构造传进来的doc的每一行，
106.     //该父类会自动把doc的每一行都来调用这个函数来进行匹配+高亮
107.     void highlightBlock(const QString &text) override
108.     {
109.         //遍历所有的规则，来给每一行的数据匹配后设置格式
110.         for(const auto& itor:highlight_rules)
111.         {
112.             auto match_list=itor.pattern.globalMatch(text);
113.             //如果匹配到了
114.             while(match_list.hasNext())
115.             {
116.                 auto match_result=match_list.next();
118.                 //最后调用父类的setFormat方法设置格式
119.                 //参数1：匹配到字符的开始索引
120.                 //参数2：匹配到字符的长度
121.                 //参数3：预先构造好的格式
122.                 setFormat(match_result.capturedStart(),
123.                           match_result.capturedLength(),
124.                           itor.format);
125.             }
126.         }
127.     }
129. private:
130.     std::vector<HighlightRule> highlight_rules;
132. };

复制代码

 如何使用

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

代码如下：

1. class Widget : public QWidget
2. {
3.     Q_OBJECT
5. public:
6.     Widget(QWidget *parent = nullptr):QWidget(parent)
7.     {
8.         setStyleSheet(R"(QPushButton{
9.            font-family:"Microsoft YaHei";
10.            font-size:13px;
11.            font-weight:bold;
12.          }
13.          QCheckBox{
14.            font-family:"Microsoft YaHei";
15.            font-size:13px;
16.            font-weight:bold;
17.          })");
18.         //整个窗口垂直布局
19.         QVBoxLayout* v_box=new QVBoxLayout(this);
21.         //创建复选框和两个按钮,三者采用水平布局
22.         QHBoxLayout* h_box=new QHBoxLayout();
24.         format_box=new QCheckBox(this);
25.         format_box->setText("下位机温湿度高亮");
26.         h_box->addWidget(format_box);
28.         QSpacerItem* spacer1=new QSpacerItem(20,5,QSizePolicy::MinimumExpanding,QSizePolicy::Fixed);
29.         h_box->addSpacerItem(spacer1);
31.         btn_start_receive=new QPushButton(this);
32.         btn_start_receive->setText("开始接收");
33.         btn_start_receive->setFixedSize(80,30);
34.         btn_start_receive->setCursor(Qt::PointingHandCursor);
35.         h_box->addWidget(btn_start_receive);
37.         QSpacerItem* spacer2=new QSpacerItem(20,5,QSizePolicy::Fixed,QSizePolicy::Fixed);
38.         h_box->addSpacerItem(spacer2);
40.         btn_clear=new QPushButton(this);
41.         btn_clear->setText("清除数据");
42.         btn_clear->setFixedSize(80,30);
43.         btn_clear->setCursor(Qt::PointingHandCursor);
44.         h_box->addWidget(btn_clear);
46.         v_box->addLayout(h_box);
48.         //创建内容区
49.         edit_content=new QTextEdit(this);
50.         //设置为等宽字体，来使上下两行的数据对齐
51.         edit_content->setStyleSheet("font:16px Courier");
52.         v_box->addWidget(edit_content);
54.         resize(800,600);
56.         timer=new QTimer(this);
58.         //开始接收按钮
59.         //则开始一个定时器，以500ms为间隔模拟生成一条温湿度数据，追加到editor中
60.         connect(btn_start_receive,&QPushButton::clicked,this,[=](){
61.             //定时器开着，则关闭定时器，停止追加数据
62.             if(timer->isActive())
63.             {
64.                 timer->stop();
65.                 btn_start_receive->setText("开始接收");
66.             }
67.             else
68.             {
69.                 //定时器关着，则开启定时器
70.                 timer->start(500);
71.                 btn_start_receive->setText("停止接收");
72.             }
73.         });
75.         //清除按钮
76.         connect(btn_clear,&QPushButton::clicked,this,[=](){
77.             //清除数据
78.             edit_content->clear();
79.         });
81.         //高亮下位机温湿度
82.         connect(format_box,&QCheckBox::clicked,this,[=](){
83.             if(format_box->isChecked())
84.             {
85.                 //如何产生高亮，直接new一个温湿度高亮者，就可以高亮了
86.                 wenshidu_highlighter=new WenshiduHighlighter(edit_content->document());
87.             }
88.             else
89.             {
90.                 //如何取消高亮。直接delete将他析构好了
91.                 delete wenshidu_highlighter;
92.             }
93.         });
95.         //定时器
96.         connect(timer,&QTimer::timeout,this,&Widget::addData);
98.     }
99.     ~Widget()=default;
100. protected:
101.     void addData()
102.     {
103.         QString str_data;
104.         str_data+="[";
105.         //日期时间
106.         str_data+=QDateTime::currentDateTime().toString("yyyy-MM-dd hh:mm:ss");
107.         str_data+="]  ";
109.         //随机生成温度，范围【-10,50】
110.         int temper=-10+QRandomGenerator::global()->generate()%61;
111.         if(temper<10)
112.         {
113.             //arg(temper,3)表示温度占3位
114.             str_data+=QString("%1%2%3").arg("Temperature: ").arg(temper,3).arg("℃ (↓Lower)  ");
115.         }
116.         else if(temper>=10&& temper<30)
117.         {
118.             str_data+=QString("%1%2%3").arg("Temperature: ").arg(temper,3).arg("℃ (Normal)  ");
119.         }
120.         else
121.         {
122.             str_data+=QString("%1%2%3").arg("Temperature: ").arg(temper,3).arg("℃ (↑Upper)  ");
123.         }
125.         //随机生成湿度,范围【20,100】
126.         int humi=20+QRandomGenerator::global()->generate()%81;
127.         if(humi<40)
128.         {
129.             str_data+=QString("%1%2%3").arg("Humidity: ").arg(humi,3).arg("% (↓Lower)");
130.         }
131.         else if(humi>=40 && humi<70)
132.         {
133.             str_data+=QString("%1%2%3").arg("Humidity: ").arg(humi,3).arg("% (Normal)");
134.         }
135.         else
136.         {
137.             str_data+=QString("%1%2%3").arg("Humidity: ").arg(humi,3).arg("% (↑Upper)");
138.         }
140.         edit_content->append(str_data);
142.     }
144. private:
145.     QTimer* timer;
147.     QCheckBox* format_box;//高亮内容
149.     QPushButton* btn_start_receive;//接收数据
151.     QPushButton* btn_clear;//清除内容
153.     QTextEdit* edit_content;//内容区
155.     WenshiduHighlighter* wenshidu_highlighter;
157. };

复制代码

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

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。