Compartir a través de


Creación de interfaces de usuario con iOS Designer

Xamarin Designer para iOS es un diseñador visual para los formatos Storyboard e Interface Builder iOS que está totalmente integrado con Visual Studio y Visual Studio para Mac. iOS Designer mantiene la compatibilidad completa con los formatos Storyboard y .xib, por lo que los archivos se pueden editar en Visual Studio o Visual Studio para Mac además de los formatos Interface Builder de Xcode. Además, Xamarin Designer para iOS admite características avanzadas, como los controles personalizados que se representan en tiempo de diseño en el editor.

Advertencia

iOS Designer quedó en desuso en la versión 16.8 de Visual Studio 2019 y la 8.8 de Visual Studio 2019 para Mac, y se ha eliminado de la versión 16.9 de Visual Studio 2019 y la 8.9 de Visual Studio para Mac. La manera recomendada de compilar interfaces de usuario de iOS es directamente en un equipo Mac que ejecute Xcode. Para obtener más información, consulte Diseño de interfaces de usuario con Xcode.

Disponibilidad

Xamarin Designer para iOS está disponible en Visual Studio para Mac y en Visual Studio 2017 en Windows.

En estas guías se supone que está familiarizado con el contenido descrito en las guías de introducción de Xamarin.iOS.

Conceptos básicos de iOS Designer

En esta guía se habla de las características de iOS Designer. Se tratan los conceptos básicos del diseñador y se muestra cómo usarlo para diseñar controles visualmente y para editar propiedades.

Introducción a los controles que se pueden diseñar

En esta guía se examinan en profundidad los controles personalizados, cómo se crean y qué requisitos deben cumplir para representarse en la superficie de diseño. Además, muestra cómo depurar problemas comunes que pueden producirse al usar controles que se pueden diseñar.

Tutorial: Uso de los controles personalizados con iOS Designer

En este artículo se proporciona un tutorial paso a paso que muestra cómo crear un control personalizado y usarlo en el diseñador de iOS. Muestra cómo hacer que un control esté disponible en el cuadro de herramientas del diseñador para que se pueda arrastrar o colocar en una vista. Además, muestra cómo implementar un control para que se represente correctamente en tiempo de diseño y en tiempo de ejecución, y cómo crear propiedades que se pueden establecer en tiempo de diseño.

Diseño automático con iOS Designer de Xamarin

En esta guía se presenta el diseño automático de iOS y el nuevo flujo de trabajo de restricciones disponible en el diseñador de iOS.