Qwt और Qt निर्माता। त्वरित और आसान। भाग 1: डेटा विज़ुअलाइज़र

इस लेख को समझने के लिए, पाठक को Qt क्रिएटर वातावरण में विंडोज़ एप्लिकेशन विकसित करने के लिए कुछ प्रारंभिक अनुभव होना चाहिए।
उदाहरण Qt निर्माता 3.0.0 (MinGW) और Qwt-6.1.0 का उपयोग करते हैं।

Qwt एक ग्राफिकल लाइब्रेरी है जो आपको प्रोग्राम में डेटा को विज़ुअलाइज़ करने की प्रक्रिया को सरल बनाने की अनुमति देती है। सरलीकरण इस प्रकार है: प्रदर्शन तत्वों को मैन्युअल रूप से निर्धारित करने की आवश्यकता नहीं है, जैसे कि समन्वय तराजू, ग्रिड, डेटा ब्रेड, आदि। इन तत्वों के मापदंडों को निर्धारित करना केवल आवश्यक है।
सादृश्य: एक्सेल में एक ग्राफ बनाने के लिए, आप डेटा का चयन करते हैं और प्रदर्शन मापदंडों को कॉन्फ़िगर करते हैं: न्यूनतम और अधिकतम पैमाने, घटता का रंग, डेटा लेबल, आदि। एक्सेल विज़ुअलाइज़ेशन के लिए ज़िम्मेदार है - आप तत्वों को स्वयं प्रोग्राम नहीं करते हैं।
मैं इस बात पर जोर देता हूं कि Qwt आपको बहुत अधिक मात्रा में डेटा के साथ काम करने की अनुमति देता है (मैंने 200,000 अंकों के साथ काम किया) बिना "ब्रेक" को परेशान किए।
इस लेख में हम ग्राफ़ पर वक्र प्रदर्शित करेंगे, इसे स्केल करेंगे, ग्राफ़ के चारों ओर घूमेंगे, कर्सर के निर्देशांक देखेंगे। इस प्रकार, हम रेखांकन प्रदर्शित करने और देखने के लिए आवश्यक न्यूनतम कार्यक्षमता को लागू करते हैं। बाद के लेखों में, हमारे ग्राफिक्स संपादक अतिरिक्त सुविधाओं से लैस होंगे।

बेशक, इंटरनेट पर समान निर्देश हैं। लेकिन उनमें से बहुत कम हैं। Qwt के साथ विभिन्न समस्याओं को हल करने के बारे में जानकारी की एक बड़ी मात्रा है, जो केवल उन प्रोग्रामर के लिए उपयोगी है जिनके पास पहले से ही पुस्तकालय के साथ काम करने के लिए मजबूत बुनियादी कौशल हैं। इस लेख में, मैंने कोड उदाहरणों के असमान टुकड़े एकत्र किए हैं जो आपको एक सरल ग्राफ़ विज़ुअलाइज़र बनाने की अनुमति देते हैं।
चलिए नीचे उतरते हैं।

स्टेज 1: क्यूटी को क्यूटी क्रिएटर से जोड़ना
(Win 7 x64 और Win 8.1 x64 के लिए परीक्षण किया गया)।

• Qt निर्माता 3.0.0 (MinGW) स्थापित करें। मैंने डिफ़ॉल्ट निर्देशिका नहीं बदली।
• Qwt-6.1.0 डाउनलोड करें और इसे रूट डायरेक्टरी C: \ में अनज़िप करें। जब दूसरी निर्देशिका के लिए अनपैकिंग की जाती है, तो मुझे अजीब त्रुटियां होती हैं।
• "मेरा कंप्यूटर" पर राइट-क्लिक करें और "सिस्टम" चुनें। फिर "उन्नत सेटिंग्स" और "पर्यावरण चर" बटन पर क्लिक करें। "सिस्टम चर" हाइलाइट पथ की सूची में, "संपादित करें" पर क्लिक करें।
• अंतिम प्रविष्टि के बाद एक "डालें;" C: \ Qwt-6.1.0-rc3 \ lib "।
• यहां, "उपयोगकर्ता चर" सूची के तहत, "नया" पर क्लिक करें और निम्नलिखित चर में से कुछ जोड़े:
  नाम: QT_PLUGIN_PATH
  मान: C: \ Qwt-6.1.0-rc3 \ plugins
  नाम: QMAKEFEATURES
  मान: C: \ Qwt-6.1.0-rc3 \ फीचर्स
  
  नोट: फ़ोल्डर "C: \ Qwt-6.1.0-rc3" अभी तक मौजूद नहीं है। इसे बाद में बनाया जाएगा। अभी केवल "C: \ qwt-6.1-rc3" है।
