Qt编写自定义控件5-柱状温度计

一、前言

柱状温度计控件，可能是很多人练手控件之一，基本上都是垂直方向展示，底部一个水银柱，中间刻度尺，刻度尺可以在左侧右侧或者两侧都有，自适应分辨率改动，有时候为了美观效果，可能还会整个定时器来实现动画效果，开启动画效果的缺点就是CPU占用会比较高，前阵子有个好友（贾文涛-涛哥）向我推荐了一个opengl绘制的开源东西，QNanoPainter，东西是个好东西，我个人的理解是直接封装了opengl绘制的qpainter，可以使得绘制全部走GPU，这样就可以大大减轻CPU的负担，非常方便，我自己试了下，方法和绘制逻辑和qpainter有点不一样，暂时没有将所有控件改成QNanoPainter版本，以后看情况吧。

二、实现的功能

1:可设置精确度(小数点后几位)和间距
2:可设置背景色/柱状颜色/线条颜色
3:可设置长线条步长及短线条步长
4:可启用动画及动画步长
5:可设置范围值
6:支持负数刻度值
7:支持任意窗体大小缩放
8:可设置柱状条位置左侧居中右侧
9:可设置刻度尺位置无左侧右侧两侧
10:可设置用户设定目标值

三、效果图

四、头文件代码

#ifndef RULERTEMP_H
#define RULERTEMP_H

/**

柱状温度计控件作者:feiyangqingyun(QQ:517216493) 2016-11-4
1:可设置精确度(小数点后几位)和间距
2:可设置背景色/柱状颜色/线条颜色
3:可设置长线条步长及短线条步长
4:可启用动画及动画步长
5:可设置范围值
6:支持负数刻度值
7:支持任意窗体大小缩放
8:可设置柱状条位置左侧居中右侧
9:可设置刻度尺位置无左侧右侧两侧
10:可设置用户设定目标值
*/

#include <QWidget>

#ifdef quc
#if (QT_VERSION < QT_VERSION_CHECK(5,7,0))
#include <QtDesigner/QDesignerExportWidget>
#else
#include <QtUiPlugin/QDesignerExportWidget>
#endif

class QDESIGNER_WIDGET_EXPORT RulerTemp : public QWidget
#else
class RulerTemp : public QWidget
#endif

{
Q_OBJECT
Q_ENUMS(BarPosition)
Q_ENUMS(TickPosition)

<span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>double minValue READ getMinValue WRITE setMinValue<span class="token punctuation">)</span>
<span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>double maxValue READ getMaxValue WRITE setMaxValue<span class="token punctuation">)</span>
<span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>double value READ getValue WRITE setValue<span class="token punctuation">)</span><span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>int precision READ getPrecision WRITE setPrecision<span class="token punctuation">)</span>
<span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>int longStep READ getLongStep WRITE setLongStep<span class="token punctuation">)</span>
<span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>int shortStep READ getShortStep WRITE setShortStep<span class="token punctuation">)</span>
<span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>int space READ getSpace WRITE setSpace<span class="token punctuation">)</span><span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>bool animation READ getAnimation WRITE setAnimation<span class="token punctuation">)</span>
<span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>double animationStep READ getAnimationStep WRITE setAnimationStep<span class="token punctuation">)</span><span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>bool showUserValue READ getShowUserValue WRITE setShowUserValue<span class="token punctuation">)</span>
<span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>double userValue READ getUserValue WRITE setUserValue<span class="token punctuation">)</span>
<span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>QColor userValueColor READ getUserValueColor WRITE setUserValueColor<span class="token punctuation">)</span><span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>QColor bgColorStart READ getBgColorStart WRITE setBgColorStart<span class="token punctuation">)</span>
<span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>QColor bgColorEnd READ getBgColorEnd WRITE setBgColorEnd<span class="token punctuation">)</span>
<span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>QColor lineColor READ getLineColor WRITE setLineColor<span class="token punctuation">)</span>
<span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>QColor barBgColor READ getBarBgColor WRITE setBarBgColor<span class="token punctuation">)</span>
<span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>QColor barColor READ getBarColor WRITE setBarColor<span class="token punctuation">)</span><span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>BarPosition barPosition READ getBarPosition WRITE setBarPosition<span class="token punctuation">)</span>
<span class="token function">Q_PROPERTY</span><span class="token punctuation">(</span>TickPosition tickPosition READ getTickPosition WRITE setTickPosition<span class="token punctuation">)</span>

public:
enum BarPosition {
BarPosition_Left = 0, //左侧显示
BarPosition_Right = 1, //右侧显示
BarPosition_Center = 2 //居中显示
};

