👨🏾‍🏫 👼🏼 ✍🏼 क्यूटी ग्राफिक्स व्यू फ्रेमवर्क

अपनी यात्रा शुरू करने के बाद , हम रुकते नहीं हैं और प्रलेखन के अंधेरे पक्षों का अध्ययन करना जारी रखते हैं। कहीं वे पूरे क्यूटी की विशेषता हो सकते हैं, लेकिन कहीं न कहीं केवल ग्राफिक्स दृश्य अंतर्निहित है। लेकिन एक रास्ता या दूसरा, उनके साथ एक बैठक हमेशा दर्द रहित नहीं होती है।

केस नंबर 3

हम अपना आइटम लिखना चाहते हैं, उदाहरण के लिए हम निम्नलिखित कोड लिखते हैं

MainWindow.h

class MainWindow : public QWidget { Q_OBJECT public: explicit MainWindow(QWidget *parent = 0); ~MainWindow(); private: QGraphicsScene *m_scene; QGraphicsRectItem *m_rect; QGraphicsItem *m_cross; QGraphicsView * graphicsView; };

MainWindow.cpp

 class CrossItem: public QGraphicsItem { public: QRectF boundingRect() const { return QRectF(0, 0, 30*scale(), 30*scale()); } void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget) { Q_UNUSED(option) Q_UNUSED(widget); painter->setPen(QColor(Qt::red)); painter->drawLine(10, 0, 20, 0); painter->drawLine(20*scale(), 0*scale(), 20*scale(), 10*scale()); painter->drawLine(20, 10, 30, 10); painter->drawLine(30, 10, 30, 20); painter->drawLine(30, 20, 20, 20); painter->drawLine(20, 20, 20, 30); painter->drawLine(20, 30, 10, 30); painter->drawLine(10, 30, 10, 20); painter->drawLine(10, 20, 0, 20); painter->drawLine( 0, 20, 0, 10); painter->drawLine( 0, 10, 10, 10); painter->drawLine(10, 10, 10, 0); } }; MainWindow::MainWindow(QWidget *parent) : QWidget(parent) { setLayout(new QGridLayout()); graphicsView = new QGraphicsView(); layout()->addWidget(graphicsView); graphicsView->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff); graphicsView->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff); m_scene = new QGraphicsScene(); m_cross = new CrossItem(); m_scene->addItem(m_cross); // m_cross->setScale(2); m_rect = new QGraphicsRectItem(m_cross->boundingRect(), m_cross); m_scene->addItem(m_rect); m_scene->setSceneRect(m_rect->boundingRect()); graphicsView->setScene(m_scene); } MainWindow::~MainWindow() { }

संकलित करें, चलाएँ, क्रॉस में अंकित वर्ग देखें। लाइन को अनलॉक करें और प्रोजेक्ट को फिर से बनाएं ताकि लॉन्च होने के बाद आपको अपनी सभी त्रुटियां दिखाई दें।
तथ्य यह है कि:

 painter->drawLine(20*scale(), 0*scale(), 20*scale(), 10*scale());

और

 return QRectF(0, 0, 30*scale(), 30*scale());

- मन से दुःख।

आइए देखें कि कैसे QGraphicsItem परिवर्तन डेटा संग्रहीत करता है:

 struct QGraphicsItemPrivate::TransformData { QTransform transform; qreal scale; qreal rotation; qreal xOrigin; qreal yOrigin; QList<QGraphicsTransform *> graphicsTransforms; bool onlyTransform; TransformData() : scale(1.0), rotation(0.0), xOrigin(0.0), yOrigin(0.0), onlyTransform(true) { } QTransform computedFullTransform(QTransform *postmultiplyTransform = 0) const { if (onlyTransform) { if (!postmultiplyTransform || postmultiplyTransform->isIdentity()) return transform; if (transform.isIdentity()) return *postmultiplyTransform; return transform * *postmultiplyTransform; } QTransform x(transform); if (!graphicsTransforms.isEmpty()) { QMatrix4x4 m; for (int i = 0; i < graphicsTransforms.size(); ++i) graphicsTransforms.at(i)->applyTo(&m); x *= m.toTransform(); } x.translate(xOrigin, yOrigin); x.rotate(rotation); x.scale(scale, scale); x.translate(-xOrigin, -yOrigin); if (postmultiplyTransform) x *= *postmultiplyTransform; return x; } };

