<?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="pt-BR">
  <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>Como uma excepção especial, os detentores dos direitos autorais dão a você permissão para copiar, modificar e distribuir o código exemplo contido nesta documentação sob os termos de sua escolha, sem restrição.</p>

</license>

    <desc>Elementos, renderização e animação da interface de usuário padrão.</desc>
  <credit type="translator copyright"><name>Enrico Nicoletto</name><email>liverig@gmail.com</email><years>2009</years></credit><credit type="translator copyright"><name>Rafael Fontenelle</name><email>rafaelff@gnome.org</email><years>2013, 2014, 2016, 2017</years></credit><credit type="translator copyright"><name>Isaac Ferreira Filho</name><email>isaacmob@riseup.net</email><years>2018</years></credit></info>

<title>Interface de usuário &amp; gráficos</title>

<list>
 <item>
  <p><em style="strong">Use um único kit de ferramenta para todos os widgets padrões em seu aplicativo</em></p>
 </item>
 <item>
  <p><em style="strong">Crie interfaces gráficas rápidas e ricas visualmente</em></p>
 </item>
 <item>
  <p><em style="strong">Tenha gráficos de alta qualidade, suavizados (anti-aliasing) e independente de resolução</em></p>
 </item>
 <item>
  <p><em style="strong">Adicione facilmente funcionalidade web a seu aplicativo</em></p>
 </item>
 <item>
  <p><em style="strong">Acesse tecnologias assistivas incorporadas</em></p>
 </item>
</list>

<p>Use as poderosas fundações da plataforma do GNOME para criar interfaces de usuário consistentes e flexíveis. Disponibilize seus aplicativos para a audiência mais ampla possível implantando-os em outras plataformas. Elementos UI padrões são acessíveis por padrão, é fácil adicionar suporte a acessibilidade para qualquer elemento personalizado de UI que você criar.</p>

<section id="what">
 <title>O que você pode fazer?</title>

  <p>For applications with <em style="strong">standard controls</em> which
  would be familiar to most users, use
  <em style="strong"><link xref="tech-gtk">GTK</link></em>. Every application
  that is part of GNOME uses GTK, so use it to be consistent, and to access
  the many widgets and features such as printing support and CSS theming.</p>

  <p><em style="strong">Animações, efeitos e layouts fluidos</em> são fáceis com <em style="strong"><link xref="tech-clutter">Clutter</link></em>, e ele também oferece suporte a entrada por toque e gestos.</p>

  <p><em style="strong">High quality, antialiased and resolution-independent 2D
  graphics</em> are provided by
  <em style="strong"><link xref="tech-cairo">Cairo</link></em>. Cairo is used
  for drawing widgets in GTK, and can also be used to output to PDF and
  SVG.</p>

  <p><em style="strong"><link xref="tech-webkit">WebKitGTK</link></em> makes
  it easy to add <em style="strong">web functionality</em> to your
  application, whether that is rendering an HTML file or having a complete
  HTML5 UI.</p>

  <p>GTK, Clutter and WebKitGTK have <em style="strong">built-in support for
  assistive technologies</em> with
  <em style="strong"><link xref="tech-atk">ATK</link></em>. Use Orca, Caribou
  OSK, and the GTK built-in accessibility tools, or build custom tools on top
  of 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>Exemplos do mundo real</title>

  <p>Você pode ver muitos aplicativos do mundo real de tecnologias de UI do GNOME em projetos de código aberto, como os exemplos dados abaixo.</p>
  <list>
  <item>
    <p><em style="strong">Web</em> is the GNOME browser, which uses GTK and
    WebKitGTK, and is fully accessible.</p>
    <p>( <link href="https://wiki.gnome.org/Apps/Web">Site</link> | <link href="https://gitlab.gnome.org/GNOME/epiphany/">Código-fonte</link> )</p>
  </item>
  <item>
    <p><em style="strong">MonoDevelop</em> é uma IDE multiplataforma projetada para C# e outras linguagens .NET. Ela funciona no Linux, Mac OS e Windows</p>
    <p>( <link href="https://www.monodevelop.com/">Site</link> | <link href="https://www.monodevelop.com/screenshots/">Capturas de tela</link> | <link href="https://github.com/mono/monodevelop">Código-fonte</link> )</p>
  </item>
  <item>
    <p><em style="strong">Vídeos</em> é o reprodutor de multimídia do GNOME e usa Clutter para exibir o conteúdo do vídeo.</p>
    <p>( <link href="https://wiki.gnome.org/Apps/Videos">Site</link> | <link href="https://gitlab.gnome.org/GNOME/totem/">Código-fonte</link> )</p>
  </item>
 </list>
</section>
</page>
