Candy Controles — casilla, interruptor y deslizador

Controles a 30px, del tamaño que un pulgar acierta sin apuntar. El recorrido del interruptor es lo bastante largo como para que el tirador se mueva de forma visible en vez de dar un tirón, porque en una pantalla táctil la animación es la única respuesta que hay.

El conjunto cubre los cuatro controles que una pantalla de ajustes necesita de verdad: una casilla, un botón de radio, un interruptor y un deslizador con tirador aparte. Cada control con estado incluye ambos estados como archivo propio, sobre una base de 30×30 — el interruptor mide 60×30 y la guía del deslizador 240 px de ancho para poder aplicarle nine-slice a cualquier longitud.

Encendido y apagado están dibujados como formas distintas, no como colores distintos. Una casilla sin marcar es un hueco vacío; una marcada es una superficie rellena con una marca recortada. Eso importa porque la pantalla de ajustes es justo donde es más probable que un jugador tenga activado un modo para daltónicos, un shader en escala de grises o un postprocesado muy teñido — y un estado que solo se lee por el matiz desaparece bajo los tres.

El deslizador viene como guía y tirador en vez de como un solo sprite. Animar un deslizador de una pieza obliga a redibujarlo por cada valor; con dos piezas estiras el relleno y mueves el tirador, que es justo lo que ya espera cualquier toolkit de interfaz. El tirador lleva una muesca central para que su giro y su posición sigan siendo legibles a tamaños pequeños.

Todo se incluye como SVG editable y como PNG plano transparente en 1x, 2x y 4x, dibujado con los mismos seis tonos de crema cálido que el resto de la familia Candy.

Creative Commons Atribución 4.0 — Gratis para uso comercial. Atribución obligatoria. Términos completos · Qué significa en la práctica