CONTROLES Y PATRONES UNIVERSALES
Esteban Espinosa Delgado
Esteban.espinosa.delgado@udla.edu.ec
Víctor Heredia Ordoñez
Victor.heredia@udla.edu.ec
RESUMEN: Los controles y patrones sirven
para dar facilidad en la programación y una
interfaz gráfica amigable con el usuario.
Existe gran variedad de controles que serán
litados y explicados con su respectivo evento
por defecto.
1. LISTADO DE CONTROLES
 Barra de aplicaciones
Explicación: Barra de herramientas para
mostrar comandos específicos de la
aplicación.
Referencia: AppBar
Evento por defecto:
 Botón de la barra de la aplicaciones
Explicación: Botón para mostrar comandos
con estilo de barra de la aplicación.
Referencia: AppBarButton
Evento por defecto:
 Separador de la barra de
aplicación
Explicación: Separa visualmente grupos de
comandos en una barra de comandos.
Referencia: AppBarSeparator
Evento por defecto:
 Botón de alternancia de la barra de
la aplicación
Explicación: Un botón para alternar
comandos en una barra de comandos.
Referencia: AppBarToggleBButton
Evento por defecto:
 Cuadro de sugerencias automáticas
Explicación: Un cuadro de entrada de texto
que proporciona texto sugerido a medida
que el usuario escribe.
Referencia: AutoSuggestBox
Evento por defecto:
 Borde
Explicación: Control de contenedor que
dibuja un borde, fondo o ambos alrededor
de otro objeto.
Referencia: Border
Evento por defecto:
 Botón
Explicación: Control que responde a la
entrada del usuario y que genera un
evento Click.
Referencia: Button
Evento por defecto: Click
la  Selector de fecha del calendario
Explicación: Control que permite a un
usuario seleccionar una fecha mediante una
presentación de calendario desplegable.
Referencia: CalendarDatePicker
Evento por defecto:
 Vista de calendario
Explicación: Pantalla de calendario
configurable que permite a un usuario
seleccionar una o varias fechas.
Referencia: CalendarView
Evento por defecto: Explicación:
Control que permite a un usuario
 Lienzo seleccionar una fecha.
Referencia: DatePicker
Explicación: Panel de diseño que admite el Evento por defecto:
posicionamiento absoluto de elementos
secundarios relativos a la esquina superior  Invertir vista
izquierda del lienzo.
Referencia: Canvas Explicación:
Evento por defecto: Referencia:
Evento por defecto:
 Casilla
 Control Flotante
Explicación:
Control que un usuario puede activar y Explicación:
desactivar. Referencia:
Referencia: CheckBox Evento por defecto:
Evento por defecto:
 Cuadrícula
 Cuadro combinado
Explicación:
Explicación: Lista desplegable de elementos Referencia:
entre los que puede seleccionar un usuario. Evento por defecto:
Referencia: ComboBox
Evento por defecto:  Vista de cuadrícula

 Barra de comandos Explicación:

Referencia:
Explicación: Barra de la aplicación especial Evento por defecto:
que gestiona el cambio de tamaño de los
 Navegación centralizada
elementos de botón de la barra de la
aplicación.
Explicación:
Referencia: CommandBar
Referencia:
Evento por defecto:
Evento por defecto:
 Cuadro de dialogo de contenido
 Hipervínculo
Explicación: Un cuadro de diálogo que
Explicación:
puedes personalizar para que contenga
Referencia:
cualquier contenido de XAML.
Evento por defecto:
Referencia: ContentDialog
Evento por defecto:
 Botón de hipervínculo
 Selector de fecha
Explicación:
Referencia:
Evento por defecto:
  Imagen  Control flotante de menú

Explicación: Explicación:
Referencia: Referencia:
Evento por defecto: Evento por defecto:

 InkCanvas  Cuadro de texto multimedia

Explicación: Explicación:
Referencia: Referencia:
Evento por defecto: Evento por defecto:

 Control de elementos  Visor de desplazamiento

panorámico
Explicación:
Referencia: Explicación:
Evento por defecto: Referencia:
Evento por defecto:
 Cuadro de lista
 Cuadro de contraseña
Explicación:
Referencia: Explicación:
Evento por defecto: Referencia:
Evento por defecto:
 Vista de lista
 Control dinámico
Explicación:
Referencia: Explicación:
Evento por defecto: Referencia:
Evento por defecto:
 Control de mapa
 Menú emergente
Explicación:
Referencia: Explicación:
Evento por defecto: Referencia:
Evento por defecto:
 Elemento multimedia
 Barra de progreso
Explicación:
Referencia: Explicación:
Evento por defecto: Referencia:
Evento por defecto:
 MediaTransportControls
 Círculo de progreso
Explicación:
Referencia: Explicación:
Evento por defecto: Referencia:
Evento por defecto:
  Botón de radio  Formas

Explicación: Explicación:
Referencia: Referencia:
Evento por defecto: Evento por defecto:

 RelativePanel  Cuadro de texto de una línea

Explicación: Explicación:
Referencia: Referencia:
Evento por defecto: Evento por defecto:

 Botón repetir  Control deslizante

Explicación: Explicación:
Referencia: Referencia:
Evento por defecto: Evento por defecto:

 Cuadro de texto enriquecido  SplitView

Explicación: Explicación:
Referencia: Referencia:
Evento por defecto: Evento por defecto:

 Barra de desplazamiento  Panel de pila

Explicación: Explicación:
Referencia: Referencia:
Evento por defecto: Evento por defecto:

 Visor de desplazamiento  Bloque de texto

Explicación: Explicación:
Referencia: Referencia:
Evento por defecto: Evento por defecto:

 Cuadro de búsqueda  Cuadro de texto

Explicación: Explicación:
Referencia: Referencia:
Evento por defecto: Evento por defecto:

 Zoom semántico  Selector de hora

Explicación: Explicación:
Referencia: Referencia:
Evento por defecto: Evento por defecto:
 Evento por defecto:
 Botón de alternancia
2. REFERENCIAS
Explicación:
Referencia:  Microsoft, Lista de controles.
Evento por defecto: Disponible en:
https://msdn.microsoft.com/library/
 Modificador para alternar windows/apps/mt185406#c_section

Explicación:
Referencia:
Evento por defecto:

 Información sobre herramientas

Explicación:
Referencia:
Evento por defecto:

 VariableSizedWrapGrid

Explicación:
Referencia:
Evento por defecto:

 Video

Explicación:
Referencia:
Evento por defecto:

 Cuadro de video

Explicación:
Referencia:
Evento por defecto:

 Vista web

Explicación:
Referencia:
Evento por defecto:

 Visor de desplazamiento de
acercamiento

Explicación:
Referencia: