Qtは、カスタム波形図ヒストグラムを書きます57-

I.はじめに

非オリジナル制御の制御のヒストグラム波形図、制御百科事典約20 30コントロールに、独自の非オリジナルが、オープンソースコードを参照して、オンラインで、かつ完全である自分自身を整理し、新しいコードは、直接にまたはQtDesigner統合プラグインすることが可能になりますでQtCreator。ヒストグラムの波形図、座標の主外部着信セット緩やかに遷移する描画データは、動的なトランジション効果を生成する、セット+1の座標を描画する座標の新しいセットを再計算設定なり、これは描画しないように思われますそれは死んだが、ゆっくりと移行されます。

第二に、機能の実現

1：最大値を設定することができます
2：各遷移の設定ステップ
3：間隔は、アイテムの間に設けてもよいです。
4：背景色を設定することができ、勾配
5：線の色を提供することができます

第三に、レンダリング

第四に、ヘッダファイルのコード

#ifndef WAVELINE_H
#define WAVELINE_H

/**
 * 直方波形图控件 作者:feiyangqingyun(QQ:517216493) 2016-11-6
 * 1:可设置最大值
 * 2:可设置每次过渡的步长
 * 3:可设置item之间的间隔
 * 4:可设置渐变的背景颜色
 * 5:可设置线条的颜色
 */

#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 WaveLine : public QWidget
#else
class WaveLine : public QWidget
#endif

{
    Q_OBJECT
    Q_PROPERTY(int maxValue READ getMaxValue WRITE setMaxValue)
    Q_PROPERTY(int step READ getStep WRITE setStep)
    Q_PROPERTY(int space READ getSpace WRITE setSpace)

    Q_PROPERTY(QColor bgColorStart READ getBgColorStart WRITE setBgColorStart)
    Q_PROPERTY(QColor bgColorEnd READ getBgColorEnd WRITE setBgColorEnd)
    Q_PROPERTY(QColor lineColor READ getLineColor WRITE setLineColor)

public:
    explicit WaveLine(QWidget *parent = 0);
    ~WaveLine();

protected:
    void paintEvent(QPaintEvent *);
    void drawBg(QPainter *painter);
    void drawLine(QPainter *painter);

private:
    int maxValue;                   //最大值
    int step;                       //步长
    int space;                      //间距

    QColor bgColorStart;            //背景渐变开始颜色
    QColor bgColorEnd;              //背景渐变结束颜色
    QColor lineColor;               //线条颜色

    QTimer *timer;                  //绘制定时器
    QVector<int> currentDataVec;    //当前数据集合
    QVector<int> dataVec;           //目标数据集合

private slots:
    void updateData();

public:
    int getMaxValue()               const;
    int getStep()                   const;
    int getSpace()                  const;

    QColor getBgColorStart()        const;
    QColor getBgColorEnd()          const;
    QColor getLineColor()           const;

    QSize sizeHint()                const;
    QSize minimumSizeHint()         const;

public Q_SLOTS:
    //设置数据
    void setData(const QVector<int> &dataVec);

    //设置最大值
    void setMaxValue(int maxValue);
    //设置步长
    void setStep(int step);
    //设置间距
    void setSpace(int space);

    //设置背景颜色
    void setBgColorStart(const QColor &bgColorStart);
    void setBgColorEnd(const QColor &bgColorEnd);

    //设置线条颜色
    void setLineColor(const QColor &lineColor);
};

#endif // WAVELINE_H

第五に、コアコード

void WaveLine::paintEvent(QPaintEvent *)
{
    //绘制准备工作,启用反锯齿
    QPainter painter(this);
    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);

    //绘制背景
    drawBg(&painter);
    //绘制线条
    drawLine(&painter);
}

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

