<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="de">
	<id>https://sibiwiki.de/wiki/index.php?action=history&amp;feed=atom&amp;title=GUI-Building</id>
	<title>GUI-Building - Versionsgeschichte</title>
	<link rel="self" type="application/atom+xml" href="https://sibiwiki.de/wiki/index.php?action=history&amp;feed=atom&amp;title=GUI-Building"/>
	<link rel="alternate" type="text/html" href="https://sibiwiki.de/wiki/index.php?title=GUI-Building&amp;action=history"/>
	<updated>2026-04-18T01:21:27Z</updated>
	<subtitle>Versionsgeschichte dieser Seite in SibiWiki</subtitle>
	<generator>MediaWiki 1.37.1</generator>
	<entry>
		<id>https://sibiwiki.de/wiki/index.php?title=GUI-Building&amp;diff=1481&amp;oldid=prev</id>
		<title>Akaibel: /* Trennung von Logik und GUI */</title>
		<link rel="alternate" type="text/html" href="https://sibiwiki.de/wiki/index.php?title=GUI-Building&amp;diff=1481&amp;oldid=prev"/>
		<updated>2014-04-11T08:38:43Z</updated>

		<summary type="html">&lt;p&gt;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Trennung von Logik und GUI&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 11. April 2014, 08:38 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l15&quot;&gt;Zeile 15:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 15:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;'''Erläuterung:'''&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;'''Erläuterung:'''&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Jedes Objekt der GUI-Klasse '''kennt''' ein Objekt der Logik-Klasse.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Jedes Objekt der GUI-Klasse '''kennt''' ein Objekt der Logik-Klasse.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Jedes Objekt der Logik-Klasse '''&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;besitzt&lt;/del&gt;''' &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;(und &lt;/del&gt;'''&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;kennt&lt;/del&gt;''') &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;ein &lt;/del&gt;Objekt der GUI-Klasse. &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Die Logik-Klasse &lt;/del&gt;ist &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;der Besitzer, weil sie in der Regel &lt;/del&gt;zuerst da &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;ist!&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Jedes Objekt der Logik-Klasse '''&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;kennt&lt;/ins&gt;''' &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;ein Objekt der GUI-Klasse. &lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* Das Objekt der Logik-Klasse &lt;/ins&gt;'''&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;besitzt&lt;/ins&gt;''' &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;(in der Regel&lt;/ins&gt;) &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;das &lt;/ins&gt;Objekt der GUI-Klasse. &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Hier ist einfach die Frage zu beantworten: ''Wer &lt;/ins&gt;ist zuerst da&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;?''&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Es ist notwendig, dass sich die beiden Klassen gegenseitig kennen, damit sie in der jeweils anderen Klasse Methoden aufrufen können.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Es ist notwendig, dass sich die beiden Klassen gegenseitig kennen, damit sie in der jeweils anderen Klasse Methoden aufrufen können.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Akaibel</name></author>
	</entry>
	<entry>
		<id>https://sibiwiki.de/wiki/index.php?title=GUI-Building&amp;diff=1480&amp;oldid=prev</id>
		<title>Akaibel: Die Seite wurde neu angelegt: „Kategorie:Informatik  * GUI = graphical user interface. * Hier wird beschrieben, wie man einfach grafische Oberflächen bauen kann.  ''Diese Seite ist noch…“</title>
		<link rel="alternate" type="text/html" href="https://sibiwiki.de/wiki/index.php?title=GUI-Building&amp;diff=1480&amp;oldid=prev"/>
		<updated>2014-04-11T06:51:09Z</updated>

		<summary type="html">&lt;p&gt;Die Seite wurde neu angelegt: „&lt;a href=&quot;/wiki/index.php?title=Kategorie:Informatik&quot; title=&quot;Kategorie:Informatik&quot;&gt;Kategorie:Informatik&lt;/a&gt;  * GUI = graphical user interface. * Hier wird beschrieben, wie man einfach grafische Oberflächen bauen kann.  &amp;#039;&amp;#039;Diese Seite ist noch…“&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Neue Seite&lt;/b&gt;&lt;/p&gt;&lt;div&gt;[[Kategorie:Informatik]]&lt;br /&gt;
