Qt/C++ - 019-сабақ. Qt5-те үшбұрыш сал. QGraphicsScene ішінде орналасу

треугольник, QGraphicsItem, QPolygon, Рисование Qt, Qt5, Qt, Рисование Qt5, QPainter

Интерфейстерді сызу, деректер базасының кестелерін жасау, желімен жұмыс істеу - бәрі жақсы, бірақ кейде сіз жай ғана бірдеңе салғыңыз келеді, мысалы үшбұрыш . Содан кейін, әрине, бұл нысанды басқаруға болатындай етіп жандандыру және кейіннен бұл жобаны шағын ойынға айналдыру. Кім өз ойын, тіпті ең қарапайым ойынды жазғысы келмейді?

Содан кейін қарапайым ойынға бірінші қадам жасайық, атап айтқанда, біз үшбұрыш салу арқылы Qt-де объектілерді салумен айналысамыз.

Код Qt 5.4.1 негізінде QtCreator 3.3.1-де жазылған.

Жоба құрылымы «Үшбұрыш»

Біз үшбұрыш сызатын жобаның құрылымын сипаттайық:

• Triangle.pro - жоба профилі, әдепкі бойынша жасалған және осы жобада түзетуді қажет етпейді;
• main.cpp - қолданба басталатын файл, виджет осы файлда шақырылады, онда үшбұрышты графикалық көрініс орналасады;
• widget.h - графикалық көрініспен шақырылатын виджеттің тақырыптық файлы;
• widget.cpp - виджеттің бастапқы кодының файлы;
• triangle.h - QGraphicsItem мұраға алған Triangle класының тақырып файлы;
• triangle.cpp - Triangle. сыныбына арналған бастапқы код файлы

mainwindow.ui

Интерфейс дизайнерінде біз жай ғана QGraphicsView виджетіне түсіреміз. Басқа ештеңе талап етілмейді.

виджет.h

Бұл файлда біз тек графикалық көріністі және біз жұмыс істейтін үшбұрыш нысанын жариялаймыз.

#ifndef WIDGET\_H
#define WIDGET\_H

#include <QWidget>
#include <QGraphicsScene>

#include <triangle.h>

namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q\_OBJECT

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

private:
    Ui::Widget      *ui;
    QGraphicsScene  *scene;     // Объявляем графическую сцену 
    Triangle        *triangle;  // и треугольник
};

#endif // WIDGET\_H

widget.cpp

Бұл файлда QGraphicsView , QGraphicsScene, нысандары конфигурацияланады және графикалық көріністе үшбұрыш нысаны жасалады және орнатылады.

#include "widget.h"
#include "ui\_widget.h"

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    this->resize(600,600);          // Задаем размеры виджета, то есть окна
    this->setFixedSize(600,600);    // Фиксируем размеры виджета

    scene = new QGraphicsScene();   // Инициализируем графическую сцену
    triangle = new Triangle();      // Инициализируем треугольник

    ui->graphicsView->setScene(scene);  // Устанавливаем графическую сцену в graphicsView
    ui->graphicsView->setRenderHint(QPainter::Antialiasing);    // Устанавливаем сглаживание
    ui->graphicsView->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff); // Отключаем скроллбар по вертикали
    ui->graphicsView->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff); // Отключаем скроллбар по горизонтали

    scene->setSceneRect(-250,-250,500,500); // Устанавливаем область графической сцены

    scene->addLine(-250,0,250,0,QPen(Qt::black));   // Добавляем горизонтальную линию через центр
    scene->addLine(0,-250,0,250,QPen(Qt::black));   // Добавляем вертикальную линию через центр

    scene->addItem(triangle);   // Добавляем на сцену треугольник
    triangle->setPos(0,0);      // Устанавливаем треугольник в центр сцены


}

Widget::~Widget()
{
    delete ui;
}

үшбұрыш.сағ

Ал енді үшбұрыш салынған сыныптың өзімен жұмыс істеу уақыты келді. Бұл жағдайда біз QGraphicsItem мұрағат аламыз.

#ifndef TRIANGLE\_H
#define TRIANGLE\_H

#include <QGraphicsItem>
#include <QPainter>

// Наследуемся от QGraphicsItem
class Triangle : public QGraphicsItem
{
public:
    Triangle();
    ~Triangle();

protected:
    QRectF boundingRect() const;    /* Определяем виртуальный метод,
                                     * который возвращает область, в которой
                                     * находится треугольник
                                     * */
    /* Определяем метод для отрисовки треугольника
     * */
    void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget);
};

#endif // TRIANGLE\_H

triangle.cpp

Ал енді біз сабағымызда үшбұрыш сызамыз. Бұл жерде бір маңызды жайт бар. QGraphicsItem объектінің координаттар жүйесі графикалық көріністің координаттар жүйесінен басқа ұғым болып табылады. Яғни, әрбір QGraphicsItem нысанының немесе осы сыныптан мұраланған өзінің координаттар жүйесі бар, ол QGraphicsScene координаттар жүйесіне аударылады. Объектінің графикалық сахнада болатын орнын белгілегенде, X осінде 0 және Y осінде 0 координаталары бар графикалық объектінің нүктесі объектінің координаталар жүйесінде қай жерде орналасатынын көрсетеміз. , сондықтан бұл нүктенің графикалық нысанның ортасында болуы маңызды. Бұл, әрине, саналы түрде басқа нұсқаны қабылдамасаңыз, одан әрі жұмысты жеңілдетеді.

#include "triangle.h"

Triangle::Triangle() :
    QGraphicsItem()
{

}

Triangle::~Triangle()
{

}

QRectF Triangle::boundingRect() const
{
    return QRectF(-25,-40,50,80);   // Ограничиваем область, в которой лежит треугольник
}

void Triangle::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget)
{
        QPolygon polygon;   // Используем класс полигона, чтобы отрисовать треугольник
        // Помещаем координаты точек в полигональную модель
        polygon << QPoint(0,-40) << QPoint(25,40) << QPoint(-25,40);
        painter->setBrush(Qt::red);     // Устанавливаем кисть, которой будем отрисовывать объект
        painter->drawPolygon(polygon);  // Рисуем треугольник по полигональной модели
        Q\_UNUSED(option);
        Q\_UNUSED(widget);
}

Барлығы

Нәтижесінде сізде суретте көрсетілгендей екі жолдың қиылысында графикалық көріністің ортасында қызыл үшбұрышты көрсететін қолданба болуы керек.

Сондай-ақ, графикалық объектінің координаттарын орнату сәтін егжей-тегжейлі талқылайтын бейне оқулықпен танысуды ұсынамын.

Жобамен мұрағат

Бейне оқулық