Diseño de interfaces de usuario con Xcode

A partir de Visual Studio 2019 versión 16.8 y Visual Studio para Mac versión 8.8, la manera recomendada de editar archivos .storyboard y .nib es editándolos en Xcode Interface Builder en un equipo Mac.

Nota:

A partir Visual Studio versión 16.9 de 2019, no se admite la edición de guiones gráficos de iOS en Windows. Use Visual Studio para Mac y el Interface Builder Xcode para seguir creando las interfaces de usuario de Xamarin.iOS.

En este artículo se tratan soluciones comunes para crear interfaces de usuario con el Interface Builder Xcode. Este artículo puede resultar especialmente útil si ha editado previamente las URI con Xamarin.iOS Designer.

Para obtener un tutorial más detallado de guiones gráficos, vea Guiones gráficos en Xamarin.iOS.

Cómo abrir un guión gráfico

Abra un archivo de interfaz de usuario de iOS en Visual Studio para Mac haga clic con el botón derecho en un archivo de guión gráfico y seleccione Xcode Interface Builder:

Seleccione Interface Builder

A continuación, debería ver la ventana Xcode abierta. Las modificaciones guardadas aquí se reflejarán en el Visual Studio proyecto.

Ventana Xcode

Para obtener más información sobre el Interface Builder Xcode, vea Interface Builder integrado.

Creación de un nuevo control

Para crear un nuevo control con el Interface Builder Xcode, seleccione primero el guión gráfico que desea editar. A continuación, abra el cuadro de diálogo Biblioteca de Xcode(Vermostrar biblioteca) y arrastre el control al guión gráfico.

Selector de biblioteca

A continuación, abra el archivo de encabezado del controlador de vista correspondiente. Para una aplicación de Xamarin.iOS de "vista única" en blanco, el guión gráfico predeterminado se denomina Main.storyboard. El archivo de controlador de vista correspondiente se denomina ViewController.cs en Visual Studio con un archivo de encabezado ViewController.h correspondiente cuando se ve desde Xcode.

En el archivo Xcode Interface Builder, abra el guión gráfico y el archivo de encabezado del controlador de vista correspondiente. Mantener presionada la tecla Control ( ), arrastre el control desde el guión gráfico hasta el archivo del controlador de vista hasta que Xcode le solicite un cuadro de diálogo.

Control Vínculo de demostración

Como se muestra anteriormente, el código de C# correspondiente se generará automáticamente en el archivo de código subyacente del controlador de vista. Ahora puede acceder a este control en el proyecto de Xamarin.iOS.

Edición del nombre de un control existente

Para editar el nombre de un control existente desde el Interface Builder de Xcode y reflejar ese cambio en el proyecto de C#, vaya al archivo de encabezado del controlador de vista adecuado, haga clic con el botón derecho y seleccione Refactorizar.

Refactorización del control

El archivo de código subyacente se volverá a generar con el nuevo nombre, lo que le permitirá acceder al control a través del código de Visual Studio para Mac.

Problemas conocidos

En esta sección se tratan los problemas conocidos.

"Visual Studio no se pudo comunicar con Xcode"

En macOS Catalina o superior, puede encontrar el siguiente error:

no se puede comunicar err

En primer lugar, en las preferencias del sistema del equipo Mac en Automatización de la privacidad de seguridad, asegúrese de que Visual Studio y > esté activado. >

Seguridad de macOS

Si Xcode está activado y el mensaje de error todavía aparece, es posible que deba restablecer Visual Studio para Mac permisos de privacidad.

Para ello, inicie una ventana de terminal y emita el siguiente comando:

sudo tccutil reset All "com.microsoft.visual-studio"

Para asegurarse de que el cambio anterior suba efecto, restablezca el PRAM del equipo Mac. Para obtener instrucciones, consulte Restablecer NVRAM o PRAM en el equipo Mac.