<span class="token keyword">enum</span> TickPosition <span class="token punctuation">{</span>TickPosition_Null <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">,</span>      <span class="token comment">//不显示</span>TickPosition_Left <span class="token operator">=</span> <span class="token number">1</span><span class="token punctuation">,</span>      <span class="token comment">//左侧显示</span>TickPosition_Right <span class="token operator">=</span> <span class="token number">2</span><span class="token punctuation">,</span>     <span class="token comment">//右侧显示</span>TickPosition_Both <span class="token operator">=</span> <span class="token number">3</span>       <span class="token comment">//两侧显示</span>
<span class="token punctuation">}</span><span class="token punctuation">;</span>explicit <span class="token function">RulerTemp</span><span class="token punctuation">(</span>QWidget <span class="token operator">*</span>parent <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token operator">~</span><span class="token function">RulerTemp</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

protected:
void resizeEvent(QResizeEvent );
void paintEvent(QPaintEvent );
void drawBg(QPainter painter);
void drawBarBg(QPainter painter);
void drawRuler(QPainter painter, int type);
void drawBar(QPainter painter);
void drawValue(QPainter *painter);

private:
double minValue; //最小值
double maxValue; //最大值
double value; //目标值

int precision<span class="token punctuation">;</span>                  <span class="token comment">//精确度,小数点后几位</span>
int longStep<span class="token punctuation">;</span>                   <span class="token comment">//长线条等分步长</span>
int shortStep<span class="token punctuation">;</span>                  <span class="token comment">//短线条等分步长</span>
int space<span class="token punctuation">;</span>                      <span class="token comment">//间距</span>bool animation<span class="token punctuation">;</span>                 <span class="token comment">//是否启用动画显示</span>
double animationStep<span class="token punctuation">;</span>           <span class="token comment">//动画显示时步长</span>bool showUserValue<span class="token punctuation">;</span>             <span class="token comment">//显示用户设定值</span>
double userValue<span class="token punctuation">;</span>               <span class="token comment">//用户设定值</span>
QColor userValueColor<span class="token punctuation">;</span>          <span class="token comment">//用户设定值颜色</span>QColor bgColorStart<span class="token punctuation">;</span>            <span class="token comment">//背景渐变开始颜色</span>
QColor bgColorEnd<span class="token punctuation">;</span>              <span class="token comment">//背景渐变结束颜色</span>
QColor lineColor<span class="token punctuation">;</span>               <span class="token comment">//线条颜色</span>
QColor barBgColor<span class="token punctuation">;</span>              <span class="token comment">//柱状背景色</span>
QColor barColor<span class="token punctuation">;</span>                <span class="token comment">//柱状颜色</span>BarPosition barPosition<span class="token punctuation">;</span>        <span class="token comment">//柱状条位置</span>
TickPosition tickPosition<span class="token punctuation">;</span>      <span class="token comment">//刻度尺位置</span>int barWidth<span class="token punctuation">;</span>                   <span class="token comment">//水银柱宽度</span>
int barHeight<span class="token punctuation">;</span>                  <span class="token comment">//水银柱高度</span>
int radius<span class="token punctuation">;</span>                     <span class="token comment">//水银柱底部圆半径</span>
int targetX<span class="token punctuation">;</span>                    <span class="token comment">//目标X坐标</span>
QRectF barRect<span class="token punctuation">;</span>                 <span class="token comment">//柱状区域</span>
QRectF circleRect<span class="token punctuation">;</span>              <span class="token comment">//底部圆区域</span>bool reverse<span class="token punctuation">;</span>                   <span class="token comment">//是否倒退</span>
double currentValue<span class="token punctuation">;</span>            <span class="token comment">//当前值</span>
QTimer <span class="token operator">*</span>timer<span class="token punctuation">;</span>                  <span class="token comment">//定时器绘制动画</span>

private slots:
void updateValue();

public:
double getMinValue() const;
double getMaxValue() const;
double getValue() const;

int <span class="token function">getPrecision</span><span class="token punctuation">(</span><span class="token punctuation">)</span>              <span class="token keyword">const</span><span class="token punctuation">;</span>
int <span class="token function">getLongStep</span><span class="token punctuation">(</span><span class="token punctuation">)</span>               <span class="token keyword">const</span><span class="token punctuation">;</span>
int <span class="token function">getShortStep</span><span class="token punctuation">(</span><span class="token punctuation">)</span>              <span class="token keyword">const</span><span class="token punctuation">;</span>
int <span class="token function">getSpace</span><span class="token punctuation">(</span><span class="token punctuation">)</span>                  <span class="token keyword">const</span><span class="token punctuation">;</span>bool <span class="token function">getAnimation</span><span class="token punctuation">(</span><span class="token punctuation">)</span>             <span class="token keyword">const</span><span class="token punctuation">;</span>
double <span class="token function">getAnimationStep</span><span class="token punctuation">(</span><span class="token punctuation">)</span>       <span class="token keyword">const</span><span class="token punctuation">;</span>bool <span class="token function">getShowUserValue</span><span class="token punctuation">(</span><span class="token punctuation">)</span>         <span class="token keyword">const</span><span class="token punctuation">;</span>
double <span class="token function">getUserValue</span><span class="token punctuation">(</span><span class="token punctuation">)</span>           <span class="token keyword">const</span><span class="token punctuation">;</span>
QColor <span class="token function">getUserValueColor</span><span class="token punctuation">(</span><span class="token punctuation">)</span>      <span class="token keyword">const</span><span class="token punctuation">;</span>QColor <span class="token function">getBgColorStart</span><span class="token punctuation">(</span><span class="token punctuation">)</span>        <span class="token keyword">const</span><span class="token punctuation">;</span>
QColor <span class="token function">getBgColorEnd</span><span class="token punctuation">(</span><span class="token punctuation">)</span>          <span class="token keyword">const</span><span class="token punctuation">;</span>
QColor <span class="token function">getLineColor</span><span class="token punctuation">(</span><span class="token punctuation">)</span>           <span class="token keyword">const</span><span class="token punctuation">;</span>
QColor <span class="token function">getBarBgColor</span><span class="token punctuation">(</span><span class="token punctuation">)</span>          <span class="token keyword">const</span><span class="token punctuation">;</span>
QColor <span class="token function">getBarColor</span><span class="token punctuation">(</span><span class="token punctuation">)</span>            <span class="token keyword">const</span><span class="token punctuation">;</span>BarPosition <span class="token function">getBarPosition</span><span class="token punctuation">(</span><span class="token punctuation">)</span>    <span class="token keyword">const</span><span class="token punctuation">;</span>
TickPosition <span class="token function">getTickPosition</span><span class="token punctuation">(</span><span class="token punctuation">)</span>  <span class="token keyword">const</span><span class="token punctuation">;</span>QSize <span class="token function">sizeHint</span><span class="token punctuation">(</span><span class="token punctuation">)</span>                <span class="token keyword">const</span><span class="token punctuation">;</span>
QSize <span class="token function">minimumSizeHint</span><span class="token punctuation">(</span><span class="token punctuation">)</span>         <span class="token keyword">const</span><span class="token punctuation">;</span>

public Q_SLOTS:
//设置最大最小值-范围值
void setRange(double minValue, double maxValue);
void setRange(int minValue, int maxValue);

<span class="token comment">//设置最大最小值</span>
<span class="token keyword">void</span> <span class="token function">setMinValue</span><span class="token punctuation">(</span>double minValue<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">void</span> <span class="token function">setMaxValue</span><span class="token punctuation">(</span>double maxValue<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//设置目标值</span>
<span class="token keyword">void</span> <span class="token function">setValue</span><span class="token punctuation">(</span>double value<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">void</span> <span class="token function">setValue</span><span class="token punctuation">(</span>int value<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//设置精确度</span>
<span class="token keyword">void</span> <span class="token function">setPrecision</span><span class="token punctuation">(</span>int precision<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//设置线条等分步长</span>
<span class="token keyword">void</span> <span class="token function">setLongStep</span><span class="token punctuation">(</span>int longStep<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">void</span> <span class="token function">setShortStep</span><span class="token punctuation">(</span>int shortStep<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//设置间距</span>
<span class="token keyword">void</span> <span class="token function">setSpace</span><span class="token punctuation">(</span>int space<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//设置是否启用动画显示</span>
<span class="token keyword">void</span> <span class="token function">setAnimation</span><span class="token punctuation">(</span>bool animation<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">//设置动画显示的步长</span>
<span class="token keyword">void</span> <span class="token function">setAnimationStep</span><span class="token punctuation">(</span>double animationStep<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//设置是否显示用户设定值</span>
<span class="token keyword">void</span> <span class="token function">setShowUserValue</span><span class="token punctuation">(</span>bool showUserValue<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//设置用户值</span>
<span class="token keyword">void</span> <span class="token function">setUserValue</span><span class="token punctuation">(</span>double userValue<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">void</span> <span class="token function">setUserValue</span><span class="token punctuation">(</span>int userValue<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//设置用户设定值颜色</span>
<span class="token keyword">void</span> <span class="token function">setUserValueColor</span><span class="token punctuation">(</span><span class="token keyword">const</span> QColor <span class="token operator">&amp;</span>userValueColor<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//设置背景颜色</span>
<span class="token keyword">void</span> <span class="token function">setBgColorStart</span><span class="token punctuation">(</span><span class="token keyword">const</span> QColor <span class="token operator">&amp;</span>bgColorStart<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">void</span> <span class="token function">setBgColorEnd</span><span class="token punctuation">(</span><span class="token keyword">const</span> QColor <span class="token operator">&amp;</span>bgColorEnd<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//设置线条颜色</span>
<span class="token keyword">void</span> <span class="token function">setLineColor</span><span class="token punctuation">(</span><span class="token keyword">const</span> QColor <span class="token operator">&amp;</span>lineColor<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//设置柱状颜色</span>
<span class="token keyword">void</span> <span class="token function">setBarBgColor</span><span class="token punctuation">(</span><span class="token keyword">const</span> QColor <span class="token operator">&amp;</span>barBgColor<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">void</span> <span class="token function">setBarColor</span><span class="token punctuation">(</span><span class="token keyword">const</span> QColor <span class="token operator">&amp;</span>barColor<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//设置柱状条位置</span>
<span class="token keyword">void</span> <span class="token function">setBarPosition</span><span class="token punctuation">(</span><span class="token keyword">const</span> BarPosition <span class="token operator">&amp;</span>barPosition<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//设置刻度尺位置</span>
<span class="token keyword">void</span> <span class="token function">setTickPosition</span><span class="token punctuation">(</span><span class="token keyword">const</span> TickPosition <span class="token operator">&amp;</span>tickPosition<span class="token punctuation">)</span><span class="token punctuation">;</span>

Q_SIGNALS:
void valueChanged(double value);
};

#endif // RULERTEMP_H

五、核心代码

void RulerTemp::paintEvent(QPaintEvent *)

{

//绘制准备工作,启用反锯齿

QPainter painter(this);

painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);

<span class="token comment">//绘制背景</span>
<span class="token function">drawBg</span><span class="token punctuation">(</span><span class="token operator">&amp;</span>painter<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//绘制标尺及刻度尺</span>
<span class="token keyword">if</span> <span class="token punctuation">(</span>tickPosition <span class="token operator">==</span> TickPosition_Left<span class="token punctuation">)</span> <span class="token punctuation">{</span><span class="token function">drawRuler</span><span class="token punctuation">(</span><span class="token operator">&amp;</span>painter<span class="token punctuation">,</span> <span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token keyword">if</span> <span class="token punctuation">(</span>tickPosition <span class="token operator">==</span> TickPosition_Right<span class="token punctuation">)</span> <span class="token punctuation">{</span><span class="token function">drawRuler</span><span class="token punctuation">(</span><span class="token operator">&amp;</span>painter<span class="token punctuation">,</span> <span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token keyword">if</span> <span class="token punctuation">(</span>tickPosition <span class="token operator">==</span> TickPosition_Both<span class="token punctuation">)</span> <span class="token punctuation">{</span><span class="token function">drawRuler</span><span class="token punctuation">(</span><span class="token operator">&amp;</span>painter<span class="token punctuation">,</span> <span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token function">drawRuler</span><span class="token punctuation">(</span><span class="token operator">&amp;</span>painter<span class="token punctuation">,</span> <span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token comment">//绘制水银柱背景,包含水银柱底部圆</span>
<span class="token function">drawBarBg</span><span class="token punctuation">(</span><span class="token operator">&amp;</span>painter<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//绘制当前水银柱,包含水银柱底部圆</span>
<span class="token function">drawBar</span><span class="token punctuation">(</span><span class="token operator">&amp;</span>painter<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//绘制当前值</span>
<span class="token function">drawValue</span><span class="token punctuation">(</span><span class="token operator">&amp;</span>painter<span class="token punctuation">)</span><span class="token punctuation">;</span>

}

void RulerTemp::drawBg(QPainter *painter)
{
painter->save();
painter->setPen(Qt::NoPen);
QLinearGradient bgGradient(QPointF(0, 0), QPointF(0, height()));
bgGradient.setColorAt(0.0, bgColorStart);
bgGradient.setColorAt(1.0, bgColorEnd);
painter->setBrush(bgGradient);
painter->drawRect(rect());
painter->restore();
}

void RulerTemp::drawBarBg(QPainter *painter)
{
painter->save();
painter->setPen(Qt::NoPen);
painter->setBrush(barBgColor);

int barX <span class="token operator">=</span> targetX <span class="token operator">-</span> barWidth <span class="token operator">/</span> <span class="token number">2</span><span class="token punctuation">;</span>
int barY <span class="token operator">=</span> space<span class="token punctuation">;</span>
QRectF <span class="token function">barRect</span><span class="token punctuation">(</span>barX<span class="token punctuation">,</span> barY<span class="token punctuation">,</span> barWidth<span class="token punctuation">,</span> barHeight<span class="token punctuation">)</span><span class="token punctuation">;</span>int circleX <span class="token operator">=</span> targetX <span class="token operator">-</span> radius<span class="token punctuation">;</span>
<span class="token comment">//偏移 2 个像素,使得看起来边缘完整</span>
int circleY <span class="token operator">=</span> <span class="token function">height</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">-</span> radius <span class="token operator">*</span> <span class="token number">2</span> <span class="token operator">-</span> <span class="token number">2</span><span class="token punctuation">;</span>
int circleWidth <span class="token operator">=</span> radius <span class="token operator">*</span> <span class="token number">2</span><span class="token punctuation">;</span>
QRectF <span class="token function">circleRect</span><span class="token punctuation">(</span>circleX<span class="token punctuation">,</span> circleY<span class="token punctuation">,</span> circleWidth<span class="token punctuation">,</span> circleWidth<span class="token punctuation">)</span><span class="token punctuation">;</span>QPainterPath path<span class="token punctuation">;</span>
path<span class="token punctuation">.</span><span class="token function">addRect</span><span class="token punctuation">(</span>barRect<span class="token punctuation">)</span><span class="token punctuation">;</span>
path<span class="token punctuation">.</span><span class="token function">addEllipse</span><span class="token punctuation">(</span>circleRect<span class="token punctuation">)</span><span class="token punctuation">;</span>
path<span class="token punctuation">.</span><span class="token function">setFillRule</span><span class="token punctuation">(</span>Qt<span class="token punctuation">:</span><span class="token punctuation">:</span>WindingFill<span class="token punctuation">)</span><span class="token punctuation">;</span>
painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">drawPath</span><span class="token punctuation">(</span>path<span class="token punctuation">)</span><span class="token punctuation">;</span>
painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">restore</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

}

void RulerTemp::drawRuler(QPainter *painter, int type)
{
painter->save();
painter->setPen(lineColor);

int barPercent <span class="token operator">=</span> barWidth <span class="token operator">/</span> <span class="token number">8</span><span class="token punctuation">;</span><span class="token keyword">if</span> <span class="token punctuation">(</span>barPercent <span class="token operator">&lt;</span> <span class="token number">2</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>barPercent <span class="token operator">=</span> <span class="token number">2</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token comment">//绘制纵向标尺刻度</span>
double length <span class="token operator">=</span> <span class="token function">height</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">-</span> <span class="token number">2</span> <span class="token operator">*</span> space <span class="token operator">-</span> <span class="token number">2</span> <span class="token operator">*</span> radius<span class="token punctuation">;</span>
<span class="token comment">//计算每一格移动多少</span>
double increment <span class="token operator">=</span> length <span class="token operator">/</span> <span class="token punctuation">(</span>maxValue <span class="token operator">-</span> minValue<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//长线条短线条长度</span>
int longLineLen <span class="token operator">=</span> <span class="token number">10</span><span class="token punctuation">;</span>
int shortLineLen <span class="token operator">=</span> <span class="token number">7</span><span class="token punctuation">;</span><span class="token comment">//绘制纵向标尺线 偏移 5 像素</span>
int offset <span class="token operator">=</span> barWidth <span class="token operator">/</span> <span class="token number">2</span> <span class="token operator">+</span> <span class="token number">5</span><span class="token punctuation">;</span><span class="token comment">//左侧刻度尺需要重新计算</span>
<span class="token keyword">if</span> <span class="token punctuation">(</span>type <span class="token operator">==</span> <span class="token number">0</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>offset <span class="token operator">=</span> <span class="token operator">-</span>offset<span class="token punctuation">;</span>longLineLen <span class="token operator">=</span> <span class="token operator">-</span>longLineLen<span class="token punctuation">;</span>shortLineLen <span class="token operator">=</span> <span class="token operator">-</span>shortLineLen<span class="token punctuation">;</span>
<span class="token punctuation">}</span>double initX <span class="token operator">=</span> targetX <span class="token operator">+</span> offset<span class="token punctuation">;</span>
double initY <span class="token operator">=</span> space <span class="token operator">+</span> barPercent<span class="token punctuation">;</span>
QPointF <span class="token function">topPot</span><span class="token punctuation">(</span>initX<span class="token punctuation">,</span> initY<span class="token punctuation">)</span><span class="token punctuation">;</span>
QPointF <span class="token function">bottomPot</span><span class="token punctuation">(</span>initX<span class="token punctuation">,</span> <span class="token function">height</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">-</span> <span class="token number">2</span> <span class="token operator">*</span> radius <span class="token operator">-</span> <span class="token number">5</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">drawLine</span><span class="token punctuation">(</span>topPot<span class="token punctuation">,</span> bottomPot<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//根据范围值绘制刻度值及刻度值</span>
<span class="token keyword">for</span> <span class="token punctuation">(</span>int i <span class="token operator">=</span> maxValue<span class="token punctuation">;</span> i <span class="token operator">&gt;=</span> minValue<span class="token punctuation">;</span> i <span class="token operator">=</span> i <span class="token operator">-</span> shortStep<span class="token punctuation">)</span> <span class="token punctuation">{</span><span class="token keyword">if</span> <span class="token punctuation">(</span>i <span class="token operator">%</span> longStep <span class="token operator">==</span> <span class="token number">0</span><span class="token punctuation">)</span> <span class="token punctuation">{</span><span class="token comment">//绘制长线条</span>QPointF <span class="token function">leftPot</span><span class="token punctuation">(</span>initX <span class="token operator">+</span> longLineLen<span class="token punctuation">,</span> initY<span class="token punctuation">)</span><span class="token punctuation">;</span>QPointF <span class="token function">rightPot</span><span class="token punctuation">(</span>initX<span class="token punctuation">,</span> initY<span class="token punctuation">)</span><span class="token punctuation">;</span>painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">drawLine</span><span class="token punctuation">(</span>leftPot<span class="token punctuation">,</span> rightPot<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//绘制文字</span>QString strValue <span class="token operator">=</span> <span class="token function">QString</span><span class="token punctuation">(</span><span class="token string">"%1"</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">arg</span><span class="token punctuation">(</span><span class="token punctuation">(</span>double<span class="token punctuation">)</span>i<span class="token punctuation">,</span> <span class="token number">0</span><span class="token punctuation">,</span> <span class="token string">'f'</span><span class="token punctuation">,</span> precision<span class="token punctuation">)</span><span class="token punctuation">;</span>double fontHeight <span class="token operator">=</span> painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">fontMetrics</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">height</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token keyword">if</span> <span class="token punctuation">(</span>type <span class="token operator">==</span> <span class="token number">0</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>QRect <span class="token function">textRect</span><span class="token punctuation">(</span>initX <span class="token operator">-</span> <span class="token number">45</span><span class="token punctuation">,</span> initY <span class="token operator">-</span> fontHeight <span class="token operator">/</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">30</span><span class="token punctuation">,</span> <span class="token number">15</span><span class="token punctuation">)</span><span class="token punctuation">;</span>painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">drawText</span><span class="token punctuation">(</span>textRect<span class="token punctuation">,</span> Qt<span class="token punctuation">:</span><span class="token punctuation">:</span>AlignRight<span class="token punctuation">,</span> strValue<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token keyword">if</span> <span class="token punctuation">(</span>type <span class="token operator">==</span> <span class="token number">1</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>QRect <span class="token function">textRect</span><span class="token punctuation">(</span>initX <span class="token operator">+</span> longLineLen <span class="token operator">+</span> <span class="token number">5</span><span class="token punctuation">,</span> initY <span class="token operator">-</span> fontHeight <span class="token operator">/</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">30</span><span class="token punctuation">,</span> <span class="token number">15</span><span class="token punctuation">)</span><span class="token punctuation">;</span>painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">drawText</span><span class="token punctuation">(</span>textRect<span class="token punctuation">,</span> Qt<span class="token punctuation">:</span><span class="token punctuation">:</span>AlignLeft<span class="token punctuation">,</span> strValue<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token punctuation">}</span><span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token punctuation">{</span><span class="token comment">//绘制短线条</span>QPointF <span class="token function">leftPot</span><span class="token punctuation">(</span>initX <span class="token operator">+</span> shortLineLen<span class="token punctuation">,</span> initY<span class="token punctuation">)</span><span class="token punctuation">;</span>QPointF <span class="token function">rightPot</span><span class="token punctuation">(</span>initX<span class="token punctuation">,</span> initY<span class="token punctuation">)</span><span class="token punctuation">;</span>painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">drawLine</span><span class="token punctuation">(</span>leftPot<span class="token punctuation">,</span> rightPot<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token punctuation">}</span>initY <span class="token operator">+=</span> increment <span class="token operator">*</span> shortStep<span class="token punctuation">;</span>
<span class="token punctuation">}</span>painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">restore</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

}

void RulerTemp::drawBar(QPainter *painter)
{
painter->save();
painter->setPen(Qt::NoPen);
painter->setBrush(barColor);

<span class="token comment">//计算在背景宽度的基础上缩小的百分比, 至少为 2</span>
int barPercent <span class="token operator">=</span> barWidth <span class="token operator">/</span> <span class="token number">8</span><span class="token punctuation">;</span>
int circlePercent <span class="token operator">=</span> radius <span class="token operator">/</span> <span class="token number">6</span><span class="token punctuation">;</span><span class="token keyword">if</span> <span class="token punctuation">(</span>barPercent <span class="token operator">&lt;</span> <span class="token number">2</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>barPercent <span class="token operator">=</span> <span class="token number">2</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token keyword">if</span> <span class="token punctuation">(</span>circlePercent <span class="token operator">&lt;</span> <span class="token number">2</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>circlePercent <span class="token operator">=</span> <span class="token number">2</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token comment">//标尺刻度高度</span>
double length <span class="token operator">=</span> <span class="token function">height</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">-</span> <span class="token number">2</span> <span class="token operator">*</span> space <span class="token operator">-</span> <span class="token number">2</span> <span class="token operator">*</span> radius<span class="token punctuation">;</span>
<span class="token comment">//计算每一格移动多少</span>
double increment <span class="token operator">=</span> length <span class="token operator">/</span> <span class="token punctuation">(</span>maxValue <span class="token operator">-</span> minValue<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">//计算标尺的高度</span>
int rulerHeight <span class="token operator">=</span> <span class="token function">height</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">-</span> <span class="token number">1</span> <span class="token operator">*</span> space <span class="token operator">-</span> <span class="token number">2</span> <span class="token operator">*</span> radius<span class="token punctuation">;</span>int barX <span class="token operator">=</span> targetX <span class="token operator">-</span> barWidth <span class="token operator">/</span> <span class="token number">2</span><span class="token punctuation">;</span>
int barY <span class="token operator">=</span> rulerHeight <span class="token operator">-</span> <span class="token punctuation">(</span>currentValue <span class="token operator">-</span> minValue<span class="token punctuation">)</span> <span class="token operator">*</span> increment<span class="token punctuation">;</span>
barRect <span class="token operator">=</span> <span class="token function">QRectF</span><span class="token punctuation">(</span>barX <span class="token operator">+</span> barPercent<span class="token punctuation">,</span> barY <span class="token operator">+</span> barPercent<span class="token punctuation">,</span> barWidth <span class="token operator">-</span> barPercent <span class="token operator">*</span> <span class="token number">2</span><span class="token punctuation">,</span> barHeight <span class="token operator">+</span> radius <span class="token operator">-</span> barY<span class="token punctuation">)</span><span class="token punctuation">;</span>int circleX <span class="token operator">=</span> targetX <span class="token operator">-</span> radius<span class="token punctuation">;</span>
<span class="token comment">//偏移 2 个像素,使得看起来边缘完整</span>
int circleY <span class="token operator">=</span> <span class="token function">height</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">-</span> radius <span class="token operator">*</span> <span class="token number">2</span> <span class="token operator">-</span> <span class="token number">2</span><span class="token punctuation">;</span>
int circleWidth <span class="token operator">=</span> radius <span class="token operator">*</span> <span class="token number">2</span> <span class="token operator">-</span> circlePercent <span class="token operator">*</span> <span class="token number">2</span><span class="token punctuation">;</span>
circleRect <span class="token operator">=</span> <span class="token function">QRectF</span><span class="token punctuation">(</span>circleX <span class="token operator">+</span> circlePercent<span class="token punctuation">,</span> circleY <span class="token operator">+</span> circlePercent<span class="token punctuation">,</span> circleWidth<span class="token punctuation">,</span> circleWidth<span class="token punctuation">)</span><span class="token punctuation">;</span>QPainterPath path<span class="token punctuation">;</span>
path<span class="token punctuation">.</span><span class="token function">addRect</span><span class="token punctuation">(</span>barRect<span class="token punctuation">)</span><span class="token punctuation">;</span>
path<span class="token punctuation">.</span><span class="token function">addEllipse</span><span class="token punctuation">(</span>circleRect<span class="token punctuation">)</span><span class="token punctuation">;</span>
path<span class="token punctuation">.</span><span class="token function">setFillRule</span><span class="token punctuation">(</span>Qt<span class="token punctuation">:</span><span class="token punctuation">:</span>WindingFill<span class="token punctuation">)</span><span class="token punctuation">;</span>
painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">drawPath</span><span class="token punctuation">(</span>path<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">//绘制用户设定值三角号</span>
<span class="token keyword">if</span> <span class="token punctuation">(</span>showUserValue<span class="token punctuation">)</span> <span class="token punctuation">{</span><span class="token keyword">if</span> <span class="token punctuation">(</span>tickPosition <span class="token operator">==</span> TickPosition_Left <span class="token operator">||</span> tickPosition <span class="token operator">==</span> TickPosition_Both<span class="token punctuation">)</span> <span class="token punctuation">{</span>QPolygon pts<span class="token punctuation">;</span>int offset <span class="token operator">=</span> <span class="token number">15</span><span class="token punctuation">;</span>double initX <span class="token operator">=</span> targetX <span class="token operator">-</span> <span class="token punctuation">(</span>barWidth <span class="token operator">/</span> <span class="token number">2</span> <span class="token operator">+</span> <span class="token number">5</span><span class="token punctuation">)</span><span class="token punctuation">;</span>double initY <span class="token operator">=</span> rulerHeight <span class="token operator">-</span> <span class="token punctuation">(</span>userValue <span class="token operator">-</span> minValue<span class="token punctuation">)</span> <span class="token operator">*</span> increment<span class="token punctuation">;</span>pts<span class="token punctuation">.</span><span class="token function">append</span><span class="token punctuation">(</span><span class="token function">QPoint</span><span class="token punctuation">(</span>initX<span class="token punctuation">,</span> initY<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>pts<span class="token punctuation">.</span><span class="token function">append</span><span class="token punctuation">(</span><span class="token function">QPoint</span><span class="token punctuation">(</span>initX <span class="token operator">-</span> offset<span class="token punctuation">,</span> initY <span class="token operator">-</span> offset <span class="token operator">/</span> <span class="token number">2</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>pts<span class="token punctuation">.</span><span class="token function">append</span><span class="token punctuation">(</span><span class="token function">QPoint</span><span class="token punctuation">(</span>initX <span class="token operator">-</span> offset<span class="token punctuation">,</span> initY <span class="token operator">+</span> offset <span class="token operator">/</span> <span class="token number">2</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">setBrush</span><span class="token punctuation">(</span>userValueColor<span class="token punctuation">)</span><span class="token punctuation">;</span>painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">drawPolygon</span><span class="token punctuation">(</span>pts<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token punctuation">}</span><span class="token keyword">if</span> <span class="token punctuation">(</span>tickPosition <span class="token operator">==</span> TickPosition_Right <span class="token operator">||</span> tickPosition <span class="token operator">==</span> TickPosition_Both<span class="token punctuation">)</span> <span class="token punctuation">{</span>QPolygon pts<span class="token punctuation">;</span>int offset <span class="token operator">=</span> <span class="token number">15</span><span class="token punctuation">;</span>double initX <span class="token operator">=</span> targetX <span class="token operator">+</span> <span class="token punctuation">(</span>barWidth <span class="token operator">/</span> <span class="token number">2</span> <span class="token operator">+</span> <span class="token number">5</span><span class="token punctuation">)</span><span class="token punctuation">;</span>double initY <span class="token operator">=</span> rulerHeight <span class="token operator">-</span> <span class="token punctuation">(</span>userValue <span class="token operator">-</span> minValue<span class="token punctuation">)</span> <span class="token operator">*</span> increment<span class="token punctuation">;</span>pts<span class="token punctuation">.</span><span class="token function">append</span><span class="token punctuation">(</span><span class="token function">QPoint</span><span class="token punctuation">(</span>initX<span class="token punctuation">,</span> initY<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>pts<span class="token punctuation">.</span><span class="token function">append</span><span class="token punctuation">(</span><span class="token function">QPoint</span><span class="token punctuation">(</span>initX <span class="token operator">+</span> offset<span class="token punctuation">,</span> initY <span class="token operator">-</span> offset <span class="token operator">/</span> <span class="token number">2</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>pts<span class="token punctuation">.</span><span class="token function">append</span><span class="token punctuation">(</span><span class="token function">QPoint</span><span class="token punctuation">(</span>initX <span class="token operator">+</span> offset<span class="token punctuation">,</span> initY <span class="token operator">+</span> offset <span class="token operator">/</span> <span class="token number">2</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">setBrush</span><span class="token punctuation">(</span>userValueColor<span class="token punctuation">)</span><span class="token punctuation">;</span>painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">drawPolygon</span><span class="token punctuation">(</span>pts<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token punctuation">}</span>painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">restore</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

}

void RulerTemp::drawValue(QPainter *painter)
{
painter->save();

QFont font<span class="token punctuation">;</span>
font<span class="token punctuation">.</span><span class="token function">setPixelSize</span><span class="token punctuation">(</span>circleRect<span class="token punctuation">.</span><span class="token function">width</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">*</span> <span class="token number">0.55</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">setFont</span><span class="token punctuation">(</span>font<span class="token punctuation">)</span><span class="token punctuation">;</span>
painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">setPen</span><span class="token punctuation">(</span>Qt<span class="token punctuation">:</span><span class="token punctuation">:</span>white<span class="token punctuation">)</span><span class="token punctuation">;</span>
painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">drawText</span><span class="token punctuation">(</span>circleRect<span class="token punctuation">,</span> Qt<span class="token punctuation">:</span><span class="token punctuation">:</span>AlignCenter<span class="token punctuation">,</span> <span class="token function">QString</span><span class="token punctuation">(</span><span class="token string">"%1"</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">arg</span><span class="token punctuation">(</span>currentValue<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>painter<span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">restore</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

}

六、控件介绍

超过150个精美控件，涵盖了各种仪表盘、进度条、进度球、指南针、曲线图、标尺、温度计、导航条、导航栏，flatui、高亮按钮、滑动选择器、农历等。远超qwt集成的控件数量。
每个类都可以独立成一个单独的控件，零耦合，每个控件一个头文件和一个实现文件，不依赖其他文件，方便单个控件以源码形式集成到项目中，较少代码量。qwt的控件类环环相扣，高度耦合，想要使用其中一个控件，必须包含所有的代码。
全部纯Qt编写，QWidget+QPainter绘制，支持Qt4.6到Qt5.12的任何Qt版本，支持mingw、msvc、gcc等编译器，支持任意操作系统比如windows+linux+mac+嵌入式linux等，不乱码，可直接集成到Qt Creator中，和自带的控件一样使用，大部分效果只要设置几个属性即可，极为方便。
每个控件都有一个对应的单独的包含该控件源码的DEMO，方便参考使用。同时还提供一个所有控件使用的集成的DEMO。
每个控件的源代码都有详细中文注释，都按照统一设计规范编写，方便学习自定义控件的编写。
每个控件默认配色和demo对应的配色都非常精美。
超过130个可见控件，6个不可见控件。
部分控件提供多种样式风格选择，多种指示器样式选择。
所有控件自适应窗体拉伸变化。
集成自定义控件属性设计器，支持拖曳设计，所见即所得，支持导入导出xml格式。
自带activex控件demo，所有控件可以直接运行在ie浏览器中。
集成fontawesome图形字体+阿里巴巴iconfont收藏的几百个图形字体，享受图形字体带来的乐趣。
所有控件最后生成一个dll动态库文件，可以直接集成到qtcreator中拖曳设计使用。
目前已经有qml版本，后期会考虑出pyqt版本，如果用户需求量很大的话。

七、SDK下载

SDK下载链接：https://pan.baidu.com/s/1A5Gd77kExm8Co5ckT51vvQ 提取码：877p
下载链接中包含了各个版本的动态库文件，所有控件的头文件，使用demo，自定义控件+属性设计器。
自定义控件插件开放动态库dll使用（永久免费），无任何后门和限制，请放心使用。
目前已提供26个版本的dll，其中包括了qt5.12.3 msvc2017 32+64 mingw 32+64 的。
不定期增加控件和完善控件，不定期更新SDK，欢迎各位提出建议，谢谢！

原创声明，本文系作者授权云+社区发表，未经许可，不得转载。

如有侵权，请联系 yunjia_community@tencent.com 删除。

展开阅读全文

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

tp5 接入七牛云oss上传图片
1.安装七牛云sdkphp composer.phar require qiniu/php-sdk2.添加七牛云config文件 qiniuoss.phpreturn [secretKey => n68WDcvKwcqpeisa-Nfasfasfasf, //密钥管理中查找accessKey => gwqecqFqhdaBvuY-V6iIiaUwsFjg, //密钥管理中查找domain => https://www.XXX.com…...
2024/4/25 9:40:08
老人买什么保险最好？一文解决你的难题！
学姐知道，很多人不光想着给孩子买保险，也总想着给父母买保险。但是给父母买比给孩子买难太多了，要么年龄问题，要么是身体健康问题，导致很多保险购买不了。这篇文章教大家怎么给父母买好保险：本文重点给父母买保险须知如何给父母配置保险老人保险方案配置参考给父母买保险…...
2024/4/24 3:54:04
酱油的笔记14：JAVA常用类2
String...
2024/4/22 9:38:03
为什么PrepareStatement性能更好更安全？
行业现实在于面试要求大而全，实际工CRUD。以前我也觉得什么数据库搭建，什么性能优化，什么缓存。都是DBA要考虑的，我们只管CRUD。什么？你们公司连DBA都没有？太落后了吧？现在发现，以前都是井底之蛙，没机会遇到性能问题，而不是没有性能问题。现在基本上出去面试，SQL优化…...
2024/3/31 0:21:59
本地虚拟机ping不通本机
打开防火墙的高级设置，选择入站规则找到文件和打印机共享（回显请求-ICMPv4-In），然后右键启用，就可以了，虚拟机就可以ping通本机了...
2024/4/17 21:07:54
ArcGis10.X添加在线地图
ArcGis添加在线地图本人使用版本是arcgis10.8 10.X版本共用此方法。打开arcgist新建一个空白地图，如下图所示。打开arcgis右侧目录，打卡后如下面图片所示。点击目录里面的GIS服务器，找到添加ArcGis Server，如下图所示。...
2024/3/31 2:52:27
ESlint: the template root disallows ‘v-for‘ directive
v-for循环不能用于根元素，前面添加个div即可...
2024/3/31 1:37:19
练习错题解析
const指针（单选题）下面三段程序代码的效果一样吗？int b; (1)const int *a = &b; (2)int const *a = &b; (3)int *const a = &b;(2)=(3)(1)=(3)(1)=(2)都不一样都一样解析：主要根据 const和*的相对位置判断， const在*左边，则指针指向的变量值不能通过指针改…...
2024/3/30 22:49:55
前端页面日期格式化 moment.js
引入moment.js文件moment.js官网: http://momentjs.cn/所需优化的标签内引入:formatter="dataFomat"methods:dataFormat:function(row,column){var date = row[column.property];if(date == underfined){return };return moment(date).format("yyyy-MM-dd"…...
2024/3/31 3:01:32
刷题小记 (10) LeetCode 235 二叉搜索树的最近公共祖先
LeetCode 235 2020.8.14 我的通过代码 /*** Definition for a binary tree node.* public class TreeNode {* int val;* TreeNode left;* TreeNode right;* TreeNode(int x) { val = x; }* }*/class Solution {public TreeNode lowestCommonAncestor(TreeNode …...
2024/3/30 23:44:25
ES查找高德地图两点间路径经过的点（geohash）
问题希望查找到我从A点行驶到B点，中间路过的服务区，服务区点已经落在了ES当中可以使用ES GeoHash网格聚合, 但是他是一个矩形的方式来搜索范围，而高德地图的行驶轨迹并不是直线行驶的。所以希望使用geohash来解决这个问题 ES执行过程 ## 查询索引结构 GET points/_mappin…...
2024/4/22 1:45:55
剑指 Offer 24. 反转链表
剑指 Offer 24. 反转链表链接：https://leetcode-cn.com/problems/fan-zhuan-lian-biao-lcof/头插法建表即可# Definition for singly-linked list. # class ListNode: # def __init__(self, x): # self.val = x # self.next = Noneclass Solution:def rev…...
2024/3/29 5:27:06
Jar混淆及加密
混淆混淆工具proguard（具有压缩，混淆，优化代码功能，此处只用到了混淆功能）官网地址官网说明文档项目目录混淆步骤maven setting.xml修改中心库为<mirror><id>alimaven</id><mirrorOf>central,!jitpack.io</mirrorOf><name>…...
2024/4/1 14:02:26
前端CSS @media 媒体查询PC端
前端CSS @media 媒体查询PC端注意and后面跟一个空格 @media screen and (min-width: 1024px){ body{font-size: 12px} } /*>=1024的设备屏幕*/@media screen and (min-width: 1100px) { body{font-size: 14px} } /*>=1100的设备屏幕*/ @media (min-width: 1280px) { bod…...
2024/4/24 23:18:33
电力行业数据安全精准化防护探讨，拥抱数字化浪潮
新基建浪潮下，电力行业拥抱数字技术的速度在不断加快，数据作为核心生产要素，支撑着电力行业新业态的产生，在流动中充分创造价值。而与此同时，数据安全威胁也再度升级。那么在数字化，智能化变革中，电力行业数据安全如何得到精准化防护？ 8月6日，由中国信息产业商会举办的…...
2024/4/24 23:53:53
scala语法基础
scala语法基础 author: mys since: 2020-08-13 一、简介： Scala 也是一种函数式语言，函数是 Scala 语言的核心。二、基础语法： scala hello world ： object HelloWorld {def main(args: Array[String]) :Unit={println("Hello, world!") // 输出 Hello World} …...
2024/4/14 3:52:21
Java简易聊天室
Chat Server服务器代码片`. // An highlighted block import java.net.*; import java.util.ArrayList; import java.io.*; public class ChatServer {public static void main(String[] args) {// TODO Auto-generated method stub//构造一个端口6000的ServerSocket//这里构造…...
2024/4/1 15:31:09
LiveData vs EventBus？是否可以实现共赢
近日，据国外媒体报道，电动汽车厂商特斯拉的股价本周一再次大涨，延续上周4个交易日连续大涨的势头，CEO埃隆马斯克的身价也因此而增至463亿美元，比马云和拼多多创始人黄峥均高出了31亿美元。 / 前言 / EventBus大家都很熟悉了，各种实现方式也是层出不穷，然而，作为有追…...
2024/4/1 13:15:51
SharedPreferences 用法
/*** 保存用户信息*/private void saveUserInfo(){SharedPreferences userInfo = getSharedPreferences(PREFS_NAME, MODE_PRIVATE);SharedPreferences.Editor editor = userInfo.edit();//获取Editor//得到Editor后，写入需要保存的数据editor.putString("username"…...
2024/4/1 13:56:41
Tensorflow学习笔记4-卷积是什么
卷积是什么？卷积就是特征提取器，就是CBAPDgithub 链接,老师上课用的课件，课件5，对卷积网络描述的非常详细...
2024/4/1 14:33:53