mozilla
Los resultados de tu búsqueda

    Botón

    Realiza una acción cuando es pulsado por el usuario. Son objetos de interfaz de usuario que tienen una amplia variedad de estilos. Consulta la Guía de codificación para informarte sobre cómo implementar botones con un aspecto como los que aquí se describen.

    Características

    • Los botones tienen dos componentes: un objetivo visual y un objetivo de contacto. El objetivo de contacto es siempre más grande, con el fin de reducir los errores de contacto haciendo el botón más fácil de presionar.
    • Los botones tienen dos estado: normal y presionado.
    • Los botones también pueden ser deshabilitados, lo que significa que no pueden ser activados por el usuario, y se muestran atenuados para indicar que han sido deshabilitados.

    Hay multiples tipo de botones:

    Botones de acción
    Se utilizan cuando solo hay unas pocas acciones y no es necesaria una lista. La acción principal del botón utiliza un color especial resatado para indicar que es la opción principal.
    Botones de lista
    Se utilizan para mostrar una lista de acciones,  o para activar la presentación de un valor de selección.
    Botones de campo de entrada
    Se utilizan para llevar a cabo acciones con campos de entrada.
    Botones especiales/pesonalizados
    Se utilizan para proporcionar acciones específicas incluyendo grabar, llamar y similares.

    Visualización

    Aquí hay varios ejemplos visuales de cómo deberían verse los botones. No olvides que puedes usar la hoja de estilos y los recursos de imágenes proporcionados en la Guía de codificación para implementarlos.

    Botones de acción

    Se utilizan cuando solo hay unas pocas acciones y no es necesaria una lista. La acción principal del botón utiliza un color especial resatado para indicar que es la opción principal.

      Acción principal Acción secundaria Borrar
    Normal
    Presionado
    Deshabilitado

    Sobre fondo oscuro, los botones deshabilitados tienen un aspecto especial, como se ve abajo.

      Acción principal Acción secundaria
    Disabled

    Botones de lista

    Se utilizan para mostrar una lista de acciones,  o para activar la presentación de un valor de selección.

    Desencadenar acciones

      Desecadenar una acción en la vista actual Desencadenar una acción en una nueva vista Mostrar un selector de valores
    Normal
    Presionado
    Deshabilitado

    Selección de valores

    Una vez que se abre un selector de valores, necesitarás al menos un botón en el panel de selección de valores para descartar el valor seleccionado. Estos botones deberían tener el siguiente aspecto:

    Normal Presionado Deshabilitado

    Botones de campos de entrada

    Los botones de campos de entrada son botones asociados a un campo de entrada, que cuando se presionan, llevan a cabo una acción relacionada con ese campo de entrada.

    Normal Presionado Deshabilitado

    Botones especiales

    Los botones especiales son botones visuales al estilo icono que se utilizan para propósitos especiales, tales como operar con la cámara del dispositivo, contestar o colgar el teléfono y activar el teclado de llamada. Por supuesto puedes encontrar otras utilidades a estos botones especiales.

    Botones de cámara

    Estos botones no tienen estado deshabilitado; simplemente no los muestras si la ocpión de tomar fotos no está disponible.

      Grabar video Detener grabación video Tomar foto
    Normal
    Presionado

    Botones de teléfono

      Descolgar Colgar Ocultar teclado
    Normal
    Presionado
    Deshabilitado

    Botones personalizados

    Estos son ejemplos de botones personalizados; en este caso, para añadir un contacto.

    Normal
    Presionado
    Deshabilitado

    Ver también

    Etiquetas y colaboradores del documento

    Contributors to this page: maedca, voylinux
    Última actualización por: voylinux,
    Ocultar la barra lateral