Wie wurde dies erstellt? (Bild)

Bodensee

Hallo Zusammen,

ich bin der Mike und darf mich seit gestern bissel mit Qt befassen.
Erste Aufgabe vom Chef - lernen wie man solche "Sidebars" baut.

Die hier angesprochen "Fliegende Fenster" sind von unserem Agfeo CTI Client.
Sie poppen auf wenn ein Anruf rein kommt und zeigen Namen oder Rufnummern.
Ansonsten "fliegen" sie als Würfel auf dem Desktop rum oder sind an die Seite gedockt.

Nun - kann einer von euch spontan sagen wie man dies realisieren kann?
Ich bin die Gui Elemente mal durch gegangen - habe aber nichts gefunden was diesem entspricht.

Hier wie es bei dem schönen CTI Client aussieht:
http://img131.imagevenue.com/img.php?image=711645634_QT_Idee_122_454lo.jpg

onek24

Hey und willkommen im DevNet,

Darf ich fragen welche Erfahrungen du im Programmieren hast(so grob)?

Spontan würde ich sagen das du einen neuen Dialog erstellen musst und diesen dann einfach anzeigen. In diesem Dialog würde ich mit Layouts arbeiten und die Elemente die verschwinden sollen auf Buttonclick einfach invisible machen. Diesen Dialog kannst du nach wunsch noch resizen oder umpositionieren.

Geht bestimmt noch schöner deswegen verlink ich mal auf: "QDialog Class Reference":http://qt-project.org/doc/qt-4.8/qdialog.html

Ich denke das sollte ein guter Anhaltspunkt sein.

Hierbei beziehe ich mich nur auf die Widgets von Qt. Als grafische Oberfläche kannst du auch noch mit QtQuick bzw. "QML":http://doc.qt.io/qt-5/qtqml-index.html arbeiten, liegt ganz bei dir. Widgets sind aber ein besserer Einstieg in Qt.

Vergiss nicht: Die Qt Doku ist immer dein bester Freund!

-- P.s.
Schau doch mal die Examples im QtCreator oder online durch, vielleicht findest du ja etwas das circa dem entspricht was du haben möchtest. Umprogrammieren kann man das ja immernoch allemal.

Bodensee

Hallo onek24,

meine Erfahrung würde ich in Schulnoten mit einer 4 Bezeichnen.
Elektronikschule: 1996-99 c/c++/java/php
Im Beruf dann bissel ABAP
Seit dem immer mal wieder ein wenig c / c++ / php / ror / java / js

Aber in den letzten Jahren habe ich mir immer ganz gut mit
AutoIT (Script) / PHP / Bash behelfen können.

Der Einstieg ist gerade nicht mehr soo leicht wie ich dachte ;-)
~~
Aber - ich werde mich die nächsten Tage mal ausführlich damit beschäftigen, dann dürfte es so langsam besser werden.

Vielen Dank für deine HIlfe!

~~

Auf Qt bin ich nur durch den CTI Client gekommen - schaumermal ob ich und Qt Freude werden.

LG
Mike

onek24

Hey Mike,

bq. meine Erfahrung würde ich in Schulnoten mit einer 4 Bezeichnen.
Elektronikschule: 1996-99 c/c++/java/php
Im Beruf dann bissel ABAP
Seit dem immer mal wieder ein wenig c / c++ / php / ror / java / js

Immerhin etwas, als ich mit Qt angefangen habe hatte ich nahezu keine Erfahrungen und Kenntnisse in Cpp, somit solltest du eigentlich ganz gut reinkommen.

bq. Der Einstieg ist gerade nicht mehr soo leicht wie ich dachte ;-)

Versuch es mal "damit":http://qt-project.org/doc/qt-4.8/tutorials.html .
Vorallem der Qt Text Editor sieht ziemlich hilfreich aus. =)
Basiert zwar alles auf Qt 4.8, dies sollte aber bei den Basics kein Problem sein.

bq. Aber – ich werde mich die nächsten Tage mal ausführlich damit beschäftigen, dann dürfte es so langsam besser werden.

Jap, that should do the trick.

bq. Vielen Dank für deine HIlfe!

Immer wieder gerne. =)

Falls du irgendwelche Fragen hast oder Hilfe benötigst dann kannst du in diesem Forum gerne Fragen. Ansonsten steht dir auch das "Allgemeine Forum":http://qt-project.org/forums zur Verfügung, dort wird zwar in der Regel nur Englisch geschrieben, aber dafür ist die Chance höher das dir jemand helfen kann.

Ahja, eine Sache noch: Falls du(ihr) ein spitzen GUI braucht dann kannst ich dir QML zu Herzen legen, musste ich auch mal erlernen aber dafür ist es echt Genial! Es ist Modular und es macht einfach Spaß sich da was zusammen zu basteln. Vorallem existieren da auch transitions und andere Animationen und Effekte. Echt Cool das ganze =)

Grüße aus Karlsruhe,
Alex

messi

Hallo Mike,
das kanst du mit QWidget wie auch mit QML mit Animation realisieren.

Nimm ein QWidget und setze ein QGridLayout rein.
Dann befüllst du es mit QLabel.
Dieses spezielle doppel Dreieck Icon kannst du mit einem QPushButton realisieren. Dieser kann mittels QHBoxLayout an das Nachrichtenfenster angedockt werden. Dann benötigst du aber noch ein Widget welches das QHBoxLayout beinhaltet.

Nun zur Animation. QPropertyAnimation ist dein Freund. Nun kannst du mit dieser Klasse x und y so animieren wie du willst. Du kannst aber auch die Grösse und die Transparenz damit animieren.

Mit Qml geht das noch einfacher. Mit Rectangle, Text und Image deine Gui zusammenstellen. Die Animation kannst du dann entweder über State wechsel in den Transitions machen oder mittels "Behavior on".

Gruss Juergen