सब कुछ बहुत सरल और अपरिष्कृत है, जैसे कि एक घास का मैदान में गाय को घास डालना। और वास्तव में, एक दृश्य को चित्रित करने से पहले, यह कम्प्यूटेड ट्रांसट्रांसफॉर्म विधि को खींचता है और, कुछ और शर्मनाक कार्यों को करने के बाद, इसे QPainter को हथेलियों में रखता है। यहाँ हम अपने लिए नोट कर सकते हैं कि यदि हम अपने आइटम के आकार के साथ कुछ मुश्किल करना चाहते हैं, तो हमें सेटस्क्ले , सेटपोस , सेटरोटेशन और सेटट्रांसफॉर्म के तरीकों का उपयोग करना चाहिए , और हमें किसी और चीज की आवश्यकता नहीं है।

केस नंबर 4

हम आइटम पर माउस की गति को ट्रैक करना चाहते हैं। मैं आपको तुरंत चेतावनी देता हूं - रेक को सचमुच हर कदम पर बाहर रखा गया है। और उन्होंने मुझे बहुत दर्द और बहुत मुश्किल से पीटा। लेकिन मैं परीक्षाओं की पूरी सूची का वर्णन नहीं करूंगा। मैं केवल प्रमुख बिंदुओं पर ध्यान केन्द्रित करूंगा

हम निम्नानुसार Mainwindow.cpp को फिर से लिखते हैं:

 #include "MainWindow.h" #include <QGridLayout> #include <QGraphicsSceneHoverEvent> #include <QDebug> class MyRect: public QGraphicsRectItem { public: MyRect(const QRectF &rect, QGraphicsItem *parent=0):QGraphicsRectItem(rect, parent){} protected: void hoverMoveEvent(QGraphicsSceneHoverEvent *event) { qDebug()<<"rect"<<event->pos(); QGraphicsRectItem::hoverMoveEvent(event); } }; class CrossItem: public QGraphicsItem { public: QRectF boundingRect() const { return QRectF(0, 0, 30, 30); } void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget) { Q_UNUSED(option) Q_UNUSED(widget); painter->setPen(QColor(Qt::red)); painter->drawLine(10, 0, 20, 0); painter->drawLine(20, 0, 20, 10); painter->drawLine(20, 10, 30, 10); painter->drawLine(30, 10, 30, 20); painter->drawLine(30, 20, 20, 20); painter->drawLine(20, 20, 20, 30); painter->drawLine(20, 30, 10, 30); painter->drawLine(10, 30, 10, 20); painter->drawLine(10, 20, 0, 20); painter->drawLine( 0, 20, 0, 10); painter->drawLine( 0, 10, 10, 10); painter->drawLine(10, 10, 10, 0); } protected: void hoverMoveEvent(QGraphicsSceneHoverEvent *event) { qDebug()<<"cross"<<event->pos(); QGraphicsItem::hoverMoveEvent(event); } }; MainWindow::MainWindow(QWidget *parent) : QWidget(parent) { setLayout(new QGridLayout()); graphicsView = new QGraphicsView(); layout()->addWidget(graphicsView); graphicsView->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff); graphicsView->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff); m_scene = new QGraphicsScene(); m_cross = new CrossItem(); m_rect = new MyRect(m_cross->boundingRect(), m_cross); m_cross->setAcceptHoverEvents(true); m_rect->setAcceptHoverEvents(true); m_scene->addItem(m_cross); m_scene->setSceneRect(m_rect->boundingRect()); graphicsView->setScene(m_scene); } MainWindow::~MainWindow() { }

