{{ :faecher:informatik:netbeans:proj-gui_neu3.png?nolink&600 |}}====== Einführung in Netbeans ====== Startet man die integrierte Entwicklungsumgebung ((kurz und engl. IDE)), so bietet sich einem nach einem kurzen Begrüßungsbildschirm folgendes Bild: {{ :faecher:informatik:netbeans:start.png?nolink&400 |}} ===== neues Projekt ===== Es soll dargelegt werden, wie man mit //Netbeans// in //Java// programmieren kann. Dazu werden (Programm-)Projekte erstellt. ==== Projekt ohne GUI ==== Hat man wie im obigen Bild //Netbeans// gestartet, so wählt man nun für ein Projekt **ohne** graphische Benutzeroberfläche zunächst im Menü unter //File// den Punkt //New Projekt...// aus. Es ploppt folgender Dialog auf: {{ :faecher:informatik:netbeans:proj_neu1.png?nolink&600 |}} Zunächst klicke man einfach auf den Knopf //Next >//, woraufhin sich der Dialog wie folgt ändert: {{ :faecher:informatik:netbeans:proj_neu2.png?nolink&600 |}} Der Projektname und -pfad werden i.a. anders lauten. Der Name kann einigermaßen frei gewählt werden, der Pfad((unter dem die Projektdateien gespeichert werden)) kann so belassen werden, wie es das Programm vorgibt. Man denke bitte daran, den Haken bei //Create Main Class// zu setzen! Klickt man auf //Finish//, so erhält man die folgende Ansicht: {{ :faecher:informatik:netbeans:proj_neu3.png?nolink&800 |}} Der zu ergänzende Quelltext gehört hinter die entsprechende Markierung. Wir fügen dort mal die obligatotische "Hallo Welt!"-Ausgabezeile an, sodass der Quelltext wie folgt aussieht: {{ :faecher:informatik:netbeans:hallo_welt.png?nolink&800 |}} === Start des Programms === Durch einen Klick auf das grüne Dreieck oben wird das Programm gstartet. Es sollte sich folgendes Bild ergeben: {{ :faecher:informatik:netbeans:hallo_welt-ausgabe.png?nolink&800 |}} ==== Projekt mit GUI ==== Das Anlegen eines Projektes **mit** GUI verläuft im wesentlichen genauso, wie das Anlegen eines guifreien Projektes. Lediglich das automatische Anlegen einer //main//-Funktion sollte unterbleiben.((Es ist durchaus korrigierbar, wenn man eine //main//-Funktion hat automatisch anlegen lassen. Allerdings ist es ein wenig umständlicher.)) * Zunächst schließe man am besten alle offenen Projekte. * Danach wähle man im Menü unter //File// den Punkt //New Projekt...// aus. * Wieder gebe man dem Projekt einen Namen und lasse am besten alle anderen Voreinstellungen auf Standard. Man denke bitte daran, den Haken bei //Create Main Class// **nicht** zu setzen! Das Projekt-Fenster sieht danach folgendermaßen aus: {{ :faecher:informatik:netbeans:proj-gui_neu1.png?nolink&400 |}} === Formular hinzufügen === * Man klicke nun mit der **rechten** Maustaste auf den Namen seines Projektes (neben der Kaffeetasse) und wähle dort //New// und dann //JFrameForm...// aus, womit man dem Projekt eine Formularansicht zufügt. {{ :faecher:informatik:netbeans:proj-gui_neu2.png?nolink&400 |}} Man sieht folgenden Dialog: {{ :faecher:informatik:netbeans:proj-gui_neu3.png?nolink&600 |}} * Man gebe einen Namen für die //GUI// ein und klicke auf //Finish//. Es zeigt sich folgendes Fenster: {{ :faecher:informatik:netbeans:proj-gui_neu4.png?nolink&800 |}} === interaktive Bedienelemente hinzufügen === Man ziehe aus der Palette rechts ein //TextField// in das grau unterlegten Feld. Ebenso ziehe man einen //Button// hinein. Per Rechtsklick auf den Button und Auswahl von //Edit Text// kann man dessen Aufschrift z.b. in "Hallo Welt!" ändern (was aber nicht unbedingt nötig ist). Das grau unterlegte Feld, das Formular, könnte dann so aussehen: {{ :faecher:informatik:netbeans:proj-gui_neu5.png?nolink&300 |}} === Interaktion programmieren === Durch einen Klick auf den Button (mit der Aufschrift "Hallo Welt!") wählt man diesen aus. Danach klicke man rechts auf //Events// und scrolle bis //mouseClicked//. Dort klicke man in der Spalte rechts daneben (Aufschrift "") und wähle //jButton1MouseClicked// aus. Es sieht ganz kurzfristig folgendermaßen aus: {{ :faecher:informatik:netbeans:proj-gui_neu6.png?nolink&300 |}} Durch diesen Vorgang fügt die IDE einen vorgefertigten Mechanismus hinzu, der es ermöglicht, auf den Klick auf den zugefügten Knopf zu reagieren. Das muss ja nun irgendwo im Quelltext programmiert werden. **Wie** der Mechanismus arbeitet, spiele hier erst einmal keine Rolle.\\ **Wo** die weitere Programmierung für die Reaktion auf den Klick zu erfolgen hat, zeigt uns die //IDE//, indem sie an die vorgesehene Stelle im Quelltext springt. Das sieht dann etwa so aus: {{ :faecher:informatik:netbeans:proj-gui_neu7.png?nolink&800 |}} In die von der //IDE// vorgesehene Methode //jButton1MouseClicked// fügen wir folgenden Befehl hinzu: ''jTextField1.setText("Hallo Welt!");'', sodass sich folgendes Bild ergibt: {{ :faecher:informatik:netbeans:proj-gui_neu8.png?nolink&800 |}} === Start des Programms === Wieder wird das Programm durch einen Klick auf das rechte Dreieck (oben) gestartet. Um den Start durchführen zu können, wird man nach der Hauptklasse gefragt. Diese kann man auswählen: {{ :faecher:informatik:netbeans:proj-gui_neu9.png?nolink&400 |}} Man bekommt nun sein Formular zu sehen, dass folgendermaßen aussehen sollte: {{ :faecher:informatik:netbeans:gui-hallo-welt-start.png?nolink&300 |}} Klickt man auf den Button des Formulars, wird der Inhalt des Textfeldes geändert: {{ :faecher:informatik:netbeans:gui-hallo-welt-klick.png?nolink&300 |}}