2019-03-22T18:11:56.768840842
2019-05-16T14:23:20.574574983
PT3H40M5S
103
LibreOffice/6.2.3.2$Linux_X86_64 LibreOffice_project/20$Build-2

# UI Elemente

1.2.1
212372
0
40924
18898
true
false
view2
11959
219731
0
212372
40922
231269
0
1
false
120
false
false
false
true
true
true
0
true
true
false
false
false
false
false
false
true
true
true
false
true
false
false
false
false
false
false
true
true
false
false
true
192011
false
false
true
false
false
false
true
false
false
false
true
4666890
true
false
false
true
false
true
true
false
true
false
false
false
0
false
true
high-resolution
false
false
false
true
false
de
DE
false
false
true
true
true
false
false
true
false
false
false
true
false
false
1
true
false
false
0
false
false
false
AAEAAAAQAQAABAAARkZUTWkDcA0AAyoMAAAAHEdERUYE8wkPAAMptAAAAFZPUy8yUL7s9wAA [encoded data, 303281 characters] AAAAAQAAAAEAAAAAAAAAAQAAAADURmmjAAAAAMBkEbcAAAAA1Fj0sg==
AAEAAAARAQAABAAQR0RFRoPydSYABzQoAAAFEEdQT1OnXngWAAc5OAABIJ5HU1VCNVXTdgAI [encoded data, 812199 characters] AAAAAQAIAAEABgxyAAEAAQATAAEAAAABAAgAAQAGC1AAAQABAUEAAA==
AAEAAAARAQAABAAQR0RFRoPydSYAB4EMAAAFEEdQT1OGQmKLAAeGHAABH0hHU1VCNVXTdgAI [encoded data, 840552 characters]
AAEAAAARAQAABAAQR0RFRvVN2ToAB9xYAAAE9kdQT1Mjah5qAAfhUAABKJBHU1VCzwZh5wAJ [encoded data, 878638 characters] CIcIhAiFAAEABgBJB9QH1QfWB9cH2AABAAAAAQAIAAEABgmAAAEAAQFB
AAEAAAARAQAABAAQR0RFRvVN2ToACBcEAAAE9kdQT1NBz2RdAAgb/AABKFRHU1VCzwZh5wAJ [encoded data, 900588 characters]
AAEAAAARAQAABAAQR0RFRuFh5UEAAotwAAACtEdQT1PKV4glAAKOJAAAGypHU1VCP1wkyQAC [encoded data, 309352 characters]
AAEAAAARAQAABAAQR0RFRuFh5UEAAqA0AAACtEdQT1PdcpZ2AAKi6AAAG2ZHU1VC7cbXcgAC [encoded data, 320108 characters] A8YAAgAEA1cDaAAAA3UDdwASA5kDmQAVA8UDxQAW
T1RUTwAMAIAAAwBAQ0ZGILmRse4AAFtAAAFfMUdERUZO81E/AAG6dAAAAIBHUE9TNEuxaAAB [encoded data, 183833 characters]
T1RUTwAMAIAAAwBAQ0ZGIKQZSBEAAFtMAAFr/EdERUZO81E/AAHHSAAAAIBHUE9TAsnA9QAB [encoded data, 188652 characters]
T1RUTwAMAIAAAwBAQ0ZGILmRse4AAFtAAAFfMUdERUZO81E/AAG6dAAAAIBHUE9TNEuxaAAB [encoded data, 183833 characters]
T1RUTwAMAIAAAwBAQ0ZGIKQZSBEAAFtMAAFr/EdERUZO81E/AAHHSAAAAIBHUE9TAsnA9QAB [encoded data, 188652 characters]
AAEAAAAWAQAABABgRFNJR2DB06IABIiwAAAVsEVCRFSpq0xcAARm8AAAA/RFQkxDHSv9XAAE [encoded data, 442716 characters] dfcsK5ghh+268Yq7X3MQXAoA
AAEAAAASAQAABAAgRFNJRxVrJzIABKsoAAAVrEdERUakzKUNAASayAAAAR5HU1VCGAYu5gAE [encoded data, 455593 characters] tOac0bwSwLPhUNvFBnNKv3P4lG90C5JsM0WhUm4Ps8QuAAAA
AAEAAAAQAQAABAAARFNJR+WmYMAAA6QMAAAVsE9TLzKcupF7AAABiAAAAFZWRE1YNnVQ5gAA [encoded data, 357080 characters] 1oaFSpG9wnJzXyVDmejDHybEnQAAAA==
AAEAAAAQAQAABAAARFNJR+gfklgAA39sAAAVuE9TLzKeEJNxAAABiAAAAFZWRE1YNqZQ6wAA [encoded data, 343409 characters]
AAEAAAASAQAABAAgRkZUTVh3hSIAAaewAAAAHEdERUYC0gAkAAGnHAAAAChHUE9TY6lyjQAB [encoded data, 158632 characters] AADOw1ku
AAEAAAASAQAABAAgRkZUTVh3SqIAAZ1cAAAAHEdERUYC0gAkAAGcyAAAAChHUE9TY6lyjQAB [encoded data, 154761 characters] AAAAAM7DHq4=
AAEAAAASAQAABAAgRkZUTVh2heMAAecUAAAAHEdERUYC1wAkAAHmZAAAAChHUE9TY6lyjQAB [encoded data, 182332 characters] AAAAAAAAAAAAAQAAAADMPaLPAAAAAL12iSQAAAAAzsJZ7w==
AAEAAAASAQAABAAgRkZUTVh2hgMAAdD8AAAAHEdERUYC1wAkAAHQTAAAAChHUE9TY6lyjQAB [encoded data, 174108 characters]
AAEAAAATAQAABAAwRkZUTVocIkYAAlM8AAAAHEdERUYC0AAkAAJCoAAAAChHUE9TCN31fwAC [encoded data, 222859 characters] zD2izwAAAAC/G2HwAAAAAM7DHYY=
AAEAAAATAQAABAAwRkZUTVocImoAAj6gAAAAHEdERUYCzwAkAAIt+AAAAChHUE9THRsXeAAC [encoded data, 215117 characters] Ag0CDgISApYAAAABAAAAAMw9os8AAAAAvxth8AAAAADOwx2q
AAEAAAATAQAABAAwRkZUTVobFScAAjZoAAAAHEdERUYC1QAkAAImJAAAAChHUE9T0/tBYAAC [encoded data, 212036 characters] AgwCDQIOAhICnAAAAAEAAAAAzD2izwAAAAC/G2HwAAAAAM7CEGc=
AAEAAAATAQAABAAwRkZUTVobFVQAAlQ4AAAAHEdERUYC1AAkAAJDpAAAAChHUE9TrCXAFwAC [encoded data, 223254 characters] EJQ=
AAEAAAATAQAABAAwRkZUTVocIkYAAlM8AAAAHEdERUYC0AAkAAJCoAAAAChHUE9TCN31fwAC [encoded data, 222859 characters] zD2izwAAAAC/G2HwAAAAAM7DHYY=
AAEAAAATAQAABAAwRkZUTVocImoAAj6gAAAAHEdERUYCzwAkAAIt+AAAAChHUE9THRsXeAAC [encoded data, 215117 characters] Ag0CDgISApYAAAABAAAAAMw9os8AAAAAvxth8AAAAADOwx2q
AAEAAAATAQAABAAwRkZUTVobFScAAjZoAAAAHEdERUYC1QAkAAImJAAAAChHUE9T0/tBYAAC [encoded data, 212036 characters] AgwCDQIOAhICnAAAAAEAAAAAzD2izwAAAAC/G2HwAAAAAM7CEGc=
AAEAAAATAQAABAAwRkZUTVobFVQAAlQ4AAAAHEdERUYC1AAkAAJDpAAAAChHUE9TrCXAFwAC [encoded data, 223254 characters] EJQ=
AAEAAAAUAQAABABARkZUTXPB9PAAAAFMAAAAHEdERUaUz47mAAABaAAAApRHUE9TVoDENQAA [encoded data, 1107497 characters]
AAEAAAATAQAABAAwRkZUTXPB9PAAAAE8AAAAHEdERUaNwIfxAAABWAAAAjhHUE9T1BxgqAAA [encoded data, 1032293 characters] KysrKysrKysrKx0A
AAEAAAARAQAABAAQR0RFRuFh5UEAAotwAAACtEdQT1PKV4glAAKOJAAAGypHU1VCP1wkyQAC [encoded data, 309352 characters]
AAEAAAARAQAABAAQR0RFRuFh5UEAAqA0AAACtEdQT1PdcpZ2AAKi6AAAG2ZHU1VC7cbXcgAC [encoded data, 320108 characters] A8YAAgAEA1cDaAAAA3UDdwASA5kDmQAVA8UDxQAW

