Vista dividida: Ver la superficie de diseño de WPF y XAML al mismo tiempo
[Esta documentación se proporciona solo para fines preliminares y está sujeta a cambios en versiones posteriores. Se incluye temas en blanco como marcadores].
WPF Designer para Visual Studio admite una vista denominada vista en dos paneles. La vista dividida permite ver el marcado XAML y el diseñador visual simultáneamente. Los cambios realizados en el diseñador visual se reflejan inmediatamente en el marcado XAML y viceversa. En este tema se describen algunas de las maneras en las que puede usar y configurar la vista dividida.
Vista dividida
Una vista dividida se compone de dos paneles separados por una barra. Un panel contiene la Vista de diseño de la ventana activa o control de usuario. Este panel admite el estilo arrastrar y colocar del desarrollo de aplicaciones que los programadores de formularios Windows Forms conocen bien. El segundo panel contiene la vista XAML de la ventana activa o control de usuario. Este marcado XAML es totalmente modificable y admite IntelliSense. Puede modificar directamente los elementos XAML, agregar atributos o agregar nuevos elementos escribiendo el marcado adecuado en este panel.
Los dos paneles de una vista dividida están sincronizados de modo que los cambios efectuados en un panel se actualizan inmediatamente en el otro. Por ejemplo, si arrastra un control en el Cuadro de herramientas a la Vista de diseño, el XAML se actualiza inmediatamente para reflejar el nuevo elemento. Igualmente, si un nuevo elemento se agrega escribiendo el marcado en la vista XAML, la representación visual aparecerá inmediatamente en la Vista de diseño, una vez que el XAML esté correctamente formado.
.png "Vista en dos paneles")
Configurar un vista dividida
Una vista dividida se puede configurar de modo que satisfaga su estilo y forma de programar. La barra que separa los dos paneles se puede mover con el mouse para alternar el tamaño relativo de los dos paneles. La barra contiene unos iconos que permiten cambiar el aspecto de la vista dividida. Si hace clic en el icono de alternar paneles situado entre las pestañas Diseño y XAML, la ubicación de los paneles se modificará. Los tres iconos agrupados en la barra permiten alternar entre la vista vertical, donde los paneles se muestran en paralelo, y la vista horizontal, donde los paneles se apilan, y contraer o expandir la sección inferior. Cuando se contrae un panel puede alternar entre la Vista de diseño y la vista XAML haciendo clic en la ficha adecuada de la barra. Hacer doble clic en la barra tiene el mismo efecto que hacer clic en el icono de contraer o expandir. Si hace doble clic en las fichas, se mostrará la vista completa de ese panel. El diseño del panel se guarda con cada documento dentro del proyecto.
Vea también
Conceptos
Navegar en la jerarquía de elementos de un documento de WPF