XML Documentation
XML Documentation
XML Documentation
El lenguaje XAML (XAML) es un lenguaje declarativo basado en XML. XAML se usa mayoritariamente en estos
tipos de aplicaciones para crear interfaces de usuario:
Aplicaciones de Windows Presentation Foundation (WPF)
Aplicaciones de la Plataforma universal de Windows (UWP)
Aplicaciones de Xamarin.Forms
El código XAML siguiente define un control de botón sencillo.
XAML también se usa para definir flujos de trabajo en las aplicaciones de Windows WorkFlow Foundation (WF).
XAML Designer
Visual Studio y Blend para Visual Studio proporcionan un Diseñador XAML que facilita la creación de interfaces
de usuario (IU) para aplicaciones WPF, para UWP y Xamarin.Forms. Puede arrastrar controles desde la ventana
de Recursos o del cuadro de herramientas y establecer propiedades en la ventana Propiedades. Cuando lo haga,
Visual Studio y Blend para Visual Studio crean el código XAML correspondiente. Si prefiere editar directamente
el código XAML, también puede hacerlo.
Novedades
Consulte los recursos siguientes para obtener la información más reciente:
La entrada de blog Mejoras en las herramientas XAML en Visual Studio 2019 versión 16.7
Preview 1
La entrada de blog Novedades en las herramientas de desarrollo de XAML en Visual Studio 2019
El vídeo Nuevas características de XAML en Visual Studio en YouTube
Vea también
XAML en aplicaciones de WPF
XAML en aplicaciones de UWP
XAML en aplicaciones de Xamarin.Forms
Editor de código XAML
14/05/2021 • 14 minutes to read
El editor de código XAML del IDE de Visual Studio incluye todas las herramientas que necesita para crear
aplicaciones WPF y para UWP para la plataforma Windows y Xamarin.Forms. En este artículo se describe el
papel que desempeña el editor de código cuando se desarrollan aplicaciones basadas en XAML y las
características que son exclusivas del editor de código XAML de Visual Studio 2019.
Para empezar, se examinará el IDE (entorno de desarrollo integrado) con un proyecto de WPF abierto. En la
imagen siguiente se muestran algunas de las herramientas clave del IDE que se van a usar junto con el editor de
código XAML.
Desde la parte inferior izquierda de la imagen en sentido de las agujas del reloj, las herramientas clave del IDE
son las siguientes:
La ventana del editor de código de XAML (el tema de este artículo) donde se crea y edita el código.
La ventana Diseñador XAML , donde se diseña la interfaz de usuario.
La ventana acoplable Cuadro de herramientas , donde se agregan controles a la interfaz de usuario.
El botón Depurar , donde se ejecuta el código y se depura.
(También puede editar el código en tiempo real mientras realiza la depuración con Recarga activa de XAML).
La ventana Explorador de soluciones , donde se administran los archivos, los proyectos y las soluciones.
La ventana Propiedades , donde se cambia la apariencia de la interfaz de usuario y el funcionamiento de
sus controles.
Para continuar, obtendrá más información sobre el editor de código XAML.
Ahora se examinarán las funciones de cada uno de los elementos de la interfaz de usuario en el editor de
código.
Primera fila
En la primera fila de la parte superior de la ventana de código XAML, a la izquierda, hay una pestaña Diseño , un
botón Intercambiar paneles , una pestaña XAML y un botón XAML emergente.
Este es su funcionamiento:
La pestaña Diseño cambia el foco del editor de código XAML al Diseñador XAML.
El botón Intercambiar paneles invierte la ubicación del Diseñador XAML y el editor de código XAML en el
IDE.
La pestaña XAML vuelve a cambiar el foco al editor de código XAML.
El botón emergente XAML crea una ventana del editor de código XAML independiente fuera del IDE.
Continuando a la derecha, hay un botón División ver tical , un botón División horizontal y un botón
Contraer panel .
Este es su funcionamiento:
El botón División ver tical cambia la ubicación del Diseñador XAML y el editor de código XAML en el IDE de
una alineación horizontal a vertical.
El botón División horizontal cambia la ubicación del Diseñador XAML y el editor de código XAML en el IDE
de una alineación vertical a horizontal.
El botón Contraer panel permite contraer lo que se encuentra en el panel inferior, ya sea el editor de código
o el diseñador. (Para restaurar el panel inferior, vuelva a elegir el mismo botón, que ahora se denomina
Expandir panel ).
Segunda fila
En la segunda fila de la parte superior de la ventana de código XAML, hay dos listas desplegables Ventana. Pero
si observa la información sobre herramientas de estos elementos de la interfaz de usuario, los identifica como
"Elemento: Ventana" y "Miembro: Ventana".
Las listas desplegables Ventana tienen funciones diferentes, como se indica a continuación:
La lista Elemento: Ventana de la izquierda permite ver y navegar a elementos principales o del mismo
nivel.
En concreto, se muestra una vista de tipo esquema en la que se revela la estructura de etiquetas del
código. Al seleccionar en la lista, el foco en el editor de código se ajustará a la línea de código en la que se
incluya el elemento que ha seleccionado.
La lista Miembro: Ventana de la derecha permite ver y navegar a atributos o elementos secundarios.
En concreto, muestra una lista de las propiedades del código. Al seleccionar en la lista, el foco en el editor
de código se ajustará a la línea de código en la que se incluya la propiedad que ha seleccionado.
Acciones rápidas
Puede usar Acciones rápidas para refactorizar, generar o modificar el código de otra manera con una sola
acción.
Por ejemplo, una tarea útil que puede realizar mediante Acciones rápidas es Eliminar instrucciones Using
innecesarias del código de C# en la pestaña MainWindow.xaml.cs .
A continuación se muestra cómo hacerlo:
1. Mantenga el puntero sobre una instrucción Using, elija el icono de bombilla y, después, seleccione
Eliminar instrucciones Using innecesarias en la lista desplegable.
2. Elija si quiere corregir todas las repeticiones en el Documento , el Proyecto o la Solución .
3. Vea el cuadro de diálogo Vista previa y después elija Aplicar .
También puede acceder a esta característica desde la barra de menús. Para ello, elija Editar > IntelliSense >
Eliminar y ordenar instrucciones Using .
Para obtener más información sobre la configuración de las instrucciones Using, vea la página Ordenación de
instrucciones Using. Para obtener más información sobre IntelliSense, vea la página IntelliSense en
Visual Studio. Y, para obtener más información sobre las formas típicas en que los desarrolladores usan
Acciones rápidas, vea la página Acciones rápidas comunes.
Seguimiento de cambios
El color del margen izquierdo le permite realizar un seguimiento de los cambios realizados en un archivo. Aquí
se muestra la relación de los colores con las acciones que se realizan:
Los cambios que haya realizado pero no se hayan guardado desde que se ha abierto el archivo se indican
mediante una barra amarilla en el margen izquierdo (conocido como margen de selección).
Una vez que haya guardado los cambios (pero antes de cerrar el archivo), la barra se volverá de color
verde .
Para activar o desactivar esta característica, cambie la opción Seguimiento de cambios en la configuración del
Editor de texto (Herramientas > Opciones > Editor de texto ).
Para obtener más información sobre el seguimiento de cambios, e incluir las líneas onduladas (también
conocidas como "garabatos") que aparecen bajo las cadenas de código, vea la sección Características del
editor de la página Características del editor de código de Visual Studio.
Clic con el botón derecho en el menú contextual
Al modificar el código en el editor de código XAML, hay varias características a las que se puede acceder
mediante el menú contextual. La mayoría de estas características están disponibles de forma universal en el IDE
de Visual Studio, mientras que otras son específicas del uso de un editor de código junto con una ventana de
diseño.
Para obtener más información sobre cómo dividir una ventana del editor, vea la página Administración de
ventanas del editor.
Uso de anotaciones o el modo de mapa
También puede cambiar la apariencia de la barra de desplazamiento y las características adicionales que
contiene. Por ejemplo, a muchos usuarios les gusta incluir anotaciones en la barra de desplazamiento, que
proporcionan indicaciones visuales como cambios de código, puntos de interrupción, marcadores, errores y la
posición del símbolo de inserción.
Otros prefieren usar el modo de mapa, que muestra líneas de código en miniatura en la barra de
desplazamiento. Es posible que los desarrolladores que tienen gran cantidad de código en un archivo
comprueben que el modo de mapa realiza un seguimiento más eficaz de las líneas de código que la barra de
desplazamiento predeterminada.
Para obtener más información sobre cómo cambiar la configuración predeterminada de la barra de
desplazamiento, vea la página Personalización de la barra de desplazamiento.
Para obtener más información, vea las páginas Fragmentos de código y Fragmentos de código de C#.
Compatibilidad con #region de XAML
A partir de Visual Studio 2015, la compatibilidad con #region se puso a disposición de los desarrolladores de
XAML en WPF y UWP, y más recientemente, también en Xamarin.Forms. En Visual Studio 2019, se siguen
realizando mejoras incrementales para admitir #region. Por ejemplo, en la versión 16.4 y posteriores, las
opciones de #region se muestran cuando comienza a escribir <! .
Puede usar las regiones si quiere agrupar las secciones del código que también quiere expandir o contraer.
<!--#region NameOfRegion-->
Your code is here
<!--#endregion-->
Para obtener más información sobre las regiones, vea la página #region (referencia de C#). Y para obtener más
información sobre cómo expandir y contraer secciones de código, vea la página Esquematización.
Comentarios de XAML
A menudo, los desarrolladores prefieren documentar el código mediante comentarios. Puede agregar
comentarios al código XAML que se encuentra en la pestaña MainWindow.xaml de las siguientes maneras:
Escriba <!-- antes de un comentario y, luego, agregue --> después del comentario.
Escriba <! y, luego, elija !-- en la lista de opciones.
Seleccione el código que quiera rodear con un comentario y, después, elija el botón Comentario de la
barra de herramientas del IDE. Para invertir la acción, elija el botón Quitar marca de comentario .
Seleccione el código que quiera rodear con un comentario y, después, presione Ctrl +K , Ctrl +C . Para
quitar el comentario del código seleccionado, presione Ctrl +K , Ctrl +U .
Para obtener más información sobre cómo usar los comentarios en el código de C# que se encuentra en la
pestaña MainWindow.xaml.cs , vea la página Comentarios de documentación.
Bombillas de XAML
Los iconos de bombilla que aparecen en el código XAML forman parte de las Acciones rápidas que puede usar
para refactorizar, generar o modificar el código.
Estos son algunos ejemplos de cómo puede mejorar la experiencia de programación de XAML:
Quitar espacios de nombres no necesarios . En el editor de código XAML, los espacios de nombres
innecesarios aparecen en texto atenuado. Si mantiene el cursor sobre un uso innecesario, aparecerá una
bombilla. Al elegir la opción Quitar espacios de nombres innecesarios de la lista desplegable, verá
una vista previa de los que puede quitar.
Cambiar el nombre del espacio de nombres . Esta característica, que está disponible en el menú
contextual después de resaltar un espacio de nombres, facilita el cambio de varias instancias de un valor
al mismo tiempo. También puede acceder a esta característica mediante la barra de menús, Editar >
Refactorizar > Cambiar nombre , o bien si presiona Ctrl +R y después Ctrl +R de nuevo.
Para obtener más información, vea la página Refactorización de cambio de nombre de un símbolo de
código.
Código XAML condicional para UWP
El XAML condicional ofrece una manera de usar el método ApiInformation.IsApiContractPresent en el marcado
XAML. Esto te permite establecer las propiedades y crear instancias de objetos en el marcado en función de la
presencia de una API, sin tener que usar código subyacente.
Para obtener más información, vea las páginas XAML condicional y Hospedaje de controles XAML para UWP en
aplicaciones de escritorio (islas XAML).
Visualizador de estructura de XAML
La característica Visualizador de estructura del editor de código muestra líneas guía de estructura, que son
líneas discontinuas verticales que indican los elementos de etiqueta de apertura y cierre coincidentes en el
código. Estas líneas verticales facilitan ver dónde empiezan y acaban los bloques lógicos.
Para obtener más información, vea la página Navegación por el código.
IntelliCode para lenguaje XAML
Cuando se agrega una etiqueta XAML al código, normalmente se empieza con un corchete angular de apertura
< . Al escribir ese corchete angular, aparece un menú de IntelliCode en el que se enumeran algunas de las
etiquetas XAML más populares. Elija la que quiera agregar rápidamente al código.
Puede reconocer las selecciones de IntelliCode porque aparecen en la parte superior de la lista y tienen estrellas.
N O M B RE M Á S IN F O RM A C IÓ N
N O M B RE M Á S IN F O RM A C IÓ N
TIP
La opción Poner en mayúscula el nombre de método del controlador de eventos de la sección Varios es
especialmente útil para los desarrolladores de XAML. Esta opción está desactivada de forma predeterminada porque es
nueva, pero se recomienda activarla para admitir el uso de mayúsculas adecuado en el código.
Pasos siguientes
Para obtener más información sobre cómo editar el código en tiempo real mientras ejecuta la aplicación en
modo de depuración, vea la página Recarga activa de XAML.
Vea también
Características del editor de código de Visual Studio
XAML en aplicaciones de UWP
XAML en aplicaciones de Xamarin.Forms
Desarrollo de aplicaciones móviles de Xamarin (Mac)
Visual Studio 2019 para Mac: paseo por el IDE (Mac)
Diseño de XAML en Visual Studio y Blend para
Visual Studio
14/05/2021 • 4 minutes to read
Las herramientas visuales de Visual Studio y Blend para Visual Studio permiten crear interfaces de usuario
atractivas y experiencias multimedia enriquecidas con XAML para diversos tipos de aplicaciones. Ambos
entornos de desarrollo integrado (IDE) comparten un conjunto de características en común, incluido un editor
de XAML visual (diseñador). Blend para Visual Studio, que admite las plataformas WPF y UWP, brinda
herramientas adicionales para diseñar estados visuales y crear animaciones.
Puede alternar entre Visual Studio y Blend para Visual Studio e incluso puede tener el mismo proyecto abierto
en ambos IDE al mismo tiempo. Los cambios guardados en los archivos XAML en un IDE pueden aplicarse a
través de recarga automática cuando se cambia al otro IDE. Puede controlar el comportamiento de recarga Si
navega a herramientas > Opciones > entorno > documentos en cualquiera de los dos IDE.
Instalación
Para crear aplicaciones de WPF, instale la carga de trabajo Desarrollo de escritorio de .NET en
Visual Studio. También se instalará Blend para Visual Studio.
Para crear aplicaciones de UWP, instale la carga de trabajo Desarrollo de Plataforma universal de
Windows en Visual Studio. También se instalará Blend para Visual Studio.
Para crear aplicaciones de Xamarin.Forms, instale la carga de trabajo Desarrollo para dispositivos
móviles con .NET en Visual Studio. Blend para Visual Studio no se instala. Blend no admite las
aplicaciones de Xamarin.Forms.
Funcionalidades compartidas
Para realizar las tareas de desarrollo más fundamentales, Visual Studio y Blend para Visual Studio comparten el
mismo conjunto de ventanas y funcionalidades, con ciertas diferencias sutiles. Estos son algunos de los aspectos
destacados:
IntelliSense: Ambos IDE admiten funciones de IntelliSense, como la finalización de instrucciones.
Depuración: Puede depurar en Visual Studio y Blend para Visual Studio, incluida la configuración de
puntos de interrupción en el código para depurar una aplicación en ejecución y usar la recarga activa
para cambiar el código XAML mientras se ejecuta la aplicación. Para mantener una experiencia de
depuración coherente con Visual Studio, Blend para Visual Studio incluye la mayoría de las barras de
herramientas y ventanas de depuración de Visual Studio.
Recarga de archivos: Puede editar los archivos XAML en Visual Studio o en Blend para Visual Studio.
Los archivos editados guardados se recargan automáticamente cuando cambia entre los IDE. Puede
controlar el comportamiento de recarga Si navega a herramientas > Opciones > entorno >
documentos en cualquiera de los dos IDE.
Diseños y configuraciones sincronizados: Los diseños y las preferencias de configuración de la
ventana de herramientas de personalización de diseño para Visual Studio o Blend para Visual Studio se
sincronizan en los dispositivos y versiones cuando se inicia sesión con la misma cuenta de
personalización. Vea Sincronizar la configuración de Visual Studio en varios equipos.
P RO GRA M A PA RA L A B L EN D PA RA VISUA L
TA REA M E JO RA ST UDIO M Á S IN F O RM A C IÓ N
Diseñar estados visuales No hay ninguna Use las herramientas de Estados visuales
herramienta que lo ayude a diseño para cambiar la
diseñar estados visuales, apariencia de un control
debe crearlos mediante según su estado.
programación.
Conver tir formas y No compatible. Puede realizar cambios Dibujar formas y trazados
texto en trazados para sutiles o espectaculares en
una manipulación más las formas (como
fácil rectángulos y elipses) si las
convierte en trazados,
logrando así un mejor
control de la edición. Puede
cambiar la forma de los
trazados, combinarlo y crear
trazados compuestos de
varias formas.
Editar controles, Requiere codificación y Convierta cualquier imagen Modificación del estilo de
plantillas y estilos conocimientos de plantillas en un control. objetos
y estilos WPF.
Utilice las herramientas de
edición de plantillas para
realizar cambios en
controles, estilos y plantillas
con unos pocos clics del
ratón.
Para obtener más información sobre el diseño XAML avanzado, vea Creación de una interfaz de usuario con
Blend para Visual Studio.
Vea también
Introducción a XAML
Introducción de Blend para Visual Studio
Crear una IU con el Diseñador XAML
23/06/2021 • 9 minutes to read
El Diseñador XAML en Visual Studio y Blend para Visual Studio proporciona una interfaz visual para ayudarle a
diseñar aplicaciones basadas en XAML, como WPF y UWP. Puede crear interfaces de usuario para sus
aplicaciones arrastrando controles desde la ventana Cuadro de herramientas (ventana Recursos en Blend para
Visual Studio) y estableciendo propiedades en la ventana Propiedades. También puede modificar el XAML
directamente en la vista XAML.
En el caso de los usuarios avanzados, incluso es posible personalizar el Diseñador XAML.
NOTE
Xamarin.Forms no admite un diseñador XAML. Para ver las uri de XAML de Xamarin.Forms y editarlas mientras se ejecuta
la aplicación, use Recarga activa de XAML para Xamarin.Forms. Para obtener más información, vea la página Recarga activa
de XAML para Xamarin.Forms (versión preliminar).
La vista principal de la ventana Esquema del documento/Objetos y escala de tiempo muestra la jerarquía de un
documento en una estructura de árbol. Puede usar la naturaleza jerárquica del esquema del documento para
examinar el documento en los distintos niveles de detalle y para bloquear y ocultar elementos individualmente
o en grupos. Las siguientes opciones están disponibles en la ventana Esquema del documento/Objetos y escala
de tiempo documento:
Mostrar u ocultar
Muestra u oculta los elementos de la mesa de trabajo. Cuando se muestra, aparece como el símbolo de un ojo.
También puede presionar Ctrl + H para ocultar un elemento y + Mayús Ctrl + H para mostrarlo.
Bloquear o desbloquear
Bloquea o desbloquea los elementos de la mesa de trabajo. Los elementos bloqueados no se pueden modificar.
Cuando se bloquea un elemento, aparece un símbolo de candado. También puede presionar Ctrl + L para
bloquear un elemento y + Mayús Ctrl + L para desbloquearlo.
Devolver ámbito a pageRoot
La opción que aparece en la parte superior de la ventana Esquema del documento/Objetos y escala de tiempo,
que muestra un símbolo de flecha hacia arriba, se mueve al ámbito anterior. Esta opción solo es aplicable
cuando se está en el ámbito de un estilo o una plantilla.
Propiedades (ventana)
La ventana Propiedades permite establecer valores de propiedad en los controles. Este es su aspecto:
Hay varias opciones en la parte superior de la ventana Propiedades :
Cambie el nombre del elemento actualmente seleccionado en el cuadro Nombre .
En la esquina superior izquierda, hay un icono que representa el elemento actualmente seleccionado.
Para organizar las propiedades por categoría o alfabéticamente, haga clic en Categoría , Nombre u Origen
en la lista Organizar por .
Para ver la lista de eventos de un control, haga clic en el botón Eventos , que aparece como un símbolo de
rayo.
Para buscar una propiedad, empiece a escribir el nombre de la propiedad en el cuadro de búsqueda. La
ventana Propiedades muestra las propiedades que coinciden con la búsqueda a medida que escribe.
Algunas propiedades permiten establecer propiedades avanzadas si selecciona un botón de flecha hacia abajo.
A la derecha de cada propiedad de valor se encuentra un marcador de propiedad que aparece como un símbolo
de cuadro. La apariencia del marcador de propiedad indica si se aplicó a la propiedad un enlace de datos o un
recurso. Por ejemplo, un símbolo de cuadro blanco indica un valor predeterminado, un símbolo de cuadro negro
suele indicar que se ha aplicado un recurso local y un símbolo de cuadro naranja suele indicar que se ha
aplicado un enlace de datos. Al hacer clic en el marcador de propiedad, puede navegar a la definición de un
estilo, abrir el generador de enlace de datos o abrir el selector de recursos.
Para más información sobre cómo usar las propiedades y controlar los eventos, consulte Introducción a los
controles y patrones.
Consulte también
Trabajo con elementos en el Diseñador XAML
Cómo crear y aplicar un recurso
Tutorial: Enlace a datos en el Diseñador XAML
Trabajar con elementos en el Diseñador XAML
14/05/2021 • 7 minutes to read
Para agregar elementos (controles, distribuciones y formas) a una aplicación, puedes usar XAML, código o XAML
Designer. En este tema se describe cómo trabajar con elementos en el Diseñador XAML en Visual Studio o Blend
para Visual Studio.
IMPORTANT
Los elementos incluidos dentro de algunos contenedores de distribución, como Canvas, no tienen adornos del margen.
Los elementos incluidos dentro de StackPanel tienen adornos del margen para los márgenes izquierdo y derecho o para
los márgenes superior e inferior, en función de la orientación de StackPanel .
TIP
Si selecciona Viewbox, Border o ScrollViewer para agrupar los elementos, estos se colocarán en un panel de
cuadrícula nuevo dentro del elemento Viewbox, Border o ScrollViewer. Si desagrupa los elementos en uno de estos
contenedores de diseño, solo se eliminan los elementos Viewbox, Border o ScrollViewer y el panel de cuadrícula se
conservará. Para eliminar el panel Grid , vuelve a desagrupar los elementos.
Para desagrupar elementos y eliminar el diseño, haga clic con el botón derecho en el grupo que quiere
desagrupar y elija Desagrupar . También puede agrupar o desagrupar elementos haciendo clic con el botón
derecho en los elementos seleccionados en la ventana Esquema del documento y haciendo clic en Agrupar en
o Desagrupar .
Vea también
Crear una IU con el Diseñador XAML
Organizar objetos en contenedores de diseño en el
Diseñador XAML
14/05/2021 • 3 minutes to read
En este artículo se describen los paneles y controles de diseño del Diseñador XAML.
Piense en qué parte de la página desea que aparezcan los objetos—como imágenes, botones y vídeos. Tal vez
desee que aparezcan en filas y columnas, en una sola línea vertical u horizontal, o en posiciones fijas.
Después de que haya considerado el aspecto que tendría la página, seleccione un panel de diseño. Todas las
páginas tienen uno como punto de partida, ya que se necesita algo donde agregar los objetos. De manera
predeterminada, es una Cuadrícula , pero puede cambiar esta configuración.
Los paneles de diseño le ayudarán a organizar los objetos en una página, pero no solo sirven para eso. Además,
facilitan el diseño en diferentes tamaños y resoluciones de pantalla. Cuando los usuarios ejecutan la aplicación,
todo lo que contiene el panel de diseño cambia de tamaño para coincidir con el espacio real en pantalla de sus
dispositivos. Por supuesto, si no desea que el diseño actúe de ese modo, puede invalidar este comportamiento
en todo o parte del diseño. Para controlarlo, puede utilizar propiedades de alto y ancho.
Paneles de diseño
Para empezar su página, elija uno de estos paneles de diseño. La página puede tener más de uno. Por ejemplo,
puede comenzar con un panel de diseño de Cuadrícula y, después, agregar un elemento StackPanel a un área
de la Cuadrícula ; así, podrá organizar los controles verticalmente en ese elemento.
Los siguientes paneles de diseño son los usados más habitualmente, pero hay otros. Puede encontrarlos todos
en Cuadro de herramientas en Visual Studio o en el panel Activos en Blend para Visual Studio.
Cuadrícula
Organice los objetos en filas y columnas.
UniformGrid
Organice los objetos en regiones de cuadrícula iguales o uniformes. Este panel es excelente para organizar una
lista de imágenes.
(Disponible solo para proyectos de WPF).
Lienzo
Organice los objetos como desee. Cuando los usuarios ejecuten la aplicación, estos elementos tendrán una
posición fija en la pantalla.
StackPanel
Organice los objetos en una sola línea horizontal o verticalmente.
WrapPanel
Organice los objetos en secuencia de izquierda a derecha. Cuando el panel se queda sin espacio en el borde de
la derecha, ajusta el contenido a la línea siguiente, y así sucesivamente de izquierda a derecha y de arriba abajo.
También puede hacer que la orientación de un panel de ajuste (WrapPanel) sea vertical para que los objetos
fluyan de arriba abajo y de izquierda a derecha.
(Disponible solo para proyectos de WPF).
DockPanel
Organice los objetos para que permanezcan, o se acoplen, en uno de los bordes del panel.
(Disponible solo para proyectos de WPF).
Controles de diseño
También puede agregar los objetos a controles de diseño. No tienen tantas características como un panel de
diseño, pero pueden resultar útiles en determinados escenarios.
Los siguientes controles de diseño son los más populares, pero hay otros. Puede encontrarlos todos en Cuadro
de herramientas en Visual Studio o en el panel Activos en Blend para Visual Studio.
Borde
Cree un borde, un fondo o ambos alrededor de un objeto. Solo puede agregar un objeto a un elemento Border .
Si quiere aplicar un borde o un fondo a más de un objeto, agregue un panel de diseño al elemento Border . A
continuación, agregue objetos a ese panel o control.
Popup
Muestre información u opciones a los usuarios en una ventana. Solo puede agregar un objeto a un elemento
Popup . De manera predeterminada, un elemento Popup contiene una Cuadrícula , pero se puede cambiar esta
configuración.
ScrollViewer
Permita que los usuarios se desplacen hacia abajo en una página o parte de una página. Puede agregar un solo
objeto a un control ScrollViewer así que resulta adecuado agregar un panel de diseño como una Cuadrícula
o StackPanel .
Cuadro de vídeo
Escale objetos igual que haría con un control de zoom. Solo puede agregar un objeto a un elemento Viewbox .
Si quiere aplicar ese efecto a más de un objeto, agregue un panel de diseño al control ViewBox y, después,
agregue los controles a dicho panel de diseño.
Vea también
Trabajo con elementos en el Diseñador XAML
Crear una IU con el Diseñador XAML
Cómo crear y aplicar un recurso
14/05/2021 • 3 minutes to read
Los estilos y las plantillas de elementos del diseñador XAML se almacenan en entidades reutilizables
denominadas recursos. Los estilos permiten establecer las propiedades de los elementos y volver a usar esos
valores para lograr una apariencia coherente entre distintos elementos. Una propiedad ControlTemplate define
la apariencia de un control y también puede aplicarse como un recurso. Para más información, consulte Estilos
XAML y Plantillas de control.
Siempre que crea un recurso a partir de una propiedad existente, Style o ControlTemplate, el cuadro de diálogo
Crear recurso permite definir el recurso en el nivel de aplicación, el nivel de documento o el nivel de elemento.
Estos niveles determinan dónde se puede usar el recurso. Por ejemplo, si define el recurso en el nivel de
elemento, solo se podrá aplicar el recurso al elemento para el que lo creó. También puede almacenar el recurso
en un diccionario de recursos: un archivo independiente que puede volver a usar en otro proyecto.
3. En el cuadro Nombre (clave) , escriba un nombre de clave. Este es el nombre que puede usar si desea
que otros elementos hagan referencia al recurso.
4. En Definir en , seleccione la opción en la que quiere definir el recurso:
Para que el recurso esté disponible en cualquier documento de la aplicación, seleccione
Aplicación .
Para que el recurso esté disponible únicamente en el documento actual, seleccione Este
documento .
Para que el recurso esté disponible únicamente en el elemento desde el que creó el recurso o en
sus elementos secundarios, seleccione Este documento y, en la lista desplegable, seleccione
elemento : nombre .
Para definir el recurso en un archivo de diccionario de recursos que se pueda reutilizar en otros
proyectos, haga clic en Diccionario de recursos . A continuación, seleccione un archivo de
diccionario de recursos existente, como StandardStyles.xaml , en la lista desplegable.
5. Haga clic en el botón Aceptar para crear el recurso y aplicarlo al elemento a partir del cual se ha creado.
NOTE
Editar plantilla se aplica a las plantillas de control. Editar plantillas adicionales se aplica a otros tipos
de plantilla.
Puede aplicar recursos siempre que sean compatibles. Por ejemplo, puede aplicar un recurso de
pincel a la propiedad Foreground de un control TextBox.
Edición de un recurso
1. Elija un elemento en la mesa de trabajo o en la ventana Esquema del documento.
2. En la ventana Propiedades , seleccione el marcador de propiedad predeterminado o local y, después,
seleccione Editar recurso para abrir el cuadro de diálogo Editar recurso .
3. Modifique las opciones del recurso.
Vea también
Tutorial: Crear una UI usando el Diseñador XAML
Tutorial: Enlace a datos en el Diseñador XAML
14/05/2021 • 2 minutes to read
En el diseñador XAML, puedes establecer las propiedades de enlace de datos con la mesa de trabajo y la ventana
Propiedades. En el ejemplo de este tutorial se muestra cómo enlazar datos a un control. En concreto, el tutorial
muestra cómo crear una clase simple de carro de la compra que tenga una propiedad DependencyProperty
denominada ItemCount y luego enlazar la propiedad ItemCount a la propiedad Text de un control TextBlock.
Para crear una clase con el fin de usarla como origen de datos
1. En el menú Archivo , elija Nuevo > Proyecto .
2. En el cuadro de diálogo Nuevo proyecto , elija el nodo de Visual C# o Visual Basic , expanda el nodo
Escritorio de Windows y después elija la plantilla Aplicación WPF .
3. Asigne un nombre al proyecto BindingTest y después elija el botón Aceptar .
4. Abra el archivo MainWindow.xaml.cs (o MainWindow.xaml.vb ) y agregue el código siguiente. En C#,
agrega el código en el espacio de nombres BindingTest (antes del paréntesis de cierre final del archivo).
En Visual Basic, simplemente agrega la nueva clase.
Este código establece un valor de 0 como el número predeterminado de elementos mediante el objeto
PropertyMetadata.
5. En el menú Archivo , elija Compilar > Compilar solución .
Para enlazar la propiedad ItemCount a un control TextBlock
1. En el Explorador de soluciones, abra el menú contextual de MainWindow.xaml y elija Diseñador de
vistas .
2. En el cuadro de herramientas, elija un control Grid y agréguelo al formulario.
3. Con el control Grid seleccionado, en la ventana Propiedades, elija el botón Nuevo situado junto a la
propiedad DataContext .
4. En el cuadro de diálogo Seleccionar objeto , asegúrese de que la casilla Mostrar todos los
ensamblados está desactivada, elija ShoppingCar t en el espacio de nombres BindingTest y después
elija el botón Aceptar .
En la siguiente ilustración, se muestra el cuadro de diálogo Seleccionar objeto con ShoppingCar t
seleccionado.
Vea también
Crear una IU con el Diseñador XAML
Agregar convertidor de valores (Cuadro de diálogo)
Depuración o deshabilitación de código de
proyecto en el Diseñador XAML
14/05/2021 • 3 minutes to read
En muchos casos, las excepciones no controladas del Diseñador XAML pueden deberse a un código de proyecto
que intenta acceder a propiedades o métodos que devuelven valores distintos o funcionan de manera diferente
cuando se ejecuta la aplicación en el diseñador. Puede depurar el código del proyecto en otra instancia de Visual
Studio para resolver estas excepciones o evitarlas temporalmente al deshabilitar el código del proyecto en el
diseñador.
El código del proyecto incluye:
Controles personalizados y controles de usuario
Bibliotecas de clases
Convertidores de valores
Enlaces con datos en tiempo de diseño generados a partir de código del proyecto
Cuando se deshabilita el código del proyecto, Visual Studio muestra marcadores de posición. Por ejemplo, Visual
Studio muestra el nombre de la propiedad para un enlace donde los datos ya no están disponibles o un
marcador de posición para un control que ya no se ejecuta.
NOTE
Para proyectos destinados a procesadores X64 o ARM, Visual Studio no puede ejecutar el código del proyecto en
el diseñador, por lo que el botón Deshabilitar código de proyecto está deshabilitado en el diseñador.
Cualquiera de las opciones hace que el diseñador se vuelva a cargar, y luego deshabilita todo el código
para el proyecto asociado.
NOTE
Deshabilitar el código del proyecto puede provocar una pérdida de datos en tiempo de diseño. Una alternativa es
depurar el código que se ejecuta en el diseñador.
En el diseñador XAML, puede cambiar las opciones de visualización de controles para que solo se muestren los
controles de plataforma desde Windows SDK. Esto puede mejorar la confiabilidad del diseñador XAML.
Para cambiar las opciones de visualización de controles, haga clic en el icono que se encuentra en la parte
inferior izquierda de la ventana del diseñador y, luego, seleccione una opción en Opciones de visualización
de controles :
Cuando selecciona Mostrar solo los controles de la plataforma , todos los controles personalizados que
provienen de los SDK, controles de usuario de cliente, etc. no se representarán por completo. En su lugar, los
reemplazan controles de reserva para mostrar el tamaño y la posición del control.
Vea también
Diseño de XAML en Visual Studio y Blend para Visual Studio
Uso de datos de tiempo de diseño con el Diseñador
XAML en Visual Studio
14/05/2021 • 5 minutes to read
Algunos diseños son difíciles de visualizar sin datos. En este documento, revisaremos uno de los enfoques que
pueden usar los desarrolladores que trabajan en proyectos de escritorio para simular datos en el diseñador
XAML. Este enfoque se realiza mediante el espacio de nombres "d:" omitible existente. Con este enfoque puede
agregar rápidamente datos en tiempo de diseño a las páginas o controles sin necesidad de crear un modelo de
presentación ficticio completo, o simplemente probar cómo puede afectar un cambio de propiedad a la
aplicación sin preocuparse de que estos cambios tengan un impacto en las compilaciones de versión. Todos los
datos de d: los usa únicamente el diseñador XAML y los valores de espacio de nombres que no se pueden omitir
se compilan en la aplicación.
NOTE
Si usa Xamarin.Forms, consulte Datos de tiempo de diseño de Xamarin.Forms
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Después de agregar los espacios de nombres, puede colocar d: delante de cualquier atributo o control para
mostrarlo solo en el diseñador XAML pero no en tiempo de ejecución.
Por ejemplo, puede agregar texto a un TextBlock que normalmente tiene datos enlazados a él.
En este ejemplo, sin d:Text , el diseñador XAML no mostraría nada para el TextBlock. En su lugar, muestra
"Name!" donde el TextBlock tendrá datos reales en tiempo de ejecución.
Puede usar d: con atributos para cualquier control de .NET Core para UWP o WPF, como colores, tamaños de
fuente y espaciado. Incluso puede agregarlos al control en sí.
NOTE
La imagen de este ejemplo debe existir en la solución.
<StackPanel>
<ListView ItemsSource="{Binding Items}">
<d:ListView.ItemsSource>
<x:Array Type="{x:Type system:String}">
<system:String>Item One</system:String>
<system:String>Item Two</system:String>
<system:String>Item Three</system:String>
</x:Array>
</d:ListView.ItemsSource>
<ListView.ItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding ItemName}" d:Text="{Binding .}" />
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</StackPanel>
En el ejemplo anterior se muestra un control ListView con tres TextBlock en el diseñador XAML.
También puede crear una matriz de objetos de datos. Por ejemplo, las propiedades públicas de un objeto de
datos City se pueden construir como datos en tiempo de diseño.
namespace Cities.Models
{
public class City
{
public string Name { get; set; }
public string Country { get; set; }
}
}
Para usar la clase en XAML, debe importar el espacio de nombres en el nodo raíz.
xmlns:models="clr-namespace:Cities.Models"
<StackPanel>
<ListView ItemsSource="{Binding Items}">
<d:ListView.ItemsSource>
<x:Array Type="{x:Type models:City}">
<models:City Name="Seattle" Country="United States"/>
<models:City Name="London" Country="United Kingdom"/>
<models:City Name="Panama City" Country="Panama"/>
</x:Array>
</d:ListView.ItemsSource>
<ListView.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal" >
<TextBlock Text="{Binding Name}" Margin="0,0,5,0" />
<TextBlock Text="{Binding Country}" />
</StackPanel>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</StackPanel>
La ventaja es que puede enlazar los controles a una versión estática en tiempo de diseño del modelo.
Ejemplo de UWP
x:Array no se admite en UWP. Por lo tanto, podemos usar <d:ListView.Items> en su lugar. Para usar el tipo
system:String, asegúrese de incluir http://schemas.microsoft.com/winfx/2009/xaml en el encabezado XAML.
<StackPanel>
<ListView>
<d:ListView.Items>
<system:String>Item One</system:String>
<system:String>Item Two</system:String>
<system:String>Item Three</system:String>
</d:ListView.Items>
</ListView>
</StackPanel>
xmlns:myControls="http://MyCustomControls"
Una versión en tiempo de diseño del espacio de nombres. Para conseguirlo, basta con anexar /design al
final.
xmlns:myDesignTimeControls="http://MyCustomControls/design"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d myDesignTimeControls"
Una vez realizados todos estos pasos, puede usar el prefijo myDesignTimeControls para crear los controles en
tiempo de diseño.
Solución de problemas
Si experimenta un problema que no aparece en esta sección, háganoslo saber mediante la herramienta Notificar
un problema.
Requisitos
Los datos en tiempo de diseño requieren la versión 16.7 de Visual Studio 2019 o posterior.
Admite proyectos de escritorio de Windows dirigidos a Windows Presentation Foundation (WPF) para
.NET Core y UWP. Esta característica también está disponible para .NET Framework en el canal de versión
preliminar. Para habilitarla, vaya a Herramientas > Opciones > Entorno > Características en
versión preliminar , seleccione Nuevo Diseñador XAML de WPF para .NET Framework y, luego,
reinicie Visual Studio.
A partir de la versión 16.7 de Visual Studio 2019, esta característica funciona con todos los controles
integrados de los marcos de trabajo de WPF y UWP. La compatibilidad con controles de terceros ahora
está disponible en la versión 16.8.
El diseñador de consultas dejó de funcionar
Pruebe a cerrar y volver a abrir el archivo XAML, y limpie y vuelva a compilar el proyecto.
Consulte también
Datos de tiempo de diseño con el controlador de vista previa de Xamarin.Forms
XAML en aplicaciones de WPF
XAML en aplicaciones de UWP
XAML en aplicaciones de Xamarin.Forms
Introducción de Blend para Visual Studio
14/05/2021 • 3 minutes to read
Blend para Visual Studio le ayuda a diseñar aplicaciones web y de Windows basadas en XAML. Proporciona la
misma experiencia de diseño XAML básica que Visual Studio y agrega diseñadores visuales para tareas
avanzadas como animaciones y comportamientos. Para ver una comparación entre Blend y Visual Studio, vea
Diseño de XAML en Visual Studio y Blend para Visual Studio.
Blend para Visual Studio es un componente de Visual Studio. Para instalar Blend, en el instalador de Visual
Studio elija la carga de trabajo Desarrollo de la plataforma universal de Windows o Desarrollo de
escritorio de .NET . Ambas cargas de trabajo incluyen el componente Blend para Visual Studio.
Si no ha trabajado nunca con Blend para Visual Studio, tómese un momento para familiarizarse con las
características exclusivas del área de trabajo. Este tema le servirá de paseo introductorio.
Panel Herramientas
Puede usar el panel Herramientas en Blend para Visual Studio para crear y modificar objetos en la aplicación.
El panel Herramientas aparece a la izquierda del Diseñador XAML cuando se tiene un archivo .xaml abierto.
Para crear objetos, seleccione una herramienta y dibuje en la mesa de trabajo utilizando el mouse.
TIP
Algunas de las herramientas del panel Herramientas tienen variaciones. Por ejemplo, en lugar de un rectángulo, puede
elegir una elipse o una línea. Para obtener acceso a estas variantes, haga clic con el botón derecho o haga clic y mantenga
presionado el botón en la herramienta.
Herramientas de selección
Seleccione objetos y trazados. Use la herramienta Selección directa para seleccionar objetos anidados y
segmentos de trazados.
Herramientas de vista
Ajuste la vista de la mesa de trabajo, por ejemplo para movimiento panorámico y zoom.
Herramientas de pincel
Trabaje con los atributos visuales de un objeto, como la transformación de un pincel o la aplicación de un
degradado.
Herramientas de objeto
Dibuje en la mesa de trabajo los objetos más habituales, como trazados, formas, paneles de diseño, texto y
controles.
Herramientas de recursos
Acceda a la ventana Recursos y muestre el recurso usado más recientemente de la biblioteca.
Ventana Activos
La ventana Activos contiene todos los objetos visuales disponibles y es similar al cuadro de herramientas de
Visual Studio. Además de los objetos visuales, encontrará todo lo que puede agregar a la mesa de trabajo en la
ventana Activos , como, por ejemplo, estilos, elementos multimedia, comportamientos y efectos. Para abrir la
ventana Activos , elija Ver > Ventana Activos o presione Ctrl +Alt +X .
Escriba texto en el cuadro Buscar recursos para filtrar la lista de recursos.
Cambie entre el modo de cuadrícula y el modo de lista para ver los recursos mediante los botones que
aparece en la parte superior derecha.
Use los botones de guion gráfico para crear, eliminar, cerrar o seleccionar un guion gráfico. Use el
área de composición de la escala de tiempo que se encuentra a la derecha para ver la escala de tiempo y mover
fotogramas clave.
Mantenga el puntero sobre cada botón de la ventana para obtener más información sobre la funcionalidad
disponible.
Consulte también
Animar objetos
Dibujar formas y trazados
Diseño de XAML en Visual Studio y Blend para Visual Studio
Dibujar formas y trazados
14/05/2021 • 3 minutes to read
En Diseñador XAML, una forma es exactamente lo que cabría esperar. por ejemplo: un rectángulo, un círculo o
una elipse. Un trazado es una versión más flexible de una forma Puede cambiar su apariencia o combinarlos
para crear formas nuevas.
Las formas y los trazados usan gráficos vectoriales, por lo que se adaptan bien a pantallas de alta resolución.
Arrastre la forma que desee a la mesa de trabajo. Después, use los controladores de la forma para escalar, girar,
mover o sesgar la forma.
Dibujar un trazado
Un trazado se compone de varias líneas y curvas conectadas. Use un trazado para crear formas interesantes que
no están disponibles en la ventana Recursos .
Los trazados se pueden dibujar con una línea, una pluma o un lápiz, Puede encontrar estas herramientas en la
ventana Herramientas .
Dibujar una línea recta
Use la herramienta Pluma o la herramienta Línea .
Uso de la herramienta Pluma
En la mesa de trabajo, haga clic una vez para definir el punto inicial y vuelva a hacer clic para definir el final de la
línea.
Uso de la herramienta Línea
En la mesa de trabajo, arrastre desde el punto en el que desea que empiece la línea y después suelte en el punto
en el que desea que finalice.
Dibujar una curva
Use la herramienta Pluma .
En la mesa de trabajo, haga clic una vez para definir el punto inicial de una línea y, a continuación, haga clic y
arrastre el puntero para crear la curva deseada.
Si desea cerrar el trazado, haga clic en el primer punto en la línea.
Cambiar la forma de una curva
Use la herramienta Selección directa .
Haga clic en la forma y después arrastre cualquier punto de la forma para cambiar la curva.
Dibujar un trazado de forma libre
Use la herramienta Lápiz .
En la mesa de trabajo, dibuje un trazado de forma libre como si estuviera usando un lápiz real.
Quitar parte de un trazado
Use la herramienta Selección directa .
Seleccione el trazado que contiene el segmento que desea eliminar y después haga clic en el botón Eliminar .
Quitar un punto de un trazado
Use la herramienta Selección para seleccionar el trazado. A continuación, use la herramienta Pluma para hacer
clic en el punto que desea quitar.
Agregar un punto en un trazado
Use la herramienta Selección para seleccionar el trazado. Use la herramienta Pluma para hacer clic en
cualquier lugar del trazado en el que desee agregar el punto.
NOTE
Actualmente, Conver tir en trazado no está disponible para las aplicaciones de UWP con una TargetPlatformVersion
de 10.0.16299.0 o posterior, como mínimo.
Combinar trazados
Los trazados y las formas se pueden combinar en un único trazado.
N UM B ER A C C IÓ N
Unir
Dividir
Formar intersección
Excluir superposición
Restar
Vea un vídeo cor to: Trabajar con trazados: crear un trazado de recorte.
Modificación del estilo de los objetos en Blend para
Visual Studio
14/05/2021 • 4 minutes to read
Cree un pincel con dibujo mediante un dibujo vectorial como un trazado o forma. Las ilustraciones siguientes
muestran el pincel con dibujo, el pincel con dibujo en mosaico y el pincel con dibujo volteado.
Cree un pincel visual a partir de un control como un botón. Las ilustraciones siguientes muestran el pincel visual
y el pincel visual en mosaico.
Para crear un estilo, seleccione el objeto y, después, en el menú Objeto , pulse Editar estilo y, después, pulse
Editar una copia o Crear vacío .
Seleccione Editar una copia para empezar con el estilo o la plantilla predeterminados del control.
Seleccione Crear vacío para empezar desde cero.
La opción Editar actual solo aparece si edita un estilo o plantilla que ya ha creado, pero no aparecerá para un
control que sigue usando una plantilla predeterminada del sistema.
En el cuadro de diálogo Crear recurso de estilo , puede ponerle un nombre al estilo o a la plantilla para poder
usarlo más adelante, o puede aplicar el estilo o la plantilla a todos los controles de ese tipo.
NOTE
No es posible crear estilos o plantillas para todos los tipos control. Si un control no los admite, el botón de ruta de
navegación no aparecerá sobre la mesa de trabajo. Para volver al ámbito de edición del documento principal, haga clic en
Devolver ámbito a .
Estados visuales
Los estados visuales le permiten cambiar la apariencia de un control según su estado. Los controles pueden
tener una apariencia visual distinta según las interacciones del usuario. Por ejemplo, cuando un usuario hace clic
en un botón, puede hacer que este se vuelva verde o que se ejecute una animación. El tiempo entre estados
visuales se puede alargar o acortar mediante el uso de las transiciones.
Vea también
Crear una IU con Blend para Visual Studio
Animar objetos en el Diseñador XAML
14/05/2021 • 2 minutes to read
Blend para Visual Studio le permite crear fácilmente animaciones cortas para el movimiento y el fundido de
objetos, por ejemplo.
Para crear una animación, necesita un guion gráfico. que puede contener una o más escalas de tiempo.
Establezca fotogramas clave en una escala de tiempo para marcar los cambios de propiedad. Luego, al ejecutar
la animación, Blend para Visual Studio interpola los cambios de propiedad durante el período de tiempo
designado, lo que produce una transición fluida. Se puede animar cualquier propiedad que pertenezca a un
objeto, incluso las propiedades no visuales.
En las imágenes siguientes se muestra un guion gráfico denominado Stor yboard1 . La escala de tiempo
contiene fotogramas clave que marcan la posición X e Y de un rectángulo. Cuando se ejecuta esta animación, el
rectángulo se mueve de una posición a otra de manera fluida.
2. En el cuadro de diálogo Create Stor yboard Resource (Crear recurso Guion gráfico), escriba un
nombre para el guion gráfico.
3. En el panel Recursos de la vista Diseño, agregue un rectángulo en la parte inferior izquierda de la
página.
4. En la ventana Objetos y escala de tiempo , mueva el puntero de hora amarillo a 3 segundos.
Vea también
Creación de una interfaz de usuario con Blend para Visual Studio
Visualización de datos en Blend para Visual Studio
14/05/2021 • 2 minutes to read
Mientras personaliza el diseño de sus páginas, puede ver datos de ejemplo en el diseñador. Estos datos de
ejemplo se pueden generar desde cero o mediante una clase existente. También puede conectarse a Datos en
directo que aparecen en la aplicación al ejecutarla.
NOTE
El panel datos de Blend solo se admite para los proyectos que tienen como destino .NET Framework. No se admite para
proyectos o proyectos de UWP que tengan como destino .NET Core.
Si desea que los datos de ejemplo aparezcan en las páginas al ejecutar la aplicación, elija Opciones de origen
de datos y, a continuación, Habilitar al ejecutar la aplicación .
Vea también
Creación de una interfaz de usuario con Blend para Visual Studio
Errores y advertencias de XAML
14/05/2021 • 2 minutes to read
Al crear XAML, Visual Studio analiza el código a medida que lo escribe. Cuando se detecta un error, aparece un
subrayado ondulado en una línea de código. Al mantener el mouse sobre el subrayado ondulado se
proporciona más información sobre el error o la advertencia. En el caso de algunos errores y advertencias, se
muestra una bombilla de acción rápida y el uso de Ctrl + . se muestran las opciones para corregir el problema.
Tipos de errores
En segundo plano, varias herramientas analizan el código XAML en paralelo. Los errores de XAML se
categorizan en uno de los tres tipos siguientes, en función de la herramienta que detectó el error:
Para obtener más información sobre cómo cambiar la personalización de marca de la edición XAML & continúe
como la recarga en caliente de XAML, consulte las notas de la versión
NOTE
No todos los errores o advertencias tienen un código correspondiente. Tales errores suelen ser errores del Diseñador
XAML.
Los métodos abreviados de teclado en el Diseñador XAML pueden agilizar el trabajo al reducir una acción que
requiere varios clics del botón del mouse a un solo método abreviado de teclado.
Seleccionar un elemento único Presione Tab para seleccionar elementos en el orden en que
aparecen en el documento. (también puede seleccionar
elementos mediante las teclas de dirección).
Seleccionar varios elementos no adyacentes Mantenga presionada la tecla Ctrl mientras selecciona los
primeros y últimos elementos.
Mover elementos seleccionados Presione las teclas de dirección. (Puede mantener presionada
la tecla Mayús para aumentar la distancia para desplazarse
por pulsación de tecla).
Girar un elemento en incrementos de 15 grados Mantenga presionada la tecla Mayús al girar el elemento.
Vea también
Tutorial: Crear una UI usando el Diseñador XAML
Métodos abreviados de teclado de Blend para
Visual Studio
14/05/2021 • 3 minutes to read
Cortar Ctrl + X
Copiar Ctrl + C
PA RA H A C ER ESTO H A GA ESTO
Pegar Ctrl + V
Eliminar Eliminar
Cambiar el valor primario de un objeto Arrastrar el objeto sobre un panel de diseño y presionar Alt
Restringir las proporciones de los objetos Mantener presionada la tecla Mayús al arrastrar el objeto
Girar un objeto en incrementos de 15 grados Mantener presionada la tecla Mayús al girar el objeto
Mover la mesa de trabajo hacia la izquierda o hacia la Mantener presionada la tecla Mayús y girar la rueda del
derecha mouse
PA RA H A C ER ESTO H A GA ESTO
Mover la mesa de trabajo hacia arriba o hacia abajo Mantener presionada la tecla Ctrl y girar la rueda del mouse
Usar temporalmente la herramienta Selección (al mismo Mantener presionada la tecla Ctrl
tiempo que permanece seleccionada otra herramienta)
Teclas modificadoras de la mesa de trabajo en
Blend
14/05/2021 • 2 minutes to read
Algunos métodos abreviados de teclado no tienen elementos de menú asociados, lo que significa que no puede
usar la interfaz de usuario de Blend para descubrirlos. La siguiente tabla contiene los métodos abreviados que
modifican una acción, por ejemplo, cambiar el tamaño de un objeto.
Desplazar objetos seleccionados mientras está seleccionada Presionar las teclas de dirección
la herramienta Selección
Alejar en la mesa de trabajo Mantener presionada la tecla Ctrl + Alt + mientras se hace
clic en cualquier parte de la mesa de la mesa
Mover la mesa de trabajo hacia la izquierda o hacia la Mantener presionada la tecla Mayús y girar la rueda del
derecha mouse
Mover la mesa de trabajo hacia arriba o hacia abajo Mantener presionada la tecla Ctrl y girar la rueda del
mouse
Restringir las proporciones de los objetos que se están Mantener presionada la tecla Mayús
dibujando o transformando
Cambiar el valor primario de un objeto Arrastrar el objeto sobre un panel de diseño y presionar Alt
antes de soltar el botón del mouse
Seleccionar varios objetos Mantener presionada la tecla Ctrl mientras selecciona cada
objeto
PA RA REA L IZ A R ESTA A C C IÓ N H A GA ESTO
Seleccionar varios objetos adyacentes Mantener presionada la tecla Mayús mientras selecciona el
primer y el último objeto
Seleccionar mediante el dibujo de una marquesina Mantener presionada la tecla Mayús y arrastrar
Seleccionar un objeto debajo de otro objeto Mantenga presionada la tecla Alt y haga clic una vez para
cada capa de objetos.
Vea también
Métodos abreviados de teclado
Teclas modificadoras de la herramienta Pluma
Teclas modificadoras de la herramienta Selección directa
Teclas modificadoras de la herramienta Pluma en
Blend para Visual Studio
14/05/2021 • 2 minutes to read
En la tabla siguiente se enumeran los métodos abreviados que se pueden usar para modificar un trazado al
crearlo con la herramienta Pluma . También se puede usar la herramienta Pluma para agregar o eliminar
puntos de un trazado existente, o para unir dos trazados existentes.
Crear un punto para iniciar un Haga clic para crear el punto nuevo
segmento de línea recta
Puntero de pluma
Crear un punto para iniciar un Haga clic para crear el punto nuevo y,
segmento de línea curva a continuación, arrastre para ajustar
los manipuladores de tangente antes Puntero de pluma
de soltar el botón del mouse
Ajustar la última tangente sin Hacer clic para crear el nuevo punto y,
restricción suave, lo que permite crear después, presionar Alt antes de soltar
un vértice agudo el botón del mouse Puntero de pluma para ajustar
Dividir la última tangente de modo Hacer clic para crear el nuevo punto y,
que los extremos de la tangente sean después, mantener presionada la tecla
independientes, lo que permite crear Alt y arrastrar antes de soltar el botón Puntero de pluma para ajustar
un vértice agudo del mouse
Cerrar un trazado con una curva suave Haga clic en el punto inicial y arrastre
en el vértice para modificar el manipulador de
tangente antes de soltar el botón del Puntero de pluma para cerrar
mouse
Crear un vértice agudo al unir dos Seleccione dos trazados, haga clic en la
trazados herramienta Pluma , haga clic en un
extremo de uno de los trazados y Puntero de unión de la pluma
después en un extremo del otro
trazado
Crear un vértice suavizado al unir dos Seleccione dos trazados, haga clic en la
trazados herramienta Pluma , haga clic en un
extremo de uno de los trazados y, Puntero de unión de la pluma
después, arrastre un extremo del otro
trazado
Vea también
Teclas modificadoras de la mesa de trabajo
Teclas modificadoras de la herramienta Selección directa
Dibujar formas y trazados
Teclas modificadoras de la herramienta Selección
directa en Blend para Visual Studio
14/05/2021 • 2 minutes to read
En la tabla siguiente se muestran los accesos directos que puede usar para modificar la forma de un trazado
existente con la herramienta Selección directa . Para agregar puntos a un trazado, quitar puntos de un
trazado o unir dos trazados existentes, use la herramienta Pluma .
Vea también
Teclas modificadoras de la mesa de trabajo
Teclas modificadoras de la herramienta Pluma
Dibujar formas y trazados
Inspeccionar las propiedades XAML durante la
depuración
18/06/2021 • 7 minutes to read
Puede obtener una vista en tiempo real del código XAML en ejecución con Árbol visual dinámico y Live
Proper ty Explorer . Estas herramientas le proporcionan una vista de árbol de los elementos de interfaz de
usuario de la aplicación XAML en ejecución y le muestran las propiedades en tiempo de ejecución de cualquier
elemento de interfaz de usuario que seleccione.
Puede usar estas herramientas en las siguientes configuraciones:
<Window x:Class="TestXAML.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:TestXAML"
mc:Ignorable="d"
Title="MainWindow" Height="350" Width="525">
<Grid>
<Button x:Name="button" Background="LightBlue" Content="Add Item" HorizontalAlignment="Left"
Margin="216,206,0,0" VerticalAlignment="Top" Width="75" Click="button_Click"/>
<ListBox x:Name="listBox" HorizontalAlignment="Left" Height="100" VerticalAlignment="Top"
Width="100" Margin="205,80,0,0"/>
</Grid>
</Window>
NOTE
Un borde amarillo alrededor de una propiedad en el Explorador de propiedades live significa que el valor de
propiedad se establece a través de un enlace, como Color = {BindingExpression} . Un borde verde significa
que el valor se establece mediante un recurso, como Color = {StaticResource MyBrush} .
La estructura real del XAML tiene muchos elementos que probablemente no le interesen, y si no conoce
bien el código tal vez tenga que perder bastante tiempo navegando por el árbol para encontrar lo que
está buscando. Live Visual Tree tiene un par de maneras que le permiten usar la interfaz de usuario de
la aplicación para poder encontrar el elemento que desea examinar.
Seleccione el elemento en la aplicación en ejecución. Puede habilitar este modo al seleccionar el
botón situado más a la izquierda de la barra de herramientas de Live Visual Tree . Con este modo
activado puede seleccionar un elemento de interfaz de usuario en la aplicación; Live Visual Tree (y Live
Proper ty Viewer ) se actualiza automáticamente para mostrar el nodo en el árbol correspondiente a
dicho elemento y sus propiedades. A partir Visual Studio versión 16.4 de 2019, puede configurar el
comportamiento de la selección de elementos.
Mostrar adornos de diseño en la aplicación en ejecución . Puede habilitar este modo al seleccionar
el botón que está justo a la derecha del botón Habilitar selección. Cuando la opción Mostrar adornos
de diseño está activada, la ventana de la aplicación muestra líneas horizontales y verticales a lo largo de
los límites del objeto seleccionado para que pueda ver lo que alinea, así como rectángulos que muestran
los márgenes. Por ejemplo, active el elemento Seleccionar y mostrar diseño y seleccione el bloque de
texto Agregar elemento en la aplicación. Debería ver el nodo del bloque de texto en Live Visual Tree y
las propiedades del bloque de texto en Live Proper ty Viewer , así como las líneas horizontales y
verticales en los límites del bloque de texto.
Obtener una vista previa de la selección . Puede habilitar este modo seleccionando el tercer botón
de la izquierda en la barra de herramientas de Live Visual Tree. Este modo muestra el XAML donde se ha
declarado el elemento, siempre y cuando tenga acceso al código fuente de la aplicación. Seleccione
Select element (Seleccionar elemento) y Preview selection (Vista previa) y, a continuación,
seleccione el botón en nuestra aplicación de prueba. Se abre el archivo MainWindow.xaml en Visual
Studio y se coloca el cursor en la línea en la que se define el botón.
Habilitar la selección en la aplicación en ejecución . Puede habilitar este modo al seleccionar el
botón situado más a la izquierda de la barra de herramientas de Live Visual Tree . Con este modo
activado puede seleccionar un elemento de interfaz de usuario en la aplicación; Live Visual Tree (y Live
Proper ty Viewer ) se actualiza automáticamente para mostrar el nodo en el árbol correspondiente a
dicho elemento y sus propiedades.
Mostrar adornos de diseño en la aplicación en ejecución . Puede habilitar este modo al seleccionar
el botón que está justo a la derecha del botón Habilitar selección. Cuando la opción Mostrar adornos
de diseño está activada, la ventana de la aplicación muestra líneas horizontales y verticales a lo largo de
los límites del objeto seleccionado para que pueda ver lo que alinea, así como rectángulos que muestran
los márgenes. Por ejemplo, active Habilitar selección y Mostrar diseño , y seleccione el bloque de
texto Agregar elemento en la aplicación. Debería ver el nodo del bloque de texto en Live Visual Tree y
las propiedades del bloque de texto en Live Proper ty Viewer , así como las líneas horizontales y
verticales en los límites del bloque de texto.
Obtener una vista previa de la selección . Puede habilitar este modo seleccionando el tercer botón
de la izquierda en la barra de herramientas de Live Visual Tree. Este modo muestra el XAML donde se ha
declarado el elemento, siempre y cuando tenga acceso al código fuente de la aplicación. Seleccione
Habilitar selección y Obtener una vista previa de la selección y, luego, seleccione el botón de
nuestra aplicación de prueba. Se abre el archivo MainWindow.xaml en Visual Studio y se coloca el cursor
en la línea en la que se define el botón.
Vea también
Escritura y depuración de código XAML en ejecución con Recarga activa de XAML
Escritura y depuración de código XAML en
ejecución con Recarga activa de XAML en
Visual Studio
14/05/2021 • 3 minutes to read
La recarga activa de XAML le ayuda a compilar la interfaz de usuario (UI) de la aplicación para UWP o de UWP
permitiéndole realizar cambios en el código XAML mientras se ejecuta la aplicación. La recarga activa está
disponible en Visual Studio y Blend para Visual Studio. Esta característica le permite compilar y probar
incrementalmente el código XAML con la ventaja de que el contexto de datos de la aplicación en ejecución, el
estado de autenticación y otras complejidades del mundo real son difíciles de simular durante el tiempo de
diseño. Si necesita ayuda para solucionar problemas de recargas activas de XAML, consulte solución de
problemas de la recarga activa de XAML en su lugar.
NOTE
Si usa Xamarin. Forms, consulte recarga activa de XAML para Xamarin. Forms.
Aplicaciones universales de Windows (UWP) Windows 10 y versiones posteriores, con elSDK de Windows
10 14393 +
En la ilustración siguiente se muestra el uso del árbol visual dinámico para abrir el código fuente y, a
continuación, la recarga activa de XAML para cambiar el color del botón y el texto del botón.
NOTE
La recarga activa de XAML de Visual Studio solo se admite actualmente cuando se ejecuta la aplicación en Visual Studio o
Blend para Visual Studio con el depurador adjunto (F5 o iniciar depuración ). No puede habilitar esta experiencia
mediante asociar al proceso a menos que establezca manualmente una variable de entorno.
Restricciones conocidas
A continuación se indican las limitaciones conocidas de la recarga activa de XAML. Para evitar cualquier
limitación en la que se ejecute, simplemente detenga el depurador y, a continuación, complete la operación.
Cambiar el enlace de datos N/D Se admite a partir de Visual Esto requiere la versión
que usa la extensión de Studio 2019 1809 de Windows 10
marcado {x:Bind} (compilación 10.0.17763).
No se admite en Visual
Studio 2017 o versiones
anteriores.
Mensajes de error
Es posible que se produzcan los siguientes errores al usar la recarga activa de XAML.
Error al comprobar el evento Error indica que está intentando conectar un evento a uno
de los controles, lo que no se admite mientras la aplicación
se está ejecutando.
M EN SA JE DE ERRO R DESC RIP C IÓ N
Este cambio no es compatible con la recarga activa de XAML Error indica que el cambio que está intentando no es
y no se aplicará durante la sesión de depuración. compatible con la recarga activa de XAML. Detenga la sesión
de depuración, realice el cambio y, a continuación, reinicie la
sesión de depuración. Si encuentra un escenario no admitido
que le gustaría ver como compatible, use la nueva opción
"sugerir una característica" de la comunidad de
desarrolladores de Visual Studio.
Vea también
Solución de problemas con la recarga activa de XAML
Recarga activa de XAML para Xamarin.Forms
Editar y continuar (Visual C#)
Solución de problemas con la recarga activa de
XAML
14/05/2021 • 2 minutes to read
Esta guía de solución de problemas incluye instrucciones detalladas que deben resolver la mayoría de los
problemas que impiden que la recarga activa de XAML funcione correctamente.
La recarga activa de XAML es compatible con aplicaciones de WPF y UWP. Para obtener más información sobre
los requisitos del sistema operativo y las herramientas, vea escribir y depurar código XAML en ejecución con la
recarga activa de XAML.
Si no ve la barra de herramientas en la aplicación, abra opciones de depuración > > General . Asegúrese de
que están seleccionadas las dos opciones, habilitar las herramientas de depuración de la interfaz de
usuario para XAML y Habilitar la recarga activa de XAML .
Si estas opciones están seleccionadas, vaya al árbol visual dinámico (depurar > > árbol visual de Windows
Live) y asegúrese de que la opción Mostrar herramientas en tiempo de ejecución en la aplicación (en el
extremo izquierdo) está seleccionada.
NOTE
Para establecer una variable de entorno, use el botón Inicio para buscar "variable de entorno" y elija editar las variables
de entorno del sistema . En el cuadro de diálogo que se abre, elija variables de entorno , agréguelo como variable de
usuario y establezca el valor en 1 . Para limpiar, quite la variable cuando termine la depuración.
UWP
<DisableXbfLineInfo>False</DisableXbfLineInfo>
Vea también
Escribir y depurar código XAML en ejecución con recarga activa de XAML
Depurar XAML en Blend
14/05/2021 • 5 minutes to read
Puede usar las herramientas de Blend para Visual Studio para depurar el XAML en la aplicación. Al compilar un
proyecto, los errores se muestran en el panel Resultados . Haz doble clic en un error para buscar el marcado
relacionado con el error. Si necesita más espacio para trabajar, puede ocultar el panel resultados presionando
F12 .
Errores de sintaxis
Los errores de sintaxis se producen cuando el código XAML o los archivos de código subyacente no cumplen las
reglas de formato del lenguaje. La descripción del error puede ayudarte a solucionarlo. La lista especifica
también el nombre del archivo y el número de línea en que se produce el error. Los errores de XAML se
muestran en la pestaña Marcado en el panel Resultados .
TIP
XAML es un lenguaje de marcado basado en XML y sigue las reglas sintácticas de XML.
Entre las causas comunes de errores de sintaxis de XAML, figuran las siguientes:
Una palabra clave tiene errores ortográficos o el uso de las mayúsculas no es correcto.
Faltan las comillas en atributos o cadenas de texto.
A un elemento XAML le falta una etiqueta de cierre.
Un elemento XAML está en una ubicación no permitida.
Para obtener más información sobre la sintaxis común de XAML, consulte Guía de sintaxis XAML básica.
También puede identificar y resolver errores simples de sintaxis de código subyacente, errores de compilación y
errores en tiempo de ejecución en Blend. Pero puede que te resulte más fácil identificar y resolver los errores del
código subyacente en Visual Studio.
Depurar código XAML de ejemplo
En el ejemplo siguiente se le guiará a través de una sesión de depuración XAML simple en Blend.
Para crear un proyecto
1. En Blend, abra el menú archivo y, a continuación, haga clic en nuevo proyecto .
En el cuadro de diálogo Nuevo proyecto , aparece a la izquierda una lista de tipos de proyecto. Cuando
hagas clic en un tipo de proyecto, las plantillas de proyecto asociadas a ese tipo aparecerán a la derecha.
2. En la lista de tipos de proyecto, haga clic en Windows universal .
3. En la lista de plantillas de proyecto, haga clic en aplicación vacía (Windows universal) .
4. En el cuadro de texto nombre , escriba DebuggingSample .
5. En el cuadro de texto Ubicación , compruebe la ubicación del proyecto.
6. En la lista Lenguaje , haga clic en Visual C# y después en Aceptar para crear el proyecto.
7. Haga clic con el botón derecho en la superficie de diseño y haga clic en Ver código fuente para cambiar
a la vista Dos paneles .
8. Copie el código siguiente haciendo clic en el vínculo Copiar situado en la esquina superior derecha del
código.
9. Busque la cuadrícula predeterminada y pega el código entre las etiquetas de apertura y cierre de la
cuadrícula . Cuando termines, el código debe tener un aspecto similar al siguiente:
Presione Ctrl + MAYÚS + B para compilar el proyecto y confirmar que no hay ningún error restante.
Obtener ayuda
Si necesita más ayuda para depurar la aplicación de Blend, puede buscar en los foros de la comunidad de
aplicaciones para UWP los comentarios relacionados con su problema o publicar una pregunta.
Depuración de aplicaciones para Windows universal
(UWP) en Visual Studio
14/05/2021 • 2 minutes to read
El depurador de Visual Studio proporciona compatibilidad completa con la depuración de las aplicaciones para
UWP. Consulte los artículos siguientes para las tareas de depuración de UWP.
Ejecutar aplicaciones para UWP en una máquina local, un Inicio de una sesión de depuración para una aplicación de
dispositivo remoto o conectado o un simulador de UWP
aplicaciones.
Depurar las aplicaciones implementadas, tanto locales como Depuración de un paquete de aplicaciones instalado
remotas.
Escribir y depurar código XAML en ejecución Puede usar la recarga activa de XAML para explorar el árbol
visual de un objeto XAML de UWP y ver las propiedades de
dependencia para los objetos contenidos en ese árbol. En
este tema se describe cómo usar la recarga activa de XAML.
Inspeccionar las propiedades XAML durante la depuración Puede usar el árbol visual dinámico para explorar el árbol
visual de un objeto XAML de UWP y ver las propiedades de
dependencia para los objetos contenidos en ese árbol.
Analice el efecto de la clase ContentPrefetcher en las Captura previa de contenido para aplicaciones para UWP
aplicaciones para UWP.
Vea también
Analizar la calidad del código utilizando análisis de código estático
Introducción a WPF
14/05/2021 • 2 minutes to read
Windows Presentation Foundation (WPF) es un marco de interfaz de usuario que crea aplicaciones de cliente de
escritorio. La plataforma de desarrollo de WPF admite un amplio conjunto de características de desarrollo de
aplicaciones, incluido un modelo de aplicación, recursos, controles, gráficos, diseños, enlace de datos,
documentos y seguridad. El marco es parte de .NET, por lo que si ya ha creado aplicaciones con .NET mediante
ASP.NET o Windows Forms, la experiencia de programación debe resultarle familiar. WPF usa el lenguaje XAML
para proporcionar un modelo declarativo para la programación de aplicaciones.
Esta sección contiene temas que presentan WPF y le ayudarán a empezar a trabajar con él.
Quiero comparar herramientas de diseño XAML... Diseño de XAML en Visual Studio y Blend para Visual Studio
Introducción a Visual C#
Controles
Consulte también
Guía de escritorio de WPF
Biblioteca de clases (WPF)
Recursos de la comunidad de WPF
Información general sobre el desarrollo de aplicaciones
Depurar WPF
14/05/2021 • 2 minutes to read
Visual Studio proporciona características adicionales para facilitar la depuración de aplicaciones WPF.
Temas relacionados
T IT L E DESC RIP C IÓ N
Escribir y depurar código XAML en ejecución Puede usar la recarga activa de XAML para explorar el árbol
visual de un objeto de WPF y ver las propiedades de
dependencia de WPF para los objetos contenidos en ese
árbol. En este tema se describe cómo usar la recarga activa
de XAML.
Inspeccionar las propiedades XAML durante la depuración Puede usar el árbol visual dinámico para explorar el árbol
visual de un objeto de WPF y ver las propiedades de
dependencia de WPF para los objetos contenidos en ese
árbol.
Cómo: Uso del visualizador de árboles de WPF Puede usar el visualizador de árboles de WPF para explorar
el árbol visual de un objeto de WPF y ver las propiedades de
dependencia de WPF para los objetos contenidos en ese
árbol. En este tema se describe la interfaz de usuario del
visualizador de árboles de WPF.
Cómo: Presentación de información de seguimiento de WPF Visual Studio puede recibir información de seguimiento de la
depuración de las aplicaciones WPF y mostrar esa
información en la ventana Salida . En este tema se describe
cómo habilitar y personalizar la presentación de la
información de seguimiento de WPF.
Vea también
Depurar código administrado
Procedimiento Usar el visualizador de árboles de
WPF
14/05/2021 • 2 minutes to read
Puede usar el visualizador de árboles de WPF para explorar el árbol visual de un objeto de WPF y ver las
propiedades de dependencia de WPF para los objetos contenidos en ese árbol. Para obtener más información
sobre los árboles visuales, vea Árboles en WPF. Para obtener más información sobre las propiedades de
dependencia, vea Introducción a las propiedades de dependencia.
Al abrir el visualizador de árboles de WPF, verá dos paneles: el Árbol visual a la izquierda y las Propiedades
de Nombre : Tipo a la derecha. Al seleccionar cualquier objeto en el panel Árbol visual , el panel Propiedades
de Nombre : Tipo se actualizará automáticamente para mostrar las propiedades de dicho objeto.
NOTE
También puede usar el árbol visual dinámico y el explorador de propiedades dinámicas para examinar el árbol visual de los
objetos WPF. El visualizador de árboles de WPF es una característica heredada y no está en desarrollo activo.
Vea también
Create Custom Visualizers (Crear visualizadores personalizados)
Árboles en WPF
Información general sobre las propiedades de dependencia
Procedimiento Presentación de información de
seguimiento de WPF
14/05/2021 • 2 minutes to read
Visual Studio puede recibir información de seguimiento de la depuración de las aplicaciones WPF y mostrar esa
información en la ventana Salida . Para mostrar la información de seguimiento de depuración, debe estar
habilitada la traza de WPF.
Puede habilitar la traza de WPF en su archivo App.Config o, mediante programación, utilizando la clase
PresentationTraceSources. Una manera más fácil de habilitar la traza de WPF es usar la ventana Opciones . No
se admite la traza WPF en las aplicaciones web.
Para habilitar o personalizar la información de seguimiento de WPF
1. En el menú Herramientas , seleccione Opciones .
2. En el cuadro de diálogo Opciones , en el cuadro de la izquierda, abra el nodo Depuración .
3. En Depuración , haga clic en Ventana de salida .
4. En Configuración general de salida , seleccione Toda la salida de depuración .
5. En el cuadro de la derecha, busque Configuración de seguimiento de WPF .
6. Abra el nodo Configuración de seguimiento de WPF .
7. En Configuración de seguimiento de WPF , haga clic en la categoría de valores que desea habilitar
(por ejemplo, Enlace de datos ).
Aparecerá un control de lista desplegable en la columna Configuración, al lado de Enlace de datos o de
la categoría en la que haya hecho clic.
8. Haga clic en la lista desplegable y seleccione el tipo de información de seguimiento que quiere ver: All ,
Critical , Error , Warning , Information , Verbose o ActivityTracing .
Critical solo habilita la traza de los eventos críticos.
Error habilita la traza de los eventos críticos y de error.
Warning habilita la traza de los eventos críticos, de error y de advertencia.
Information habilita la traza de los eventos críticos, de error, de advertencia y de información.
Verbose habilita la traza de los eventos críticos, de error, de advertencia, de información y detallados.
ActivityTracing habilita la traza de los eventos de detención, inicio, suspensión, transferencia y
reanudación.
Para obtener más información sobre el significado de estos niveles de información de seguimiento, vea
SourceLevels.
9. Haga clic en Aceptar .
Para deshabilitar la información de seguimiento de WPF
1. En el menú Herramientas , seleccione Opciones .
2. En el cuadro de diálogo Opciones , en el cuadro de la izquierda, abra el nodo Depuración .
3. En Depuración , haga clic en Ventana de salida .
4. En el cuadro de la derecha, busque Configuración de seguimiento de WPF .
5. Abra el nodo Configuración de seguimiento de WPF .
6. En Configuración de seguimiento de WPF , haga clic en la categoría de valores que desea habilitar
(por ejemplo, Enlace de datos ).
Aparecerá un control de lista desplegable en la columna Configuración, al lado de Enlace de datos o de
la categoría en la que haya hecho clic.
7. Haga clic en la lista desplegable y seleccione Desactivado .
8. Haga clic en Aceptar .
Vea también
Depurar WPF