qt5 creator + designer: super simple graphic examples

HaWe · 03.06.2020, 13:50

ah, nicht unter DisplayWidgets, sondern unter Containers - ok, danke, habe es gefunden.
Habe auch deine mywidget.h und deine mywidget.cpp Datei ins Arbeitsverzeichnis kopiert.

wie füge ich sie jetzt dem Projekt hinzu? habe ich bisher noch nie gemacht ...
(deshalb wäre mir ein Code direkt in mainwindow.cpp auch viel lieber)

Und wie rufe ich dann eine Zeichen-Routine in meinem mainwindow.cpp auf?

dadurch, dass ich nur oben mit dazu schreibe
#include "mywidget.h"

passiert nichts, nach Compile +Starten sieht man nur meinen Quit Button, sonst nichts (auch keinen Rahmen vom "Widget")...

mainwindow.cpp :

Code:

#include "mainwindow.h"
#include "ui_mainwindow.h"

#include "mywidget.h"



MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    //
    //....: hier soll der komplette Code für die paint-Funktionen rein!
    //....  evt. auch über eine lokale Funktion hier im mainwindow.cpp file
    //
}

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



void MainWindow::on_pushButton1_clicked()
{ 
    QCoreApplication::quit();
}

**Sisor** · 03.06.2020, 14:01

Für mein Beispiel ist kein händisches #include notwendig. Schau rechts im Objekt-Fenster, ob das Widget von der Klasse MyWidget ist. Wenn nicht, hat was mit dem Platzhalter-Zeugs nicht funktioniert (Rechtsklick ins Widget im Designer). Wenn's geklappt hat findest du in der .pro-Datei den Eintrag mywidget.h unter Headers und in der .ui-Datei steht der Eintrag <widget class="MyWidget" name="widget" native="true">.

HaWe · 03.06.2020, 14:05

hm - kapier ich nicht, was ich machen soll. Per Rechtsklick ins Widget: da finde ich nichts.
Kannst du mir das komplette Projekt mit allen notwendigen Dateien und Einstellungen mal hochladen?

Ist das mit den extra cpp und h files denn auch unbedingt nötig?
ich wollte eigentlich alles komplett in mainwindow.cpp verfügbar haben...

PS,
insbesondere die aktuelle Malfunktion muss unbedingt in mainwindow.cpp programmiert werden können, nicht in einem externen file (mywidget etc.)

Und gibt es keine "eingebaute" canvas-widget für qpainter, muss man das wirklich unbedingt so kompliziert selber schreiben? Ein fertiges widget kann man ja einfach in die Form ziehen, ohne weitere Schreiberei...

**Sisor** · 03.06.2020, 15:11

mainwindow.ui

Code:

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>MainWindow</class>
 <widget class="QMainWindow" name="MainWindow">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>474</width>
    <height>411</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>MainWindow</string>
  </property>
  <widget class="QWidget" name="centralWidget">
   <widget class="QPushButton" name="pushButton">
    <property name="geometry">
     <rect>
      <x>180</x>
      <y>300</y>
      <width>101</width>
      <height>31</height>
     </rect>
    </property>
    <property name="text">
     <string>Quit</string>
    </property>
   </widget>
   <widget class="MyWidget" name="widget" native="true">
    <property name="geometry">
     <rect>
      <x>10</x>
      <y>10</y>
      <width>451</width>
      <height>271</height>
     </rect>
    </property>
   </widget>
  </widget>
  <widget class="QMenuBar" name="menuBar">
   <property name="geometry">
    <rect>
     <x>0</x>
     <y>0</y>
     <width>474</width>
     <height>21</height>
    </rect>
   </property>
  </widget>
  <widget class="QToolBar" name="mainToolBar">
   <attribute name="toolBarArea">
    <enum>TopToolBarArea</enum>
   </attribute>
   <attribute name="toolBarBreak">
    <bool>false</bool>
   </attribute>
  </widget>
  <widget class="QStatusBar" name="statusBar"/>
  <widget class="QToolBar" name="toolBar">
   <property name="windowTitle">
    <string>toolBar</string>
   </property>
   <attribute name="toolBarArea">
    <enum>TopToolBarArea</enum>
   </attribute>
   <attribute name="toolBarBreak">
    <bool>false</bool>
   </attribute>
  </widget>
  <action name="action">
   <property name="text">
    <string/>
   </property>
  </action>
 </widget>
 <layoutdefault spacing="6" margin="11"/>
 <customwidgets>
  <customwidget>
   <class>MyWidget</class>
   <extends>QWidget</extends>
   <header>mywidget.h</header>
   <container>1</container>
  </customwidget>
 </customwidgets>
 <resources/>
 <connections>
  <connection>
   <sender>pushButton</sender>
   <signal>clicked()</signal>
   <receiver>MainWindow</receiver>
   <slot>close()</slot>
   <hints>
    <hint type="sourcelabel">
     <x>234</x>
     <y>171</y>
    </hint>
    <hint type="destinationlabel">
     <x>260</x>
     <y>229</y>
    </hint>
   </hints>
  </connection>
 </connections>
</ui>

qt_btn_paint.pro

Code:

#-------------------------------------------------
#
# Project created by QtCreator 2019-09-16T12:09:00
#
#-------------------------------------------------

QT       += core gui

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

TARGET = GUI_app
TEMPLATE = app

# The following define makes your compiler emit warnings if you use
# any feature of Qt which as been marked as deprecated (the exact warnings
# depend on your compiler). Please consult the documentation of the
# deprecated API in order to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS

# You can also make your code fail to compile if you use deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0


SOURCES += main.cpp\
        mainwindow.cpp \
        mywidget.cpp

HEADERS  += mainwindow.h \
    mywidget.h

FORMS    += mainwindow.ui

- - - Aktualisiert - - -

HaWe · 03.06.2020, 15:51

hallo,
vielen Dank für deine Mühe!
Es ließ sich nach ein paar kleinen Anpassungen starten (Dateidaten lagen in der Zukunft, *.pro.user musste gelöscht und neu erstellt werden) , aber leider zeigt es nur ein paar diagonale Striche, kein Rechteck, keinen Kreis.

Außerdem müsste es so sein, dass ich alle Zeichenoperationen bedarfsgerecht vom mainwindow.cpp Hauptprogramm aus machen kann (Ort, Größe, Farbe), ggf per lokaler Funktion, an die Koordinaten etc. übergeben werden, denn was wie und wo in der Canvas gezeichnet werden soll, ist letztlich abhängig von Daten, die genau hier berechnet werden (=> Visualisierung von Mess- und Rechenergebnissen).

In deinem Hauptprogramm ist aber überhaupt keine Zeichenfunktion für Linien, Kreise, Rechtecke etc. aufgerufen worden, wie kann man das umschreiben?

**Sisor** · 03.06.2020, 16:02

Es werden auch nur Striche gezeichnet, das ist also ok.

Die Komponenten kannst du mit Signals und Slots verbinden, um Daten im Programm weiterzuleiten.

In der paintEvent_Methode wird gemalt. Wie findest du schon selbst raus, da gibts genug Beispiele.

HaWe · 03.06.2020, 16:18

nein, sorry, genau das kriege ich nicht raus, das habe ich schon aus anderen Beispielen heraus probiert, und ich habe nach wie vor keine Idee, wie man Linien, Kreise, Rechtecke etc. direkt vom Hauptprogramm aus zeichnet:

jede einzelne geometrische Figur je nach Erfordernissen in einer kurzen eigenen Zeile, nacheinander, auch ggf. in anderer Reihenfolge, so wie man auch Text aktualisiert und bedarfsgerecht in ein TextBox-Widget schreiben würde, also z.B.

zum Schreiben (funktioniert):
ui->pin23Label->setText(QString("High"));
ui->plainTextEdit1->appendPlainText("pinstate24="+QString::number(pin state24));

und nun zum Zeichnen (funktioniert noch nicht):
ui->myWidget1->Qpainter(SetBackground(BLACK));
ui->myWidget1->Qpainter(ClearScreen());
ui->myWidget1->Qpainter(SetColor(RED));
ui->myWidget1->Qpainter(SetBrushWidth(2));
ui->myWidget1->Qpainter(RectOutline(20, 20, 40, 40));
ui->myWidget1->Qpainter(SetColor(YELLOW));
ui->myWidget1->Qpainter(Circle(30, 24, 10));

oder wie auch immer die korrekte Syntax sein mag...