Design Umsetzung

bennemann8

Mitglied
Ein Hallo in die Runde!
Da es mit dem Ribbon nicht so geklappt hat, versuche ich mich nun an etwas anderem.
Ich würde mein Design gerne an das aus dem Screen anlehnen und bräuchte dazu eure Hilfe.
Wie genau würdet ihr anfangen, ein solches Design umzusetzen?
Ich gehe davon aus, dass ich dafür nur CSS benötige und die Struktur mittels .fxml Dateien festlege, richtig?
Leider weiß ich nicht genau, wie das Ganze unterteilen sollte, damit es nachher einfacher zu warten und zu erweitern ist.
Würdet ihr, z.B. die Navigation links in ein eigenes .fxml packen und die Elemente aus dem Contentbereich ebenfalls in alle möglichen .fxml??
Ich habe noch nicht so den Durchblick, wie ich nachher die ganzen .fxml Datein "zusammenpacke", damit aus vielen Fragmenten EIN Programm wird.

Ich würde mich sehr über eure Hilfestellungen freuen :)

Gruß
bennemann8
 

Anhänge

  • screen.png
    screen.png
    426,6 KB · Aufrufe: 30

dzim

Top Contributor
Sieht nach einem Kandidaten BorderLayout aus. Und ja, ich würde alles in möglichst separate FXMLs machen. Du musst dir jedoch darüber klar sein, dass du dann irgendwie über die Grenzen der einzelnen Controller miteinander kommunizieren musst…
Ich verwende dafür am ehesten mittlerweile ein zentrales GUI-Model, das ich mir mittels Dependency Injection (Guice oder Spring Boot) übergebe und mich dort an entsprechende Properties binde.
"Nur" CSS ist schon gewagt. Ich hoffe, du hast schon etwas mit Web-Entwicklung gearbeitet, dann sollte es relativ leicht gehen. Möglichst schön alles in CSS-Klassen tun und diese an deine Komponenten hängen. Pseudo-Klassen (die mit dem ":" hinter dem CSS-Klassennamen) nutzen, wo sinnvoll, und wenn nötig auch eigene Pseudo-Klassen definieren und behandeln.

Ich denke, deine grösste Baustelle ist es, erst einmal ein Grundgerüst (zum Entwickeln meine ich, nicht unbedingt für die UI, das kommst später von allein) zusammenzustellen. Hast du dafür schon einen groben Plan? Du musst schon konkrete Fragen stellen. Ich kann dir ein paar Tipps geben, aber nicht schon alles fertig bauen ;)

Grüsse,
Daniel