void WaveLine::drawLine(QPainter *painter)
{
    painter->save();
    painter->setPen(QPen(lineColor, 2));

    int count = dataVec.count();
    double increment = (double)width() / count;
    double initX = 0;
    QVector<QPointF> pointVec;

    for (int i = 0; i < count - 1; i++) {
        double currentValue = currentDataVec.at(i);
        double y1 = height() - (double)height() / maxValue * currentValue;
        double nextValue = currentDataVec.at(i + 1);
        double y2 = height() - (double)height() / maxValue * nextValue;

        QPointF point1(initX, y1);
        QPointF point2(initX + increment, y2);
        initX += increment;

        pointVec.append(point1);
        pointVec.append(point2);
    }

    painter->drawLines(pointVec);
    painter->restore();
}

第六に、コントロールが説明します

150以上の絶妙な制御、ように太陰暦、セレクタをスライドさせ、ボタンを強調表示し、ダッシュボードのさまざま、プログレスバー、ボール、コンパス、グラフ、スケール、温度計、ナビゲーションバー、ナビゲーションバー、flatuiの進行を覆い。コントロールの統合の数よりもはるかに多くのQWT。
各クラスは、以下のプロジェクトのソースコード形式に統合個々の制御を容易にするために、ゼロが符号量を達成するために、各制御ファイルおよびヘッダファイルを結合する、別の対照として、独立して他のファイルとは無関係であることができます。QWT性の高い結合されたコントロールクラスを、連動、すべてのコードが含まれている必要があり、コントロールのいずれかを使用します。
、描画するために、任意のQtバージョンQt4.6 Qt5.13などmingwの、MSVC、GCCコンパイラのサポートをサポートするために、そのような窓+ Linuxの+マック+文字化けしません組み込みLinuxのような任意のオペレーティングシステムをサポートするすべての純粋なQtの、QWidgetの+ QPainterのを書きます直接のQt Creatorを、組み込みコントロールに統合されており、同じを使用することができ、効果のほとんどは、限り、いくつかのプロパティが設定されているように非常に便利です。
各制御に対応する制御を含有するDEMO別のソースは、便利な参照を有します。また、すべてのコントロールDEMOの統合された使用を提供します。
各コントロールのソースコードは、中国の注釈を詳細なカスタムコントロールを書くことを学ぶのは簡単、統一された設計仕様に基づいて作成されています。
各コントロールのデフォルトの色とデモに対応する色がとても美しいです。
130以上の可視制御六の不可視コントロール。
一部のコントロールは、スタイルのスタイルの選択、複数の選択肢のスタイルインジケータを数多く提供しています。
すべてのコントロールは、適応伸ばしフォームを変更します。
ドラッグデザインをサポートする統合デザインカスタム属性、WYSIWYGは、XML形式でインポートおよびエクスポートをサポートしています。
デモに付属しているActiveXコントロールは、すべてのコントロールは、ブラウザのIEで直接実行することができます。
Fontawesome統合グラフィックスフォント+グラフィックフォントの何百ものAlibabaのiconfontコレクション、フォント楽しいグラフィックがもたらします。
最終的にはすべてのコントロールと（などのdllかそこら、）ダイナミックライブラリファイルを生成するには、ドラッグでの使用のために設計されたqtcreatorに直接統合することができます。
次に、ユーザは、大きな需要がある場合は、既にQMLバージョンでは、後者は、PyQtはバージョンを検討します。
任意の制限なしカスタムオープン動的ライブラリ内のプラグイン（永久無料）、バックドア、使いやすさ。
qt5.12.3 msvc2017 32 + 64 mingwの32 + 64内を含む26現在利用可能バージョンのDLL、。
コントロールを向上させ、コントロールを改善するために、随時、定期的に更新SDK、すべての提案を歓迎するために、ありがとうございました！
Qtの入門本は、「Qtの創造主クイックスタート」「Qt5プログラミングエントリのフオYafei」、Qtの公式の高度な書籍の提言「C ++ GUI Qt4をプログラミングをお勧めします。」
生涯の恩恵を受け、「プログラマの嘘」を強くお勧めプログラマ自己規律と計画ブックシリーズ「プログラマの成長コース」、「悲しみのプログラマ」、！
SDKのダウンロードリンク：https://pan.baidu.com/s/1A5Gd77kExm8Co5ckT51vvQ抽出コード：877p