• कमांड लाइन चलाएं, निर्देशिका "C: \ qwt-6.1-rc3" पर जाएं।
• निम्न आदेशों को पूरा करने के लिए दर्ज करें, निष्पादित करें और प्रतीक्षा करें: "qmake", "mingw32-make", "mingw32-make install"। अंतिम कमांड के बाद, फ़ोल्डर "C: \ Qwt-6.1.0-rc3" दिखाई देना चाहिए।
• कंप्यूटर को रिबूट करें।

स्टेज 2: Qwt लाइब्रेरी का उपयोग करना।

चरण 1: पर्यावरण तैयार करें।

• Qt क्रिएटर (QMainWindow पर आधारित एक वर्ग) में एक Qt विजेट एप्लिकेशन प्रोजेक्ट बनाएं। मेरा प्रोजेक्ट का नाम था: "Qwt_howTo"।
• प्रोजेक्ट फ़ाइल ट्री में एक्सटेंशन ".pro" के साथ एक फ़ाइल ढूंढें और नीचे "CONFIG + = qwt" लाइन जोड़ें (इसके बाद, उद्धरण चिह्न सिंटैक्स का हिस्सा नहीं हैं और केवल पठनीयता के लिए उपयोग किया जाता है)।
• प्रोजेक्ट नाम के साथ रूट फ़ोल्डर पर राइट-क्लिक करें और "रन क्यूमेक" चुनें।

चरण 2 और 3 प्रत्येक प्रोजेक्ट के लिए किया जाना चाहिए जिसमें आप Qwt लाइब्रेरी का उपयोग करने का इरादा रखते हैं।

चरण 2: Qwt सुविधाओं को लागू करना।

Main.cpp फ़ाइल को अपरिवर्तित छोड़ दिया जाता है। इस उदाहरण में, कोड mainwindow.cpp फ़ाइल में लिखा जाएगा। यह पूरी तरह से सुरुचिपूर्ण नहीं है, लेकिन एक उदाहरण के रूप में स्वीकार्य है।

1. mainwindow.cpp की शुरुआत में निम्नलिखित पंक्तियाँ जोड़ें:

#include <qwt_plot.h> #include <qwt_plot_grid.h> #include <qwt_legend.h> #include <qwt_plot_curve.h> #include <qwt_symbol.h> #include <qwt_plot_magnifier.h> #include <qwt_plot_panner.h> #include <qwt_plot_picker.h> #include <qwt_picker_machine.h> 

यदि इन हेडरों को शिलालेख "फ़ाइल नहीं मिला" के साथ रेखांकित किया गया है, तो आपने चरण 1 के चरण 3 को पूरा नहीं किया है।

2. अब हम केवल MainWindow कंस्ट्रक्टर में कोड लिखेंगे। कोड को विधियों में तोड़ना संभव होगा, लेकिन एक प्रशिक्षण उदाहरण के हिस्से के रूप में, मैंने ऐसा नहीं किया।

