Codename One GridLayout: Unterschied zwischen den Versionen

Version vom 17. Juni 2024, 12:10 Uhr

Anleitung für Codename One für Eclipse

Schritt 1 : Download

Gehen sie zuerst auf die Webseite des Codename One Initializr: https://start.codenameone.com/

Schritt 2 : Auswahl

Wählen sie auf der Seite bei den Templates Bare-bones Java App ^[1.] und bei Package können Sie den Namen ändern indem Sie zwischen com. und .myapp ^[2.] den gewünschten Namen eingeben. Bei Main Class ^[3.] können Sie bestimmen wie ihre Klassen heißen soll. Nun bei IDE wählen die Eclipse ^[4.] aus. Danach klicken Sie auf Download ^[5.].

Schritt 3 : Extrahieren

Nach kurzem Warten erhalten Sie eine Zip-Datei. Diese müssen Sie in einen anderen Ordner extrahieren, dafür klicken sie auf Alle extrahieren und wählen einen Ordner aus. Diesen Ordner in den gewünschten Workplace verschieben und Eclipse starten.

Schritt 4 : Import

Nachdem Eclipse gestartet wurde klicken Sie auf File ^[1.] und dann auf Import ^[2.]. Bei Import wählen Sie den Ordner Maven ^[3.] aus und klicken in diesem auf Existing Maven Project ^[4.] und dann auf Next ^[5.]. Danach klicken Sie bei Root Directory auf Browse… ^[6.] und wählen den Ordner aus, in welchen Sie die Zip-Datei zuvor extrahiert haben. Dann klicken sie auf Select All ^[6.1] und dann auf Finish ^[7.].

Schritt 5 : Ausführen

Sie erhalten eine Datei in Eclipse, welche so heißt wie Sie zuvor in Codename One initalizr benannt haben. Sie öffnen diese Datei ^[8.] und danach öffnen Sie die Datei die -common oder common ^[9.] heißt. Dort öffnen Sie die src-Datei ^[10.] und dann das enthaltene Package. In diesem Package ^[11.] liegt eine Java-Datei ^[12.], welche Sie öffnen. Nachdem Sie die Java-Datei geöffnet haben, klicken Sie bei dem Ausführknopf auf den Pfeil ^[13.] und wählen dort Update Codename One ^[14.] aus. Nun erhält ihr Codename One ein Update. Nach dem Update klicken Sie erneut auf dem Pfeil des Ausführknopfes und klicken nun auf Run Simulator ^[15.]. Nach kurzem Warten öffnet sich Codename One mit einem iPhone.

Anleitung für das verwenden eines GridLayouts in Codename One

Wenn sie ihre Elemente als Tabelle in Codename One darstellen möchten, können sie GridLayout verwenden.

Um den Datentyp GridLayout zu verwenden, müssen sie zu beginn den Datentyp GridLayout schreiben. Danach schreiben sie den Namen für den Datentyp und erstellen ein neues GridLayout:

GridLayout <name> = new GridLayout();

Die ist der Befehl um ein GridLayout zu verwenden. Wenn sie dies schreiben wird ihnen auffallen, dass sie einen Fehlermeldung erhalten. Dies liegt daran, dass sie zwei Zahlen in die Klammer, getrennt durch ein Komma ,, schreiben müssen. Die erste Zahl in der Klammer steht für die Anzahl der Zeilen die sie als Tabelle angezeigt haben möchten. Die zweite Zahl steht für die Anzahl der Spalten der Tabelle. Wenn sie nun diesen Befehl verwenden:

GridLayout <name> = new GridLayout(5,2);

Erstellen sie ein GridLayout mit fünf Zeilen und zwei Spalten.

Je nachdem wie viele Zeilen und Spalten sie benötigen, können sie die Zahlen anpassen.

@@ Zeile 27: / Zeile 27: @@
 [[File:Schritt4,3.PNG]]
-===Schritt 5 : Start===
+===Schritt 5 : Ausführen===
 ----
 Sie erhalten eine Datei in Eclipse, welche so heißt wie Sie zuvor in Codename One initalizr benannt haben. Sie öffnen diese Datei <sup>[8.]</sup> und danach öffnen Sie die Datei die <code>-common</code> oder <code>common</code> <sup>[9.]</sup> heißt. Dort öffnen Sie die <code>src-Datei</code> <sup>[10.]</sup> und dann das enthaltene Package. In diesem <code>Package</code> <sup>[11.]</sup> liegt eine <code>Java-Datei</code> <sup>[12.]</sup>, welche Sie öffnen. Nachdem Sie die Java-Datei geöffnet haben, klicken Sie bei dem <code>Ausführknopf auf den Pfeil</code> <sup>[13.]</sup> und  wählen dort <code>Update Codename One</code> <sup>[14.]</sup> aus. Nun erhält ihr Codename One ein Update. Nach dem Update klicken Sie erneut auf dem Pfeil des Ausführknopfes und klicken nun auf <code>Run Simulator</code> <sup>[15.]</sup>. Nach kurzem Warten öffnet sich Codename One mit einem iPhone.