TextureSync

# UI Elemente

⸬ Version 1.2.1 Seite 8/8

# UI Elemente

TextureSync

Version

1.2.1

Datum

25.04.19

Autor

Jannik Seiler

Projektmitglieder

Hendrik Schutter,

Lukas Fürderer,

Robin Willmann,

Jannik Seiler

Inhaltsverzeichnis

Inhaltsverzeichnis

1 Einleitung3

2 Genereller Aufbau3

2.1 Erster Start4

2.2 Hauptfenster5

2.3 Dialog6

2.4 Textur importieren7

3 Changelog8

Einleitung

Das Ziel des Feindesign der UI-Elemente ist es festzulegen, welche Eingabe – und Ausgabelemente geeignet sind.

Die Architektur der UI wie auch die Navigation im Client werden dadurch definiert.

Genereller Aufbau

Die verschiedenen Views werden wiederum auf einer „RootView“ angebracht. Das Diagramm zeigt die Darstellung der MainView und deren Elemente.

iVBORw0KGgoAAAANSUhEUgAAAcgAAALQCAYAAAAUzOCBAAAABHNCSVQICAgIfAhkiAAABQZ6 [encoded data, 60316 characters]

Erster Start

iVBORw0KGgoAAAANSUhEUgAAAvAAAAGQCAYAAADIulS9AAAgAElEQVR4nOzdd3gVddrG8ScF [encoded data, 25440 characters]

