<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" xmlns:its="http://www.w3.org/2005/11/its" type="topic" style="task" id="overview-ui" lang="de">
  <info>
    <link type="guide" xref="index" group="ui"/>
    <revision version="0.1" date="2013-06-19" status="stub"/>

    <credit type="author copyright">
      <name>Michael Hill</name>
      <email its:translate="no">mdhillca@gmail.com</email>
      <years>2013</years>
    </credit>

    <license xmlns="http://projectmallard.org/1.0/" href="http://creativecommons.org/licenses/by-sa/4.0/">

  <p>This work is licensed under a
  <link href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons
  Attribution-ShareAlike 4.0 International</link> license.</p>

  <p>Als besondere Ausnahme gewähren die Besitzer des Urheberrechts Erlaubnis, den Beispiel-Code in diesem Dokument zu kopieren, verändern und weiterzugeben, unter den Bedingungen Ihrer Wahl, ohne Einschränkungen.</p>

</license>

    <desc>Standardelemente der Benutzeroberfläche, Darstellung und Animation.</desc>
  <credit type="translator copyright"><name>Mario Blättermann</name><email>mario.blaettermann@gmail.com</email><years>2009-2012, 2016</years></credit><credit type="translator copyright"><name>Christian Kirbach</name><email>christian.kirbach@gmail.com</email><years>2011, 2012, 2015, 2017, 2018</years></credit><credit type="translator copyright"><name>Aljosha Papsch</name><email>al@rpapsch.de</email><years>2012</years></credit><credit type="translator copyright"><name>Tim Sabsch</name><email>tim@sabsch.com</email><years>2019</years></credit></info>

<title>Benutzerschnittstelle und Grafiken</title>

<list>
 <item>
  <p><em style="strong">Verwenden Sie ein einziges Toolkit für alle Standard-Widgets in Ihrer Anwendung</em></p>
 </item>
 <item>
  <p><em style="strong">Erstellen Sie schnelle, visuell ansprechende grafische Benutzeroberflächen</em></p>
 </item>
 <item>
  <p><em style="strong">Verwenden Sie qualitativ hochwertige und auflösungsunabhängige Grafiken mit Kantenglättung</em></p>
 </item>
 <item>
  <p><em style="strong">Bauen Sie einfach Web-Funktionalität in Ihre Anwendung ein</em></p>
 </item>
 <item>
  <p><em style="strong">Nutzen Sie eingebaute Barrierefreiheits-Technologien</em></p>
 </item>
</list>

<p>Verwenden Sie die leistungsfähige Basis der GNOME-Plattform zum Erstellen konsistenter und flexibler Benutzeroberflächen. Machen Sie Ihre Anwendungen breitesten Benutzerkreisen zugänglich, indem Sie sie an andere Plattformen anpassen. Elemente der Benutzeroberfläche sind stets barrierefrei. Auch für eigene UI-Elemente ist es einfach, sie barrierefrei zu gestalten.</p>

<section id="what">
 <title>Was können Sie tun?</title>

  <p>Für Anwendungen mit <em style="strong">Standard-Bedienelementen</em>, mit denen die meisten Benutzer vertraut sind, verwenden Sie <em style="strong"><link xref="tech-gtk">GTK</link></em>. Jede Anwendung, die Teil von GNOME ist, verwendet GTK, so dass Sie damit Konsistenz erreichen und auf viele Widgets und Funktionsmerkmale wie Druckunterstützung und CSS-Themen zurückgreifen können.</p>

  <p><em style="strong">Animationen, Effekte und fließenden Layouts</em> erreichen Sie einfach mit <em style="strong"><link xref="tech-clutter">Clutter</link></em>, welches auch Touch-Eingaben und Gesten unterstützt.</p>

  <p><em style="strong">Qualitativ hochwertige und auflösungsunabhängige 2D-Grafiken mit Kantenglättung</em> werden durch <em style="strong"><link xref="tech-cairo">Cairo</link></em> zur Verfügung gestellt. Cairo wird für das Zeichnen von widgets in GTK verwendet und kann Inhalte auch in PDF und SVG ausgeben.</p>

  <p><em style="strong"><link xref="tech-webkit">WebKitGTK</link></em> macht es Ihnen leicht, <em style="strong">Web-Funktionalität</em> in Ihre Anwendung einzubauen, gleich ob es um die Darstellung einer HTML-Datei oder eine vollständige HTML5-UI geht.</p>

  <p>In GTK, Clutter und WebKitGTK ist die <em style="strong">Unterstützung für Barrierefreiheits-Technologien</em> mittels <em style="strong"><link xref="tech-atk">ATK</link></em> bereits eingebaut. Verwenden Sie Orca, die Bildschirmtastatur Caribou und die in GTK bereits eingebauten Barrierefreiheitswerkzeuge oder bauen Sie eigene Werkzeuge auf der Grundlage von ATK.</p>

</section>

<!-- TODO Link to code examples.
<section id="samples">
 <title>Code samples</title>
 <list>
  <item><p>A sample we should write</p></item>
  <item><p><link xref="samples">More…</link></p></item>
 </list>
</section>
-->

<section id="realworld">
 <title>Reale Beispiele</title>

  <p>Nachfolgend finden Sie einige Beispiele aus Anwendungen der realen Welt, in denen GNOME-UI-Technologien in Projekten der freien Software verwendet werden.</p>
  <list>
  <item>
    <p><em style="strong">Web</em> ist der Webbrowser für GNOME, der GTK und WebKitGTK verwendet und vollständig barrierefrei ist.</p>
    <p>( <link href="https://wiki.gnome.org/Apps/Web">Internetseite</link> | <link href="https://gitlab.gnome.org/GNOME/epiphany/">Quellcode</link> )</p>
  </item>
  <item>
    <p><em style="strong">MonoDevelop</em> ist eine plattformübergreifende integrierte Entwicklungsumgebung für C# und andere .NET-Sprachen. Sie funktioniert unter Linux, Mac OS X und Windows</p>
    <p>( <link href="https://www.monodevelop.com/">Internetseite</link> | <link href="https://www.monodevelop.com/screenshots/">Bildschirmfotos</link> | <link href="https://github.com/mono/monodevelop">Quellcode</link> )</p>
  </item>
  <item>
    <p><em style="strong">Videos</em> ist das Multimedia-Wiedergabeprogramm von GNOME, das Clutter zur Anzeige von Videoinhalten nutzt.</p>
    <p>( <link href="https://wiki.gnome.org/Apps/Videos">Internetseite</link> | <link href="https://gitlab.gnome.org/GNOME/totem/">Quellcode</link> )</p>
  </item>
 </list>
</section>
</page>