हम सामान्य तर्क का पालन करते हैं कि दृश्य घटनाएं सामान्य घटनाओं के पूर्ण एनालॉग हैं। हम क्या खुशी से QGraphicsSceneHoverEvent पर डॉक की रिपोर्ट कर रहे हैं।

हम संकलन करते हैं, चलाते हैं और देखते हैं कि जब आप माउस को स्थानांतरित करते हैं, तो घटना केवल आयत तक पहुंचती है। हम डॉक में चढ़ते हैं, और कहीं-कहीं हाशिये पर हैं, जब हम आदिकाल के बारे में बताते हैं। विधि विधि , हम पढ़ते हैं:

माता-पिता आइटम अपने बच्चों से पहले हॉवर में प्रवेश की घटनाओं को प्राप्त करते हैं, और अपने बच्चों के बाद घटनाओं को छोड़ देते हैं। यदि कर्सर एक बच्चे में प्रवेश करता है, तो माता-पिता को एक हॉवर अवकाश घटना नहीं मिलती है; जब तक कि कर्सर अपने क्षेत्र को नहीं छोड़ता, तब तक अभिभावक "मंडराया हुआ" रहता है, जिसमें उसके बच्चों के क्षेत्र भी शामिल हैं।

यदि कोई अभिभावक आइटम चाइल्ड इवेंट्स को हैंडल करता है, तो उसे हॉवर मूव, ड्रैग मूव, और ड्रॉप इवेंट्स मिलेंगे क्योंकि कर्सर उसके बच्चों के पास से गुजरता है, लेकिन उसे हॉवर में प्रवेश और हॉवर की छुट्टी नहीं मिलती है, और न ही उसकी ओर से लीव इवेंट्स को ड्रैग और ड्रैग करें बच्चों।

खिड़की की सजावट के साथ एक QGraphicsWidget होवर ईवेंट को स्वीकार करेगा भले ही स्वीकार किए जाते हैं।

इसलिए हमें वंशज की घटनाओं को ट्रैक करने की आवश्यकता है। इसे महसूस करते हुए और अन्य बातों को ध्यान में रखते हुए, हम एक ऐसी विधि की तलाश कर रहे हैं जो हमारी मदद करे। और यह एक है, यह सेटफिल्टर्स चिल्डएवेंट्स (समान सेटहैंडलशिप्स के साथ भ्रमित नहीं होना है, हम उस तरह से महिमा नहीं पा रहे हैं)। इसे कंस्ट्रक्टर में जोड़ें:

 m_cross->setFiltersChildEvents(true);

और CrossItem वर्ग में एक फ़िल्टर भी जोड़ें:

  bool sceneEventFilter(QGraphicsItem *watched, QEvent *event) { if(event->type() == QEvent::GraphicsSceneHoverMove) qDebug()<<"cross"<<event; return false; }

संकलन करें, चलाएं। हुर्रे! कमाया !!!

परिणाम

दुर्भाग्य से, एक रचनात्मक परिणाम निकालने के लिए, जैसा कि पिछले लेख में मैं अभी सफल नहीं होगा। इसके बजाय, यह हतप्रभ करने वाला है - किसी भी ज्यामितीय परिवर्तनों से आइटम की स्वतंत्रता पर काफी प्रयास करने के बाद, क्यूटी डेवलपर्स ने हमें आइटम की घटनाओं को वितरित करने के लिए एक बहुत ही अजीब प्रणाली की पेशकश की। हालांकि उपरोक्त उदाहरण में एक असाधारण मामला होने की संभावना है, बस QGraphicsItem में झंडे देखना कठिन सोचने के लिए पर्याप्त है।

क्यूटी ग्राफिक्स व्यू फ्रेमवर्क - डार्क साइड। भाग २

केस नंबर 3

केस नंबर 4

परिणाम

More articles: