stringtranslate.com

Widget gráfico

gtk3-demo, un programa para demostrar los widgets en GTK+ versión 3

Un widget gráfico (también elemento de control gráfico o control ) en una interfaz gráfica de usuario es un elemento de interacción , como un botón o una barra de desplazamiento . Los controles son componentes de software con los que un usuario de computadora interactúa a través de la manipulación directa para leer o editar información sobre una aplicación. Las bibliotecas de interfaz de usuario como Windows Presentation Foundation , Qt , GTK y Cocoa contienen una colección de controles y la lógica para representarlos. [1]

Cada widget facilita un tipo específico de interacción entre el usuario y la computadora, y aparece como una parte visible de la interfaz gráfica de usuario de la aplicación, tal como lo define el tema y lo representa el motor de representación. El tema hace que todos los widgets se adhieran a un diseño estético unificado y crea una sensación de cohesión general. Algunos widgets admiten la interacción con el usuario, por ejemplo, las etiquetas, los botones y las casillas de verificación . Otros actúan como contenedores que agrupan los widgets que se les agregan, por ejemplo, las ventanas , los paneles y las pestañas.

La estructuración de una interfaz de usuario con kits de herramientas de widgets permite a los desarrolladores reutilizar el código para tareas similares y proporciona a los usuarios un lenguaje común para la interacción, manteniendo la coherencia en todo el sistema de información.

Los constructores de interfaces gráficas de usuario facilitan la creación de GUI de manera WYSIWYG empleando un lenguaje de marcado de interfaz de usuario . Generan automáticamente todo el código fuente de un widget a partir de descripciones generales proporcionadas por el desarrollador, generalmente a través de manipulación directa .

Historia

Alrededor de 1920, la palabra widget entró en el inglés estadounidense como un término genérico para cualquier dispositivo útil, particularmente un producto fabricado para la venta; un gadget .

En 1988, el término widget aparece en el contexto del Proyecto Athena y el sistema X Window . En An Overview of the X Toolkit de Joel McCormack y Paul Asente, se dice: [2]

El kit de herramientas proporciona una biblioteca de componentes de interfaz de usuario ("widgets") como etiquetas de texto, barras de desplazamiento, botones de comando y menús; permite a los programadores escribir nuevos widgets y proporciona el pegamento para ensamblar los widgets en una interfaz de usuario completa.

El mismo año, en el manual X Toolkit Widgets - C Language X Interface de Ralph R. Swick y Terry Weissman, dice: [3]

En X Toolkit, un widget es la combinación de una ventana o subventana X y su semántica de entrada y salida asociada.

Finalmente, todavía en el mismo año, Ralph R. Swick y Mark S. Ackerman explican de dónde proviene el término widget : [4]

Elegimos este término porque todos los demás términos comunes estaban sobrecargados de connotaciones inapropiadas. Sin embargo, ofrecemos la observación a los escépticos de que la realización principal de un widget es su ventana X asociada y la letra inicial común no es inútil.

Uso

Ejemplo de widgets habilitados y deshabilitados; el marco en la parte inferior está deshabilitado, aparecen en gris.

Cualquier widget muestra una disposición de información que el usuario puede modificar, como una ventana o un cuadro de texto . La característica definitoria de un widget es proporcionar un único punto de interacción para la manipulación directa de un tipo determinado de datos. En otras palabras, los widgets son bloques de construcción visuales básicos que, combinados en una aplicación, contienen todos los datos procesados ​​por la aplicación y las interacciones disponibles sobre estos datos.

Los widgets de GUI son elementos gráficos que se utilizan para crear la interfaz hombre-máquina de un programa. Los widgets de GUI se implementan como componentes de software . Los kits de herramientas de widgets y los marcos de software, como por ejemplo GTK+ o Qt , los contienen en bibliotecas de software para que los programadores puedan usarlos para crear GUI para sus programas.

Se ha desarrollado una familia de widgets reutilizables comunes para almacenar información general basada en la investigación de Palo Alto Research Center Inc. para la interfaz de usuario de Xerox Alto . Varias implementaciones de estos widgets genéricos a menudo se empaquetan juntas en kits de herramientas de widgets , que los programadores usan para crear interfaces gráficas de usuario (GUI). La mayoría de los sistemas operativos incluyen un conjunto de widgets listos para personalizar que un programador puede incorporar en una aplicación, especificando cómo debe comportarse. [5] Cada tipo de widget generalmente se define como una clase mediante programación orientada a objetos ( OOP ). Por lo tanto, muchos widgets se derivan de la herencia de clases.

En el contexto de una aplicación, un widget puede estar habilitado o deshabilitado en un momento dado. Un widget habilitado tiene la capacidad de responder a eventos, como pulsaciones de teclas o acciones del mouse. Un widget que no puede responder a dichos eventos se considera deshabilitado. La apariencia de un widget generalmente difiere según esté habilitado o deshabilitado; cuando está deshabilitado, un widget puede dibujarse en un color más claro (" atenuado ") o estar oscurecido visualmente de alguna manera. Vea la imagen adyacente para ver un ejemplo.

La ventaja de desactivar los controles no disponibles en lugar de ocultarlos por completo es que se muestra a los usuarios que el control existe pero que no está disponible en ese momento (con la implicación de que cambiar algún otro control puede hacer que esté disponible), en lugar de dejar al usuario posiblemente con la incertidumbre de dónde encontrarlo. En los cuadros de diálogo emergentes, los botones pueden aparecer en gris poco después de su aparición para evitar clics accidentales o dobles toques involuntarios.

A veces los widgets se califican como virtuales para distinguirlos de sus contrapartes físicas, por ejemplo, botones virtuales en los que se puede hacer clic con un puntero , frente a botones físicos que se pueden presionar con un dedo (como los de un mouse de computadora ).

Un concepto relacionado (pero diferente) es el de widget de escritorio , una pequeña aplicación GUI especializada que proporciona información visual y/o acceso fácil a funciones de uso frecuente, como relojes, calendarios, agregadores de noticias, calculadoras y notas de escritorio. Este tipo de widgets están alojados en un motor de widgets .

Lista de widgets genéricos comunes

Varios widgets mostrados en Ubuntu
Los widgets de Qt se representan según tres máscaras diferentes (diseño artístico): Plastik, Keramik y Windows

Selección y exposición de colecciones

Navegación

Entrada de texto/valor

Producción

Recipiente

Véase también

Referencias

  1. ^ "Microsoft: elementos gráficos". msdn.microsoft.com . Microsoft . Consultado el 27 de abril de 2015 .
  2. ^ McCormack, Joel; Asente, Paul (1988). "Una descripción general del conjunto de herramientas X". Actas del primer simposio anual ACM SIGGRAPH sobre software de interfaz de usuario . págs. 46–55. doi :10.1145/62402.62407. ISBN 0897912837.S2CID 12924752  .
  3. ^ Swick, Ralph R.; Weissman, Terry (1988). X Toolkit Widgets - Interfaz X en lenguaje C. pág. 1.
  4. ^ Ralph R. Swick, Mark S. Ackerman (1988). "El kit de herramientas X: más elementos para crear interfaces de usuario o widgets de alquiler". USENIX Winter . págs. 221–228 . Consultado el 20 de noviembre de 2022 .
  5. ^ "¿Qué es un widget? - Definición de WhatIs.com". WhatIs.com . Consultado el 3 de junio de 2020 .
  6. ^ https://material-ui.com/demos/drawers/ Componente Drawer de React - Material-UI

Enlaces externos