JFXTextfield, IPv4 Adresse

kann eingegeben werden,

mit Enter wird zum

Server verbunden

JFXSpinner, dreht sich

während des Verbindens

JFXButton, verbindet mit der

angegebenen IPv4 Adresse

Die StartupView erscheint beim ersten Start des Clients oder wenn keine Serveradresse gespeichert ist, beziehungsweise kein Server im Netzwerk gefunden wurde.

Der Nutzer kann die Adresse des lokalen Servers eingeben und mittels einem Button die Verbindung aufbauen. Während des Verbindungsprozesses wird ein Spinner eingeblendet und Infotext entsprechend angepasst.

Hauptfenster

iVBORw0KGgoAAAANSUhEUgAABIUAAAKbCAYAAABrQDp8AAAgAElEQVR4nOydeVgV973/xy3u [encoded data, 105600 characters] QmCC

JFXTextfield, hier lassen sich

Die Texturen nach Name,

Tags, Auflösung und

Einfügedatum durchsuchen

3DPreview, zeigt einen Würfel

Mit der aktuell

ausgewählten Textur an

Gridpane, enthält alle

TexturGUI-Elemente mit 2D-Preview

und Name

DetailView, zeigt Informationen

wie Name, Tags, Auflösung und Einfügedatum

JFXButton, hierüber lässt sich

die ImportView aufrufen

Die MainView wird angezeigt sobald das Programm fertig initialisiert ist. Sie enthält eine Scrollpane mit einer Gridpane, welche alle gefunden Texturen anzeigt. Die DetailView besteht aus einer 3D-Preview und einer Anzeige von Name, Tags, Auflösung und dem Einfügedatum. Die Tags werden in einer ChipView dargestellt. Das Editieren der Tags ist direkt in der ChipView möglich.

Über einen Button lässt sich die komplette Textur löschen, hierfür wird der Lösch-Dialog aufgerufen.

Ein Hinzufügen-Symbol wie ein „+“ startet den Vorgang für das Hinzufügen der Textur.

Das Exportiren einer Textur erfolgt über das Kontextmenü welches beim Rechts-Klick auf die Textur erscheint.

Dialog

iVBORw0KGgoAAAANSUhEUgAABIUAAAKbCAYAAABrQDp8AAAgAElEQVR4nOzde5hbVb3w8bQF [encoded data, 84160 characters] TkSuQmCC

Dialog, besteht aus Heading und Description

JFXButton, abbrechen oder ausführen

Die DialogView zeigt eine Meldung bestehend aus Heading und Description an. Über einen Cancel-Button lässt sich der angezeigte Vorgang abbrechen, über einen Okay-Button bestätigen.

Der Dialog wird zum Beispiel für das Bestätigen des Löschens oder bei Fehlermeldungen eingesetzt.

Textur importieren

iVBORw0KGgoAAAANSUhEUgAAAvAAAAGQCAYAAADIulS9AAAgAElEQVR4nOzdeVhV1eI+8MWM [encoded data, 36400 characters] SUVORK5CYII=

JFXTextfield, hier lässt sich ein Pfad zu einer Textur eingeben

JFXButton, öffnet FileChooser

JFXTextfield, hier wird der Name der ausgewählten Textur angezeigt und lässt sich ändern

JFXChipView, hier lassen sich Tags setzen. Resolution und Datewerden automatisch gesetzt

Die ImportView wird angezeigt wenn man eine neue Textur importiert. Sie besteht aus einem Textfield, in welchem sich der Pfad zur Textur eingeben lässt. Wird die Textur über den FileChooser ausgewählt, wird dieser Pfad im Textfield angezeigt. Über ein weiteres Textfield lässt sich ein beliebiger eindeutiger Name setzen, dieser ist am Anfang auf den Name der Textur gesetzt. Tags lassen sich über eine JFXChipView setzen.

Changelog

Version

Änderung

1.0.0

Dokument UI Elemente erstellt

1.1.0

Detailbeschreibung hinzugefügt

1.2.0

Einleitung und Diagramm hinzugefügt

1.2.1

Exportieren mittels Kontextmenü