c# - tutorial - XAML Designer no aparece

wpf vs windows forms (16)

En MS Visual Studio Express 2013 para Windows Desktop:

Estoy aprendiendo C # y siguiendo un ejemplo que muestra cómo crear una interfaz de usuario en un archivo .xaml. https://msdn.microsoft.com/en-us/library/jj153219.aspx

En el tutorial (ver Figuras 7 y 8) aparece que debería haber algunas ventanas que muestren la GUI. Sin embargo, cuando intento abrir el archivo .xaml en el Explorador de soluciones, Ver código (Ctrl + Alt + 0) y Ver diseñador (Shift + F7) presentan la misma cosa: solo el código. ¿Cómo abro la caja GUI?

Actualización - Aquí están los contenidos del archivo .xaml. Nota: Estoy intentando abrir una nueva aplicación WPF de C #. Este es el código de stock que produce Visual Studio.

<Window x:Class="WpfEvents.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525"> <Grid> </Grid> </Window>

No hay opción de XAML UI Designer:

Sin configuración de vista de XAML completa: ¡Gracias!

Esta es la versión de Visual Studio que descargué. La descripción me lleva a creer que el XAML UI Designer debería estar instalado y que esto no debería ser un problema.

Express 2013 para Windows Desktop

Visual Studio Express para Windows Desktop le permite aprovechar al máximo Windows con los diseñadores de XAML, un IDE productivo y una variedad de lenguajes de programación que incluyen C #, Visual Basic y C ++. Elija entre Windows Presentation Foundation (WPF), Windows Forms y Win32, para apuntar al escritorio de Windows con la tecnología adecuada para su aplicación y sus habilidades.

Confirmando la respuesta de Sam para VS 2015; Parece que VS tiene una función reproducible: 1. Cree una nueva solución (Windows Universal, por ejemplo) 2. Cree una nueva página de vista XAML en esa solución 3. Si el Diseñador no se carga en esa página, haga lo que Sam dice: haga clic con el botón derecho en su proyecto en el explorador de soluciones y cambie la versión de destino a Windows 10 (10.0; Build 10240). Tuve el mismo problema en un proyecto, creé una nueva solución de prueba para explorar el problema y tuve el mismo problema. La solución de Sam funcionó.

Creo que estás buscando XAML Designer y puedes cargarlo desde aquí:

Estoy usando Microsoft VS Community 2015 (actualización final)

(captura de pantalla)

En VS2017 v15.8.9 encontré que el diseñador no se mostraba, por ejemplo, cuando se hacía clic derecho en el panel de código de una vista xaml y se seleccionaba Ver diseñador.

Realizar lo siguiente lo resolví por mí: entré en Herramientas> Opciones> Diseñador XAML y la opción Habilitar diseñador XAML estaba marcada. Entonces, lo desmarqué, hice clic en Aceptar en el cuadro de diálogo Opciones para cerrarlo.

Salí y reinicié Visual Studio y de nuevo entré en Herramientas> Opciones> XAML Designer, seleccioné Habilitar XAML Designer, hice clic en Aceptar, reinicié Visual Studio y ahora está funcionando.

Esta es mi situación, pero puede que no se aplique a la suya: tuve el mismo problema pero la solución es simple. De alguna manera, mi programa todavía se está ejecutando, incluso cerré la ventana de WPF. Tengo que detener la depuración y luego la página del diseñador se mostrará automáticamente. Espero que esto funcione.

Herramientas> Opción> XAML Designer y habilitar XAML Designer funcionó para mí.

PS: Por defecto está habilitado. Lo inhabilité debido al problema de rendimiento de VS, me olvidé de este cambio y terminé enfrentándome al mismo problema cuando comencé a trabajar en el proyecto WPF.

Lo más probable es que esté configurado para no abrir el XAML en la vista completa del XAML. Prueba esto

Primero haga clic en Herramientas > Opciones
Vaya a Editor de texto > XAML > Varios
Desmarque la casilla que dice Abrir siempre el documento en la vista XAML completa .
Haga clic en Aceptar , cierre el cuadro Opciones e intente abrir de nuevo

Si no ve el Editor de texto en el menú de Opciones , marque la casilla Mostrar todas las configuraciones en la parte inferior izquierda de la ventana de Opciones .

Lo que me ayudó fue al igual que muchos otros problemas con el diseñador de Xamarin, cerrar todas las pestañas, limpiar soluciones, eliminar carpetas y obj , reconstruir la solución

No estoy seguro de si debo publicar la respuesta aquí porque es posible que no se aplique a VS Express 2013.

Tengo exactamente el mismo problema al usar Visual Studio 2015 Community Edition. Resulta que mi proyecto de la versión de destino es mayor.

Intenta lo siguiente:

Haga clic derecho en su proyecto en el explorador de soluciones.
Cambie la versión de destino a Windows 10 (10.0; compilación 10240) .

Avísame si no es relevante y eliminaré mi respuesta.

Saludos, Sam

No tengo idea de cuál era el problema, pero desinstalar y reinstalar el mismo software funcionó.

Interesante

Por algún motivo, se usó "Editor de texto (XML)" como el editor predeterminado de XAML. Para solucionarlo, debe hacer clic con el botón derecho en el archivo en el explorador de soluciones, luego seleccionar "Abrir con ..." y seleccionar "Diseñador de interfaces de usuario XAML".

