ventajas studio son programacion móviles las desventajas desarrollo cuáles curso aplicaciones html css image

html - studio - ¿Cuáles son las ventajas de usar un botón sin imágenes?



manual de programacion android pdf (4)

La discusión sobre esta respuesta a la pregunta " ¿Cómo puedo usar el nuevo botón sin imágenes de Google? " Ha provocado esta pregunta.

Google parece pensar que pasar sin imagen es bueno por alguna razón, pero por los comentarios citados, no veo la ventaja. ¿Vale la pena enviar docenas de líneas de HTML y quién sabe cuánto CSS renderizará estos botones sin imágenes, en lugar de simplemente cargar otra imagen, especialmente cuando técnicas como sprites CSS están disponibles?

¿Cuándo se preferiría esta técnica? La otra pregunta pregunta cómo se puede hacer, pero quiero saber por qué debería hacerse.


  1. Localización (es más fácil traducir texto que imágenes)
  2. Despellejar / tematizar (es más fácil cambiar la apariencia con un solo CSS que recrear múltiples imágenes)
  3. Accesibilidad (los lectores de pantalla pueden leer correctamente, la escala de texto funciona correctamente)
  4. Rendimiento (el CSS se comparte y, por lo tanto, se carga una vez desde el servidor)
  5. Funcionalidad (es más fácil expandir el botón con nuevos elementos UX como la flecha desplegable cuando no tiene que cambiar la imagen completa)

Por cierto, el botón "sin imágenes" también podría contener una imagen dentro de la plantilla visual. Este enfoque es bastante similar al enfoque de XAML para la creación de plantillas y el diseño del árbol visual.


  1. La carga de la página es más suave ya que no se deben cargar imágenes y aparecerá más tarde que el resto

  2. El texto del botón también se puede leer en caso de que alguien no pueda leer / ver imágenes, pero tiene el aspecto gráfico. (Construir un botón gráfico con imágenes de la manera tradicional alrededor del texto real es tan complicado como este método)

  3. Como mencionaron en su blog, estos botones son personalizables sin crear y almacenar imágenes personalizadas.

Básicamente, obtienes todas las ventajas de los botones de texto sin formato sobre las imágenes personalizadas, a la vez que tienes un aspecto gráfico agradable y personalizable.


¿No se hace esto porque la altura del botón puede variar (por ejemplo, el tamaño del texto)?


Creo que en este caso específico solo puedo ver la ventaja de que los botones se pueden generar programáticamente. Si no sabe lo que dirá su botón, probablemente sea fácil hacerlo de esta manera que generarlo utilizando algún tipo de generador de biblioteca de imágenes.

También cambiar un CSS puede hacer que cambies la apariencia de todos los botones a la vez. Con los botones de imagen, deberá actualizar todos y cada una de las imágenes.