<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" xmlns:uix="http://projectmallard.org/experimental/ui/" type="topic" id="sliders" lang="es">

  <info>
    <credit type="author">
      <name>Allan Day</name>
      <email>aday@gnome.org</email>
    </credit>
    <credit>
      <name>Calum Benson</name>
    </credit>
    <credit>
      <name>Adam Elman</name>
    </credit>
    <credit>
      <name>Seth Nickell</name>
    </credit>
    <credit>
      <name>Colin Robertson</name>
    </credit>

    <link type="guide" xref="ui-elements"/>
    <uix:thumb mime="image/svg" src="figures/ui-elements/sliders.svg"/>

    <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-Share Alike 4.0 International License</link>.</p>

</license>
  <credit type="translator copyright"><name>Daniel Mustieles</name><email>daniel.mustieles@gmail.com</email><years>2011 - 2021</years></credit><credit type="translator copyright"><name>Alex Puchades</name><email>alex94puchades@gmail.com</email><years>2015</years></credit><credit type="translator copyright"><name>Nicolás Satragno</name><email>nsatragno@gnome.org</email><years>2013</years></credit><credit type="translator copyright"><name>Benjamín Valero Espinosa</name><email>benjavalero@gmail.com</email><years>2011</years></credit><credit type="translator copyright"><name>Jorge González</name><email>jorgegonz@svn.gnome.org</email><years>2009</years></credit><credit type="translator copyright"><name>Rosa Elena Pérez</name><email>rozydicemiau@gmail.com</email><years>2014</years></credit><credit type="translator copyright"><name>Oscar Rafael Arachi</name><email>arachi910@gmail.com</email><years>2014 - 2015</years></credit><credit type="translator copyright"><name>Miguel Ajuech</name><email>miguel.ann.28@gmail.com</email><years>2014</years></credit><credit type="translator copyright"><name>Adrián Pérez Domínguez</name><email>adrian@aztli.org</email><years>2015</years></credit><credit type="translator copyright"><name>Celina Osorio Ochoa</name><email>chelinoska@gmail.com</email><years>2015</years></credit><credit type="translator copyright"><name>Dario Amigon Espinoza</name><email>daramigon@gmail.com</email><years>2015</years></credit><credit type="translator copyright"><name>Yenisei Ramírez Pérez</name><email>yeniseirape@gmail.com</email><years>2015</years></credit><credit type="translator copyright"><name>José Roberto Ramíres Mendoza</name><email>aczella@gmail.com</email><years>2015</years></credit><credit type="translator copyright"><name>Bernardo Sánchez Romero</name><email>b.sanchez.rom@gmail.com</email><years>2015</years></credit><credit type="translator copyright"><name>Emmanuel Márquez Juárez</name><email>resident3333@gmail.com</email><years>2015</years></credit><credit type="translator copyright"><name>David Romero Serrano</name><email>lemi136@hotmail.com</email><years>2015</years></credit><credit type="translator copyright"><name>Omar Garcia Guzman</name><email>garciag.omar91@gmail.com</email><years>2015</years></credit><credit type="translator copyright"><name>Edilberto Huerta Niño</name><email>edilberto.huerta0290@gmail.com</email><years>2015</years></credit></info>

<title>Deslizadores</title>

<p>Un deslizador permite al usuario seleccionar un valor de un rango.</p>

<media type="image" mime="image/svg" src="figures/ui-elements/sliders.svg"/>

<section id="when-to-use">
<title>Cuándo usarlas</title>

<p>Los deslizadores se pueden usar para cambiar un valor, o para navegar por un elemento de contenido, como vídeo, una canción o incluso documentos. Los usos más habituales son para vídeo o sonidos, cambiar el nivel de ampliación o de volumen o establecer valores en editores de imágenes.</p>

<p>Use un deslizador cuando:</p>

<list>
<item><p>El rango de valores es fijo y ordenado, y cuando se ajusta el valor relativo a su valor actual es más importante que elegir un valor absoluto.</p></item>
<item><p>Es conveniente para el usuario controlar la velocidad de cambio del valor en tiempo real.</p></item>
</list>

<p>El rango de valores no tiene fijado un máximo y/o mínimo, se puede usar un <link xref="spin-boxes">botón incremental</link>.</p>

</section>

<section id="guidelines">
<title>Guías</title>

<list>
<item><p>Asegúrese de que se proporciona una retroalimentación en tiempo real, para permitir que el usuario haga ajustes en vivo. Por ejemplo, el sonido de los altavoces, indicando los cambios de volumen, o retroalimentación en directo en un editor de imágenes.</p></item>
<item><p>Asegúrese de que el propósito de un deslizador se identifica claramente.</p>
<list>
<item><p>En casos donde se usa comúnmente un deslizador, siga las convenciones de colocación. Por ejemplo, en el reproductor de vídeo, es común situar una barra de búsqueda horizontal a lo largo de la parte inferior de la ventana. Simplemente colocando un deslizador en esta posición es suficiente para identificarlo.</p></item>
<item><p>En otro caso, etiquetar el deslizador con una etiqueta de texto por encima o a la izquierda, usando <link xref="writing-style#capitalization">una sentencia en mayúsculas</link>. Proporcione una <link xref="keyboard-input#access-keys">tecla de acceso </link> en la etiqueta que permita al usuario dar el foco directamente al deslizador.</p></item>
</list></item>
<item><p>Marcar valores significantes a lo largo de la longitud del deslizador con texto o marcas. Por ejemplo, puntos a la izquierda, derecha y centro en un control de balance de sonido.</p></item>
<item><p>Para grandes rangos de enteros (alrededor de más de 20), y para rangos de números de coma flotante, considere proporcionar una <link xref="text-fields">caja de texto</link> o un <link xref="spin-boxes">botón incremental</link> que esté ligado al valor del deslizador. Esto permite que el usuario ajuste rápidamente o realice un ajuste fino fácilmente en lugar de hacerlo solo con el control del deslizador. </p></item>
</list>

</section>

<section id="api-reference">
<title>Referencia de la API</title>

<list>
<item><p><link href="https://developer.gnome.org/gtk3/stable/GtkHScale.html">GtkHSCale</link></p></item>
<item><p><link href="https://developer.gnome.org/gtk3/stable/GtkHScale.html">GtkVSCale</link></p></item>
</list>

</section>

</page>
