Design in Java umsetzen

[moritzmoritz]

Guten abend,

ich habe mal wieder eine Designfrage , und zwar möchte ich folgendes Design (ähnlich) in Java nachbauen: Original image for CMS Dashboard - A post from leegrant - Forrst

wie gehe ich am besten an sowas ran?

Sollte ich erstmal Boxen (JPanles) positioneren und dann stylen? Wie geht das mit dem Stylen am besten? Nur über die paint()-methode oder gibt es dort einen "schöneren" Weg?

Außerdem programmiere ich auf einem Mac und wollte wissen, ob es eine Seite gibt, wo aufgeführt ist, wie man zum Beispiel die Menubar nach oben bekommt? Oder wie ich die rote Zahl bei den Icons änder? Und das Appbild


Danke im Vorraus,

moritz

 

[JohannisderKaeufer]

Hängt natürlich alles von den eingesetzten Technologien ab.

Wenn JavaFx in Frage kommt, dann gibt es hier ein Video über JavaFx und den Scene Builder.

https://www.youtube.com/watch?v=rHcnsEoSK_c

Wenn ich das Ergebnis daraus mit dem Bild vergleiche, kommt man da schon ziemlich nah zusammen.
In JavaFx macht man das Styling unter anderem mit CSS, so wie man es auch von HTML-Seiten kennt.

 

[moritzmoritz]

Das sieht schonmal sehr gut aus !

Aber das liefert mir nur das Design, oder? Weil Code möchte ich dann doch selber schreiben

 

[JohannisderKaeufer]

In Java Swing, codest du deine Oberfläche komplett in Java.

JavaFX nutzt FXML um das Layout festzulegen.

Ein Beipiel aus den Oracle Docs

BorderPane border = new BorderPane();
Label toppanetext = new Label("Page Title");
border.setTop(toppanetext);
Label centerpanetext = new Label ("Some data here");
border.setCenter(centerpanetext);

[XML]<BorderPane>
<top>
<Label text="Page Title"/>
</top>
<center>
<Label text="Some data here"/>
</center>
</BorderPane>[/XML]

Das Layout der Oberfläche wird in FXML festgelegt, was übersichtlicher sein kann als Java. Der Rest, die Anwendungslogik wird weiterhin in Java geschrieben.