<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Soziotechnische Integration &#187; Howto</title>
	<atom:link href="https://test.soziotech.org/tag/howto/feed/" rel="self" type="application/rss+xml" />
	<link>https://test.soziotech.org</link>
	<description>Ein Projekt mit der Forschungsgruppe Kooperationssysteme an der Universität der Bundeswehr München</description>
	<lastBuildDate>Mon, 15 Jun 2015 15:24:48 +0000</lastBuildDate>
	<language>de-DE</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.2.38</generator>
	<item>
		<title>Howto &#8211; Erste Schritte mit JavaFX 2.0</title>
		<link>https://test.soziotech.org/howto-erste-schritte-mit-javafx-2-0/</link>
		<comments>https://test.soziotech.org/howto-erste-schritte-mit-javafx-2-0/#comments</comments>
		<pubDate>Wed, 08 Jun 2011 08:02:07 +0000</pubDate>
		<dc:creator><![CDATA[Markus Schran]]></dc:creator>
				<category><![CDATA[Java]]></category>
		<category><![CDATA[Technologien]]></category>
		<category><![CDATA[Ubiquitäre Natural User Interfaces]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[Howto]]></category>
		<category><![CDATA[Installation]]></category>
		<category><![CDATA[JavaFX]]></category>
		<category><![CDATA[Production Suite]]></category>

		<guid isPermaLink="false">http://sevastyanova.cscwlab.de/?p=903</guid>
		<description><![CDATA[<p><img src="https://test.soziotech.org/wp-content/uploads/cache/386_crop_940x198_javafx_test.jpg" width="618" height="130" alt="Howto &#8211; Erste Schritte mit JavaFX 2.0" /></p>In diesem Howto wird kurz erklärt, welche Software für das Arbeiten mit JavaFX 2.0 benötigt wird und wo diese erhältlich ist. Dabei orientiert sich das Tutorial an den aktuellsten Komponenten, die mit der Veröffentlichung der neuen Version 2.0 von JavaFX &#8230; <a href="https://test.soziotech.org/howto-erste-schritte-mit-javafx-2-0/">Weiterlesen <span class="meta-nav">&#8594;</span></a><img src="https://analytics.flottmedia.com/piwik/piwik.php?idsite=2&amp;rec=1&amp;url=https%3A%2F%2Ftest.soziotech.org%2Fhowto-erste-schritte-mit-javafx-2-0%2F&amp;action_name=Howto+%26%238211%3B+Erste+Schritte+mit+JavaFX+2.0&amp;urlref=http%3A%2F%2Ffeeds.feedburner.com%2Fsoziotech" style="border:0;width:0;height:0" width="0" height="0" alt="" /><div class='yarpp-related-rss yarpp-related-none'>

Keine ähnlichen Artikel.
</div>
]]></description>
				<content:encoded><![CDATA[<p><img src="https://test.soziotech.org/wp-content/uploads/cache/386_crop_940x198_javafx_test.jpg" width="618" height="130" alt="Howto &#8211; Erste Schritte mit JavaFX 2.0" /></p><p>In diesem Howto wird kurz erklärt, welche Software für das Arbeiten mit <a href="https://test.soziotech.org/glossar/javafx/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für JavaFX zu springen." onmouseover="tooltip.show('Framework für plattformübergreifende Rich Internet Applications. Es ist Teil der Java-Spezifikation und -familie von Sun Microsystems und steht in direkter Konkurrenz zu Adobe Flash bzw. Flex und Microsoft Silverlight. ');" onmouseout="tooltip.hide();">JavaFX</a> 2.0 benötigt wird und wo diese erhältlich ist. Dabei orientiert sich das Tutorial an den aktuellsten Komponenten, die mit der Veröffentlichung der neuen Version 2.0 von JavaFX erschienen sind. Die Software ist zum Verfassungszeitpunkt dieses Artikels nur für 32-Bit-Windows Betriebssysteme erhältlich.<span id="more-903"></span></p>
<p>Im Mai 2011 ist die neue Version von JavaFX erschienen, nachdem der Umgebung in der jüngsten Vergangenheit immer größere Anwendung zuteil wurde. Dieses Howto stellt alle benötigten Komponten, die zum Entwickeln mit JavaFX 2.0 erforderlich sind, mit einer minimalistischen Konfigurationsanleitung zusammen.</p>
<h2>Installation</h2>
<p>Bevor im nächsten Abschnitt eine minimalistische Beispielsanwendung erstellt wird, müssen zunächst alle erforderlichen Komponenten installiert werden.</p>
<h3>Java SE 6 <a href="https://test.soziotech.org/glossar/jdk/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für JDK zu springen." onmouseover="tooltip.show('Java Development Kit; ist eines der von Java-Entwicklern meistgenutzten Java-SDKs aus dem Hause Oracle, ehemals Sun Microsystems. ');" onmouseout="tooltip.hide();">JDK</a></h3>
<p>Für das Arbeiten mit JavaFX  2.0 ist mind. Java SE 6 JDK Update 24 <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-903-1" href="#note-903-1" onmouseover="tooltip.show('Zum Verfassungzeitpunkt dieses Artikels ist bereits Update 25 aktuell und wird entsprechend genutzt.');" onmouseout="tooltip.hide();"><sup>1</sup></a> erforderlich.</p>
<ol>
<li><a href="http://www.oracle.com/technetwork/java/javase/downloads/index.html" target="_blank" class="link-external">Java SE 6 Update 25 JDK</a> downloaden.</li>
<li>Zur Installation .exe-Datei ausführen.</li>
</ol>
<h3>JavaFX 2.0 <a href="https://test.soziotech.org/glossar/sdk/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für SDK zu springen." onmouseover="tooltip.show('Software Development Kit; ist eine Sammlung von Werkzeugen und Anwendungen, um eine Software zu erstellen, meist inklusive Dokumentation. Mit diesem ist es Softwareentwicklern möglich, eigene darauf basierende Anwendungen zu erstellen. Grundsätzlich gibt es zu jeder Programmiersprache auch ein Software Development Kit - bei interpretierten Sprachen kann dies jedoch identisch mit der Laufzeitumgebung sein. ');" onmouseout="tooltip.hide();">SDK</a> (inkl. Runtime)</h3>
<p>Zusätzlich zur Java-Entwicklungsumgebung wird das JavaFX SDK benötigt.</p>
<ol>
<li><a href="http://www.oracle.com/technetwork/java/javafx/downloads/index.html" target="_blank" class="link-external">JavaFX SDK  Zip-Archiv</a> downloaden.</li>
<li> Archive auf lokalem System entpacken und darin befindliche .exe-Datei entsprechend nachfolgendem Screenshot ausführen.</li>
</ol>
<div class="ngg-singlepic ngg-center wp-caption">
<a rel="lightbox" href="https://test.soziotech.org/wp-content/uploads/javafx-production-suite/screen1.png" title="
			Bild zum Entpacken und Installieren des Java SDKs, Quelle: Blog - Schran.			" 

 >
	<img src="https://test.soziotech.org/wp-content/uploads/cache/362__x618_screen1.png" alt="Install SDK" title="Install SDK" />
</a>
			<p class="wp-caption-text">Install SDK <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-903-2" href="#note-903-2" onmouseover="tooltip.show('Bildquelle: Blog - Schran.');" onmouseout="tooltip.hide();"><sup>2</sup></a></p>
</div>

<h3>Netbeans 7.0 und JavaFX Plugin</h3>
<p>Als integrierte Entwicklungsumgebung wird aktuell lediglich die Netbeans IDE, nicht aber Eclipse unterstützt. Zur Integration von JavaFX wird ein zusätzliches Plugin benötigt.</p>
<ol>
<li>Aktuellen <a href="http://netbeans.org/downloads/index.html" target="_blank" class="link-external">Netbeans 7.0 Installer (Java SE/EE/all)</a> downloaden.</li>
<li>Installer für die Basis Version von Netbeans ausführen.</li>
<li>Zip-Archiv <a href="http://www.oracle.com/technetwork/java/javafx/downloads/index.html" target="_blank" class="link-external">JavaFX Plugin für Netbeans</a> downloaden</li>
<li>Archive auf dem lokalen System entpacken.</li>
<li>Netbeans IDE starten.</li>
<li> In der Menü-Leiste &#8222;Tools&#8220; wählen und  auf &#8222;Plugins&#8220; klicken, vgl. Abb. Install Plugin 1.</li>
<li>Register&#8220; Downloaded&#8220; wählen und auf &#8222;Add Plugins&#8230;&#8220; klicken, vgl. Abb. Install Plugin 2.</li>
<li> Im neu geöffneten Fenster zu den zuvor entpacketen Dateien navigieren, vgl. Abb. Install Plugin 3 &amp; 4.</li>
<li>Alle entpackten NBM-Dateien auswählen und &#8222;Open&#8220; klicken, vgl. Abb. Install Plugin 5.</li>
<li>Abschließend auf &#8222;Install&#8220; klicken und den Anweisungen des Netbeans Installer folgen, vgl. Abb. Install Plugin 6.</li>
</ol>

<p>Die notwendigen Komponenten zum Arbeiten mit JavaFX sind damit installiert und eingerichtet.</p>
<h3>Adobe Integration &#8211; JavaFX <a href="https://test.soziotech.org/glossar/production-suite/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Production Suite zu springen." onmouseover="tooltip.show('Verbindungsstück zwischen Entwickler und Designer für JavaFX. Es stellt Plugins für Adobe Illustrator und Photoshop sowie einen SVG-FXZ-Konverter zur Verfügung, mithilfe derer Grafiken in das JavaFX Format FXZ umgewandelt werden können. ');" onmouseout="tooltip.hide();">Production Suite</a></h3>
<p>Neben der Standardentwicklungsumgebung ist das Arbeiten mit Adobe Illustrator in Kombination mit der JavaFX Plugin Production Suite für vektorbasierten Grafiken sehr empfehlenswert, da die Vektordaten ohne Qualitätsverlust übernommen werden können. Eine Testversion der verschiedenen Adobe Produkt kann bei Bedarf auf der <a href="http://www.adobe.com/de/downloads/" target="_blank" class="link-external">Adobe Produktseite</a> heruntergeladen werden.</p>
<p>Die Production Suite ist zur Zeit noch nicht expliziet für JavaFX 2.0 verfügbar, zur älteren Version 1.3.1 gibt es hier eine <a href="http://www.oracle.com/technetwork/java/javafx/downloads/previous-jsp-137062.html" target="_blank" class="link-external">Downloadmöglichkeit</a>. Nach der Installation findet sich die Exportmöglichkeit des Plugins in Adobe Illustator unter Datei &gt; Save for JavaFX&#8230; .</p>
<h2>Hallo Welt! Beispielanwendung</h2>
<p>Nachdem alle Voraussetzungen geschaffen sind, zeigt dieser Abschnitt kurz den groben Aufbau einer Anwendung mit JavaFX 2.0 anhand eines beispielhaften Hallo Welt! Programms. Bei der Verwendung von Netbeans muss der Code hierfür noch nicht einmal selbst geschrieben werden, da dieser bei jedem Erzeugen einer JavaFX Main Class automatisch mit erstellt wird.</p>
<p>Als erstes wird eine Class Datei erzeugt, um zu sehen wie das von Netbeans erstellte Programm aussieht:</p>
<ol>
<li>Netbeans starten, sofern nicht noch geöffnet.</li>
<li>Unter &#8222;File&#8220; auf &#8222;New Projekt&#8220; bzw. auf den orangnen Ordner unter der Menüleiste klicken, vgl. Abb.&#8220;New Projekt 1.</li>
<li>In der Kategorie &#8222;Java&#8220; &#8222;Java FX Application&#8220; auswählen und dann &#8222;Next&#8220; klicken, vgl. Abb. New Projekt 2.</li>
<li>Unter &#8222;Project Name&#8220; kann ein beliebiger Name gewählt werden.</li>
<li>&#8222;Finish&#8220; klicken, vgl. Abb. New Projekt 3.</li>
</ol>
<p>Anschließend öffnet sich eine neue Main Class mit dem neu erstellten Hello World! Beispielprogramm.</p>

<p>Die neue Version von JavaFX versucht sich wieder mehr an der ursprünglichen Java Programmierung zu orientieren. So ist zum Beispiel die Main Class von Typ &#8222;.java&#8220; und nicht wie früher von Typ &#8222;.fx&#8220;. Weiterhin gibt es nun auch wieder eine echte main Methode wie schon in Java.</p>
<pre class="brush:jfx">    public static void main(String[] args) {
        Application.launch(HelloWorld.class, args);
    }</pre>
<p>Der &#8222;Lauch&#8220;- Befehl in der Main Methode führt die statische Methode &#8222;Start&#8220; der darin angegebenen Klasse aus. Gleich geblieben im Vergleich zu früheren Versionen von JavaFx ist der Aufbau im Sinne einer &#8222;Stage&#8220; und der beinhalteten &#8222;Scene&#8220;, wie die folgende Abbildung zeigt:</p>
<div class="ngg-singlepic ngg-center wp-caption">
<a rel="lightbox" href="https://test.soziotech.org/wp-content/uploads/campus-touchscreen-navigationssystem/javafx-hierachy.gif" title="
			Aufbau JavaFX Frame, Quelle: http://www.oracle.com/.			" 

 >
	<img src="https://test.soziotech.org/wp-content/uploads/cache/259__418x_javafx-hierachy.gif" alt="Aufbau JavaFX Frame" title="Aufbau JavaFX Frame" />
</a>
			<p class="wp-caption-text">Aufbau JavaFX Frame <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-903-3" href="#note-903-3" onmouseover="tooltip.show('Bildquelle: http://www.oracle.com/.');" onmouseout="tooltip.hide();"><sup>3</sup></a></p>
</div>

<p>Die nachfolgenden Befehle erzeugen die angesprochene Stage und ihre Scene sowie  eine Variable, die später den Inhalt der Application beinhalten soll.  Alle Objekte, die der Variable &#8222;root&#8220; zugeordnet werden, sind später auch  im Programm zu sehen.</p>
<pre class="brush:jfx">        primaryStage.setTitle("Hello World");
        Group root = new Group();
        Scene scene = new Scene(root, 300, 250, Color.LIGHTGREEN);</pre>
<p>Dies trifft zum Beispiel auf den folgenden Button &#8222;btn&#8220; zu, der zunächst definiert und dann mit einer Aktion belegt wird. Durch das Hinzufügen zu den Kindern des Wurzelelements taucht er im später sichtbaren Content-Bereich auf.</p>
<pre class="brush:jfx">        Button btn = new Button();
        btn.setLayoutX(100);
        btn.setLayoutY(80);
        btn.setText("Hello World");
        btn.setOnAction(new EventHandler&lt;ActionEvent&gt;() {
            public void handle(ActionEvent event) {
                System.out.println("Hello World");
            }
        });
        root.getChildren().add(btn);</pre>
<p>Durch drücken von &#8222;F6&#8243; oder dem grünen Pfeil unter der Menüleiste kann das Programm gestartet werden.</p><img src="https://analytics.flottmedia.com/piwik/piwik.php?idsite=2&amp;rec=1&amp;url=https%3A%2F%2Ftest.soziotech.org%2Fhowto-erste-schritte-mit-javafx-2-0%2F&amp;action_name=Howto+%26%238211%3B+Erste+Schritte+mit+JavaFX+2.0&amp;urlref=http%3A%2F%2Ffeeds.feedburner.com%2Fsoziotech" style="border:0;width:0;height:0" width="0" height="0" alt="" /><div class="simple-footnotes"><h2 class="notes">Quellen und Fußnoten:</h2><ol><li id="note-903-1">Zum Verfassungzeitpunkt dieses Artikels ist bereits Update 25 aktuell und wird entsprechend genutzt. <a class="simple-footnote-backlink" href="#return-note-903-1">&#8617;</a></li><li id="note-903-2">Bildquelle: Blog - Schran. <a class="simple-footnote-backlink" href="#return-note-903-2">&#8617;</a></li><li id="note-903-3">Bildquelle: <a class="link-external" href="http://www.oracle.com/" title="Go to external Source" >http://www.oracle.com/</a>. <a class="simple-footnote-backlink" href="#return-note-903-3">&#8617;</a></li></ol></div><div class='yarpp-related-rss yarpp-related-none'>
<p>Keine ähnlichen Artikel.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>https://test.soziotech.org/howto-erste-schritte-mit-javafx-2-0/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