PS: Da ich ab morgen im Urlaub bin, kann es sein, dass ich erst nächste Woche wieder antworte...
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
H Button / Design Ideen AWT, Swing, JavaFX & SWT 2
M JavaFX kann man da noch was am code vereinfachen design technisch sieht nicht richtig aus... AWT, Swing, JavaFX & SWT 15
R Swing Design des oberen Balkens in JFrame AWT, Swing, JavaFX & SWT 2
L JavaFX GUI Design AWT, Swing, JavaFX & SWT 6
W WindowBuilder / Design-Vorschau schneidet den Rand ab AWT, Swing, JavaFX & SWT 0
E Prinzip: wie man Ereignisse in einer GUI verarbeit. Frage zum Design? AWT, Swing, JavaFX & SWT 10
SchmidiMC Swing Vorschläge für ein Design AWT, Swing, JavaFX & SWT 5
das_leon AWT Button Design ändern AWT, Swing, JavaFX & SWT 5
it_is_all Swing Button, ComboBox,... -- Unterschied: NetBeans Design <-> Ausführung AWT, Swing, JavaFX & SWT 2
F Design-Anzeige im Windowbuilder AWT, Swing, JavaFX & SWT 3
K GridBagLayout mit reponsive Design AWT, Swing, JavaFX & SWT 2
M Swing JComboBox eigenes Design AWT, Swing, JavaFX & SWT 3
L LookAndFeel Eigenes Design für die Applikation AWT, Swing, JavaFX & SWT 4
A JavaFX Hilfe beim Design eines Quiz AWT, Swing, JavaFX & SWT 2
T JavaFX "DefaultButton"-Design ändern AWT, Swing, JavaFX & SWT 8
T JavaFX Flexible Layouts dynamisch erstellen / Design-Inspirationen AWT, Swing, JavaFX & SWT 8
T Programm im METRO Design? AWT, Swing, JavaFX & SWT 1
N GUI Design ohne GUIDesigner AWT, Swing, JavaFX & SWT 10
D GWT Design AWT, Swing, JavaFX & SWT 0
B Custom JTabbedPane-Tab-Design AWT, Swing, JavaFX & SWT 2
U WindowBuilder "Design-Tab" AWT, Swing, JavaFX & SWT 2
P LayoutManager Design meines Projekts (hätte wer zeit?) AWT, Swing, JavaFX & SWT 9
G Eclipse: Design Tab wird nicht mehr angezeigt AWT, Swing, JavaFX & SWT 4
M Design in Java umsetzen AWT, Swing, JavaFX & SWT 3
Tsuna JButtons in Apple-Design AWT, Swing, JavaFX & SWT 4
ARadauer Wenig Material zum Thema: Design, Layout, Usability von Swing Anwendungen AWT, Swing, JavaFX & SWT 11
J LayoutManager Welchen Layout/Design-Manager? AWT, Swing, JavaFX & SWT 4
W LayoutManager Clientfenster ins Design einbinden AWT, Swing, JavaFX & SWT 13
B LayoutManager GUI-Design: eventuelle Alternativen zum Verschachteln + Ansprechen von JPanel()? AWT, Swing, JavaFX & SWT 2
F JSlider Design ändern AWT, Swing, JavaFX & SWT 6
D Repaint Frage, Design Frage AWT, Swing, JavaFX & SWT 2
G Grundsatzfrage GUI-Design AWT, Swing, JavaFX & SWT 6
R Zugriff auf Model im MVC-Design aus SwingWorker heraus AWT, Swing, JavaFX & SWT 3
tuttle64 Design für mehrere Sprachen in Swing AWT, Swing, JavaFX & SWT 15
L Eigene Design Oberfläche erstellen AWT, Swing, JavaFX & SWT 3
M Special design of Swing components AWT, Swing, JavaFX & SWT 14
KrokoDiehl Swing Design-Frage: eigenes Line-Wrapping AWT, Swing, JavaFX & SWT 5
T Design mit vielen Feldern AWT, Swing, JavaFX & SWT 2
D Design - View & Controller AWT, Swing, JavaFX & SWT 2
eskimo328 Moderne Swing GUI mit Web ähnlichem Design AWT, Swing, JavaFX & SWT 7
M Nochmal Swing, MVC und generelles Design AWT, Swing, JavaFX & SWT 2
S JTree Design Problem AWT, Swing, JavaFX & SWT 5
S Design problem AWT, Swing, JavaFX & SWT 2
K Design von verschiedenen Rechnern AWT, Swing, JavaFX & SWT 13
A Design Problem bei verschiedenen Oberflächen AWT, Swing, JavaFX & SWT 3
Steev Standard Design bei JFrame und AWT AWT, Swing, JavaFX & SWT 7
M Design von Elemente? AWT, Swing, JavaFX & SWT 16
T Allgemeine Frage - innovatives GUI Design AWT, Swing, JavaFX & SWT 6
P Swing-Komponenten - Standart-Windows Design? AWT, Swing, JavaFX & SWT 4
B Swing - Design Patterns AWT, Swing, JavaFX & SWT 3
S "Zerstörtes" gbl-Layout (Design) AWT, Swing, JavaFX & SWT 10
D professionelles GUI-Design als Skeleton Pro AWT, Swing, JavaFX & SWT 2
A Applikation mit Netbeans-Design AWT, Swing, JavaFX & SWT 4
R JDialog hat seltsames Design AWT, Swing, JavaFX & SWT 6
L Design-Probleme (Swing-Anfänger) AWT, Swing, JavaFX & SWT 6
M Look&Feel - Layout - GUI - Design - SAP LnF :) AWT, Swing, JavaFX & SWT 12
M Frage bzgl. Formular-Design. AWT, Swing, JavaFX & SWT 2
R Programm an Design anpassen. AWT, Swing, JavaFX & SWT 4
K 2048 Umsetzung mit Gridpane / Stackpane und / Rectangle AWT, Swing, JavaFX & SWT 0
temi JavaFX Lösungsansatz für Umsetzung gesucht AWT, Swing, JavaFX & SWT 4
M Tipps Zur Umsetzung einer GUI für ein Trading Card Game AWT, Swing, JavaFX & SWT 7
B Swing MVC Architektur Umsetzung AWT, Swing, JavaFX & SWT 9
T Touch GUI umsetzung AWT, Swing, JavaFX & SWT 6
S Umsetzung Stammbaumes AWT, Swing, JavaFX & SWT 10
M Swing MVC Pattern verstanden, aber Probleme bei der Umsetzung AWT, Swing, JavaFX & SWT 5
C Swing Hilfe bei umsetzung eines Stundenplans. AWT, Swing, JavaFX & SWT 7
U Hilfestellung zu MVC-Umsetzung bzgl JTrees AWT, Swing, JavaFX & SWT 9
R Frage nach der Umsetzung? AWT, Swing, JavaFX & SWT 8
E Swing Allgemeine Frage zur Struktierung und Umsetzung AWT, Swing, JavaFX & SWT 2
O Layout-Umsetzung AWT, Swing, JavaFX & SWT 11

Ähnliche Java Themen


Oben