&lt;br /&gt;
* GUI = graphical user interface.&lt;br /&gt;
* Hier wird beschrieben, wie man einfach grafische Oberflächen bauen kann.&lt;br /&gt;
&lt;br /&gt;
''Diese Seite ist noch im Aufbau.''&lt;br /&gt;
&lt;br /&gt;
=Trennung von Logik und GUI=&lt;br /&gt;
Es ist absolut empfehlenswert, die Logik und die GUI auf zwei Klassen aufzuteilen.&lt;br /&gt;
&lt;br /&gt;
Dafür muss eine 1:1-Beziehung zwischen der Logik und der GUI bestehen:&lt;br /&gt;
&lt;br /&gt;
[[Datei:Gui-logik-klassendiagramm.png]]&lt;br /&gt;
&lt;br /&gt;
'''Erläuterung:'''&lt;br /&gt;
* Jedes Objekt der GUI-Klasse '''kennt''' ein Objekt der Logik-Klasse.&lt;br /&gt;
* Jedes Objekt der Logik-Klasse '''besitzt''' (und '''kennt''') ein Objekt der GUI-Klasse. Die Logik-Klasse ist der Besitzer, weil sie in der Regel zuerst da ist!&lt;br /&gt;
&lt;br /&gt;
Es ist notwendig, dass sich die beiden Klassen gegenseitig kennen, damit sie in der jeweils anderen Klasse Methoden aufrufen können.&lt;br /&gt;
&lt;br /&gt;
==Implementierung==&lt;br /&gt;
Im Java-Quellcode sieht das dann so aus:&lt;br /&gt;
&lt;br /&gt;
'''Logik-Klasse:'''&lt;br /&gt;
&amp;lt;code&amp;gt;&lt;br /&gt;
  import java.util.Vector;&lt;br /&gt;
 &lt;br /&gt;
  public class CelebritiesLogik {&lt;br /&gt;
    private Vector&amp;lt;Person&amp;gt; celebritiesVector;&lt;br /&gt;
    &amp;lt;u&amp;gt;private CelebritiesGUI gui;&amp;lt;/u&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
    public CelebritiesLogik(Person[] celebritiesArray){&lt;br /&gt;
        celebritiesVector = new Vector&amp;lt;Person&amp;gt;();&lt;br /&gt;
        for (int i = 0; i &amp;lt; celebritiesArray.length; i++) {&lt;br /&gt;
            celebritiesVector.add(celebritiesArray[i]);&lt;br /&gt;
        }&lt;br /&gt;
        &amp;lt;u&amp;gt;gui = new CelebritiesGUI(this);&amp;lt;/u&amp;gt;&lt;br /&gt;
        gui.setVisible(true);&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
    public static void main(String[] args) {&lt;br /&gt;
        Person[] celebrities = Celebrities.celebritiesArray();&lt;br /&gt;
        CelebritiesLogik cl = new CelebritiesLogik(celebrities);&lt;br /&gt;
        &lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&amp;lt;/code&amp;gt;&lt;br /&gt;
&lt;br /&gt;
'''GUI-Klasse:'''&lt;br /&gt;
&amp;lt;code&amp;gt;&lt;br /&gt;
  import javax.swing.WindowConstants;&lt;br /&gt;
  import javax.swing.SwingUtilities;&lt;br /&gt;
 &lt;br /&gt;
  public class CelebritiesGUI extends javax.swing.JFrame {&lt;br /&gt;
    &amp;lt;u&amp;gt;private CelebritiesLogik celebritiesLogik;&amp;lt;/u&amp;gt;&lt;br /&gt;
  &lt;br /&gt;
    public CelebritiesGUI(&amp;lt;u&amp;gt;CelebritiesLogik celebritiesLogik&amp;lt;/u&amp;gt;) {&lt;br /&gt;
        super();&lt;br /&gt;
        &amp;lt;u&amp;gt;this.celebritiesLogik = celebritiesLogik;&amp;lt;/u&amp;gt;&lt;br /&gt;
        initGUI();&lt;br /&gt;
    }&lt;br /&gt;
    &lt;br /&gt;
    private void initGUI() {&lt;br /&gt;
        try {&lt;br /&gt;
            setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE);&lt;br /&gt;
            pack();&lt;br /&gt;
            setSize(400, 300);&lt;br /&gt;
        } catch (Exception e) {&lt;br /&gt;
            //add your error handling code here&lt;br /&gt;
            e.printStackTrace();&lt;br /&gt;
        }&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
'''Erläuterung:'''&lt;br /&gt;
* Jede Klasse hat ein Attribut für ein Objekt der jeweils anderen Klasse.&lt;br /&gt;
* Der Konstruktor der '''GUI''-Klasse hat einen Parameter für ein Objekt der Logik-Klasse; dieser Parameter wird in das Attribut eingetragen.&lt;br /&gt;
* In der '''Logik'''-Klasse wird im Konstruktor ein Objekt der GUI-Klasse erzeugt.&lt;br /&gt;
* Beim Erzeugen übergibt die Logik-Klasse eine Referenz auf sich selbst: &amp;lt;code&amp;gt;new CelebritiesGUI(&amp;lt;u&amp;gt;this&amp;lt;/u&amp;gt;)&amp;lt;/code&amp;gt;&lt;br /&gt;
So sind dann die beiden Klassen miteinander bekannt!&lt;/div&gt;</summary>
		<author><name>Akaibel</name></author>
	</entry>
</feed>