Agregar controles y contenido (HTML)

[ Este artículo está destinado a desarrolladores de Windows 8.x y Windows Phone 8.x que escriben aplicaciones de Windows Runtime. Si estás desarrollando para Windows 10, consulta la documentación más reciente ]

Todas las aplicaciones necesitan controles, como botones, casillas y listas desplegables. Las aplicaciones de Windows en tiempo de ejecución que usan JavaScript reportan una mayor compatibilidad con los controles HTML existentes y otras funciones y controles mediante el kit de herramientas gratuito de Biblioteca de Windows para JavaScript.

Los temas de esta sección describen cómo puedes usar estos controles y aplicarles estilos.

En esta sección

Tema Descripción

Agregar estilos y controles de WinJS

Describe los conceptos básicos de creación y uso de la Biblioteca de Windows para los controles de JavaScript.

Controles de estilo

Aprende a aplicar estilos a los controles y aprovechar las características de estilos que ofrece la biblioteca de Windows para JavaScript.

Agregar contenedores de elementos

Aprende cómo agregar un objeto ItemContainer a la aplicación de la Tienda Windows con JavaScript.

Agregar controles de HTML y controlar eventos

Describe cómo crear controles HTML y controlar sus eventos.

Cómo establecer controladores de eventos de manera declarativa

Obtén información acerca de cómo establecer controladores de eventos de manera declarativa (en tu marcado HTML) para controles HTML y de la biblioteca de Windows para JavaScript.

Lista de controles

Proporciona una lista alfabética de los controles habituales de las aplicaciones de la Tienda Windows con JavaScript.

Controles por función

Una lista de los controles según su función.

Agregar vista de lista, zoom semántico y FlipView

La mayoría de las aplicaciones manipulan y muestran conjuntos de datos, como una galería de imágenes o un conjunto de mensajes de correo. Biblioteca de Windows para JavaScript proporciona varios controles que hacen más fácil mostrar, presentar y manipular los datos. Los temas de esta sección describen estos controles de datos y presentación: FlipView, ListView y SemanticZoom.

Presentación y edición de texto

Describe cómo mostrar y editar texto.

Mostrar imágenes, gráficos y miniaturas

Contiene temas que te ayudan a empezar a mostrar imágenes y miniaturas.

Mostrar elementos emergentes

Contiene temas que te ayudan a empezar a mostrar controles flotantes, menús y cuadros de diálogo de mensaje.

Agregar botones

Usa un control button para confirmar un comando, como enviar o restablecer un formulario. Los botones ofrecen un método sencillo de desencadenar un comando.

Agregar barras de la aplicación y comandos

La mayoría de las aplicaciones contienen comandos que los usuarios pueden invocar. En los temas de esta sección se describen app bars, tool bars y context menus, que sirven para proporcionar comandos a los usuarios.

Agregar controles de selección

Los controles de selección permiten a los usuarios seleccionar entre varias opciones.

Agregar clasificaciones

Contiene temas que describen cómo usar el control Rating de Biblioteca de Windows para JavaScript para que los usuarios puedan proporcionar información de clasificación.

Agregar controles de página

Un PageControl es una unidad modular de HTML, CSS y JavaScript a la que se puede navegar o que se puede usar como un control personalizado de la biblioteca de Windows para JavaScript.

Agregar controles de progreso

Describe cómo crear y usar controles de progreso, un tipo de control que representa de forma gráfica la actividad en curso o el progreso de una tarea.

Agregar información sobre herramientas

La información sobre herramientas es una breve descripción que está vinculada a otro control u objeto. La información sobre herramientas ayuda a los usuarios a comprender objetos desconocidos o poco familiares que no se describen directamente en la UI. Aparece automáticamente cuando el usuario mantiene presionado el mouse o mantiene el puntero del mouse sobre un control. La información sobre herramientas desaparece cuando el usuario mueve el dedo o el puntero. El contenido de la información sobre herramientas puede ser texto o una imagen, pero no es interactiva.

Crear controles personalizados

Aunque Windows 8 proporciona una amplia variedad de controles entre los que puedes elegir, es posible que tengas que crear también los tuyos propios. Un modo de crear un control personalizado consiste en crear un objeto PageControl. Para obtener información y ejemplos, consulta Inicio rápido: Agregar controles de página.

Usar gráficos con lienzos, SVG y CSS3

Esta sección contiene información sobre el uso de gráficos en tu aplicación de la Tienda Windows con JavaScript.