चार्ट का मुख्य क्षेत्र बनाएँ:

 MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow) { ui->setupUi(this); //        // (this) -      // #include <qwt_plot.h> QwtPlot *d_plot = new QwtPlot( this ); } 

हम संकलन करते हैं, चलाते हैं और एक आकर्षक तस्वीर नहीं देखते हैं:


लाइन जोड़ें:

 setCentralWidget(d_plot); //      

चलाएँ। हम विंडो को पूर्ण स्क्रीन पर विस्तारित करने का प्रयास कर रहे हैं, ग्राफ़ फ़ील्ड भी उपयुक्त स्केलिंग के साथ पूर्ण स्क्रीन तक विस्तारित होगा। बुरा नहीं है!


3. कोड की निम्नलिखित पंक्तियों को जोड़कर क्षेत्र को सुशोभित करें:

  d_plot->setTitle( "Qwt demonstration" ); //  d_plot->setCanvasBackground( Qt::white ); //   //    d_plot->setAxisTitle(QwtPlot::yLeft, "Y"); d_plot->setAxisTitle(QwtPlot::xBottom, "X"); d_plot->insertLegend( new QwtLegend() ); //   // #include <qwt_plot_grid.h> QwtPlotGrid *grid = new QwtPlotGrid(); // grid->setMajorPen(QPen( Qt::gray, 2 )); //     grid->attach( d_plot ); //      

स्टार्टअप परिणाम (क्षेत्र पहले से ही बहुत सुंदर लग रहा है):



4. एक चार्ट जोड़ें

  //  //#include <qwt_plot_curve.h> QwtPlotCurve *curve = new QwtPlotCurve(); curve->setTitle( "Demo Curve" ); curve->setPen( Qt::blue, 6 ); //     curve->setRenderHint ( QwtPlotItem::RenderAntialiased, true ); //  //   // #include <qwt_symbol.h> QwtSymbol *symbol = new QwtSymbol( QwtSymbol::Ellipse, QBrush( Qt::yellow ), QPen( Qt::red, 2 ), QSize( 8, 8 ) ); curve->setSymbol( symbol ); //       QPolygonF points; points << QPointF( 1.0, 1.0 ) //  x, y << QPointF( 1.5, 2.0 ) << QPointF( 3.0, 2.0 ) << QPointF( 3.5, 3.0 ) << QPointF( 5.0, 3.0 ); curve->setSamples( points ); //      curve->attach( d_plot ); //     

परिणाम:


मैं ध्यान देता हूं कि न्यूनतम और अधिकतम कुल्हाड़ी अपने आप निर्धारित होती है। यह एक सुखद आश्चर्य है! बेशक, आप इन मूल्यों को मैन्युअल रूप से सेट कर सकते हैं, उदाहरण के लिए, इस पंक्ति के साथ:

 d_plot->setAxisScale(QwtPlot::xBottom, 0, 10); 

5. यह सब अच्छा है, लेकिन हमें इस तथ्य के लिए उपयोग किया जाता है कि चार्ट के करीब आने / हटने की संभावना है और इसके क्षेत्र में भी घूम रहा है। कोई बात नहीं! बस कुछ पंक्तियाँ, और यह कार्यक्षमता हमारे संपादक में दिखाई देती है:

  //   /  // #include <qwt_plot_magnifier.h> QwtPlotMagnifier *magnifier = new QwtPlotMagnifier(d_plot->canvas()); // ,  / magnifier->setMouseButton(Qt::MidButton); //      // #include <qwt_plot_panner.h> QwtPlotPanner *d_panner = new QwtPlotPanner( d_plot->canvas() ); // ,   d_panner->setMouseButton( Qt::RightButton ); 

स्केल और चाल:



6. अंत में, हम कर्सर निर्देशांक निर्धारित करने की क्षमता को सक्रिय करते हैं:

  //        //      // #include <qwt_plot_picker.h> //   QwtPlotPicker *d_picker = new QwtPlotPicker( QwtPlot::xBottom, QwtPlot::yLeft, //    QwtPlotPicker::CrossRubberBand, //    QwtPicker::ActiveOnly, // / d_plot->canvas() ); //    //    d_picker->setRubberBandPen( QColor( Qt::red ) ); //     d_picker->setTrackerPen( QColor( Qt::black ) ); //     d_picker->setStateMachine( new QwtPickerDragPointMachine() ); 

निष्कर्ष:
काफी कुछ कोडिंग, मुख्य रूप से दर्शक की उपस्थिति को समायोजित करने में शामिल है, और हमने बुनियादी कार्यक्षमता को लागू किया है।

आगे क्या है? यदि इस विषय में रुचि दिखाई जाती है, तो निम्नलिखित लेखों में मैं इस बारे में बात कर सकता हूं:
1. स्थिति पट्टी में कर्सर के निर्देशांक प्रदर्शित करें, और अलग-अलग चर में इन निर्देशांक को भी सहेजें।
2. कर्सर के क्षेत्र में अंक डालने के लिए माउस पर क्लिक करें।
3. नियंत्रण बटन और कुछ और जोड़ें।

PS: फ़ोल्डर में "C: \ qwt-6.1-rc3 \ example" Qwt के कई दिलचस्प उदाहरणों का स्रोत कोड और .exe फ़ाइलें हैं। टिप्पणियों के बिना कोड।

लिंक (अंग्रेजी):
आधिकारिक संसाधन:
qwt.sourceforge.net

Qwt के साथ विभिन्न समस्याओं के समाधान का संग्रह:
www.qtcentre.org/archive/index.php/f-23.html

लाइब्रेरी विकल्प, Qwt के लिए विकल्प (धन्यवाद, GooRoo !)
www.qcustomplot.com