Resharper puede desactivar el diseñador XML en Resharper> Opciones> Guía de rendimiento
Solucioné mi problema desactivando el bloque Resharper y restaurando el diseñador XML en Herramientas> Opciones

Sé que este es un tema antiguo, pero mi solución podría ayudar a alguien en el futuro.

Me encontré con el mismo problema con Visual Studio 2015 Community en Windows 7, donde uno de los archivos xaml de mi proyecto xamarin android dejó de mostrar la pestaña Diseñador debajo del código XAML, el otro día.

Intenté todas las soluciones dadas sin ningún efecto, sin embargo, siguiendo los pasos de @Waqas , descubrí que "Usar el diseño basado en cuadrantes" no estaba marcado mientras que otras casillas estaban marcadas. Para resumir:

Comunidad VS 2015> Herramientas> Opción> Diseñador XAML> marcar Usar diseño basado en cuadrante

Luego salí y reinicié Visual Studio para encontrar la pestaña del Diseñador que se encuentra en la parte inferior izquierda del código XAML, junto con la pestaña Fuente. HTH.

Tuve el mismo problema por una razón diferente. Había excluido del proyecto el archivo XAML. Cuando hice clic para editarlo, solo estaba el código XAML, no había imagen. Tomó un tiempo para detectar.

FYI: Este es un método de fuerza bruta. Publiqué una solución mucho más limpia a mi problema en una respuesta diferente.

Problema : XAML UI Designer no se muestra mientras se usa un repositorio git

Solución : elimine y vuelva a crear el directorio del proyecto en %USERPROFILE%/source/Repos .

Pasos

Elimine el directorio del proyecto de %USERPROFILE%/source/Repos usando el Explorador de archivos
Elija Checkout de Visual Studio Team Services en la página de inicio
Tire del proyecto otra vez
Advertencia: ¡ asegúrese de que sus archivos están respaldados!

Versión : Visual Studio 2017

Tipo de proyecto : C # y WPF dirigidos a .Net 4.5.2 con la aplicación de consola como tipo de salida (para propósitos de resolución de problemas, lo tengo como WPF y como aplicación de consola).

Detalles del problema:

Saqué un proyecto en el que estaba trabajando desde un repositorio git a la computadora problemática (usando todo el software y las cuentas incorporadas de Microsoft). Se clonó correctamente en la computadora problemática y Visual Studio funcionó. Después de un tirón del repositorio, el Diseñador de interfaz de usuario de XAML (¿Mezclar?) Desapareció dejándome solo con la fuente XAML. La solución (después de probar algunos de los otros que se enumeran aquí) fue eliminar el directorio de source de mi computadora local y extraer un nuevo clon del proyecto.

Insinuación:

Eliminar y volver a crear el proyecto puede funcionar también en otros casos. YMMV.

Problema : XAML UI Designer no se muestra

Soluciones : (diferentes y mucho más elegantes que mi solución anterior)

Haga clic en el archivo de Solución ( .sln ) en el Explorador de soluciones , si el archivo .sln está listado en el Explorador de soluciones
Haga clic en el icono del panel Expandir para mostrar el panel de diseño, si se muestra

Solución 1: Abra el archivo .sln :

Mi proyecto es clonado desde un repositorio git. Cuando lo abro desde la página de inicio, se abre con una lista completa de archivos en el Explorador de soluciones . Si abro cualquiera de los archivos .xaml de ese Explorador de soluciones, se abren con un editor XML que no muestra la vista gráfica de XAML.

En la parte inferior del Explorador de soluciones hay un .sln (solución). Al abrir ese archivo, se carga la lista de archivos a la que estoy acostumbrado. Si hay archivos .xaml abiertos, no tendrán acceso a la vista Diseño. Al abrirlos y cerrarlos en este punto se cargará la vista Diseño. Si la vista Diseño aún no aparece, vea la Solución 2 inmediatamente a continuación.

Solución 2: haga clic en el panel Expandir :

En la parte inferior de la ventana del editor XAML puede ver un pequeño icono con una flecha doble ( panel Expandir ). Si lo hace, significa que ha ocultado el Panel de diseño . Haz clic en él y deberás recuperar el panel de diseño.

Versión : Visual Studio 2017

Detalles del problema:

Una solución anterior que encontré fue eliminar el directorio de source de mi computadora local y extraer un nuevo clon del proyecto. Sin embargo, eso solucionó mi problema, ahora he jugado con él y he encontrado otras dos razones por las que faltaba mi Vista de diseño XAML. Me imagino que no necesitaba borrar la carpeta y que estas dos soluciones hubieran sido suficientes.

1. Kill the designer process with PowerShell or via Task Manager. PS C:/Users/nagel> ps XD* Handles NPM(K) PM(K) WS(K) CPU(s) Id SI ProcessName ------- ------ ----- ----- ------ -- -- ----------- 865 54 86464 117936 3.28 7156 1 XDesProc PS C:/Users/nagel> kill 7156 2. build the project. The designer windows will appear with the black background and the three links. Click on the second link that says "Click here to disable running project code and reload the designer". After the click, the designer window will show up.