<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" type="topic" id="overlaid-controls" xml:lang="sv">

  <info>
    <link type="guide" xref="patterns#secondary"/>
    <desc>Svävande komponenter, ofta använda för bilder och videokomponenter</desc>
    <credit type="author">
      <name>Allan Day</name>
      <email>aday@gnome.org</email>
    </credit>
    <include xmlns="http://www.w3.org/2001/XInclude" href="legal.xml"/>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Anders Jonsson</mal:name>
      <mal:email>anders.jonsson@norsjovallen.se</mal:email>
      <mal:years>2015, 2018</mal:years>
    </mal:credit>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Sebastian Rasmussen</mal:name>
      <mal:email>sebras@gmail.com</mal:email>
      <mal:years>2017, 2018</mal:years>
    </mal:credit>
  </info>

<title>Överdragskomponenter</title>

<media type="image" mime="image/svg" src="figures/patterns/overlaid-controls.svg"/>

<p>Tillfälliga komponenter som svävar ovanför innehåll är ett vanligt mönster för program som visar bilder eller video.</p>

<section id="when-to-use">
<title>När ska de användas</title>

<p>Eftersom överdragskomponenter döljs då de inte används så hjälper det till att tillhandahålla en stilren visningsupplevelse. De är lämpliga då det är önskvärt att presentera en ren och distraktionsfri vy för ett innehållsobjekt — detta är speciellt lämpligt (men inte bara då) för bilder och videoklipp.</p>

<p>Överdragskomponenter kan vara olämpliga om de döljer relevanta delar av innehållet under. Komponenter för bildredigering kan exempelvis störa förmågan att se de effekter som de har. I dessa fall bör komponenter inte vara överdragna.</p>

</section>

<section id="guidelines">
<title>Riktlinjer</title>

<list>
<item><p>Följ etablerade konventioner för denna komponenttyp, så som vänster-/högerknappar för bläddring i bildvisare, och uppspelningskomponenter längst ner för videoklipp.</p></item>
<item><p>Komponenter bör visas när pekaren dras över innehållet, eller när det trycks på (på pekenheter).</p></item>
<item><p>Överdragskomponenter kan fästas vid kanten på innehållet/fönstret, eller kan sväva fritt. <link xref="action-bars">Åtgärdsrader</link> kan betraktas som överdragskomponenter.</p></item>
<item><p>Använd standardtemats ”OSD”-stil för överdragskomponenter.</p></item>
</list>

</section>

</page>
