Creación de interfaces de usuario con el diseñador de iOSBuilding User Interfaces with the iOS Designer

El Xamarin Designer para iOS es un diseñador visual para los formatos de guion gráfico y Interface Builder de iOS que está totalmente integrado con Visual Studio para Mac y Visual Studio. IOS Designer mantiene la compatibilidad total con los formatos Storyboard y. Xib, de modo que los archivos se pueden editar en Visual Studio para Mac o Visual Studio además de los Interface Builder de Xcode. Además, el Xamarin Designer para iOS admite características avanzadas, como los controles personalizados que se representan en tiempo de diseño en el editor.The Xamarin Designer for iOS is a visual designer for the iOS Storyboard and Interface Builder formats that is fully integrated with Visual Studio for Mac and Visual Studio. The iOS Designer maintains full compatibility with the Storyboard and .xib formats, so that files can be edited in either Visual Studio for Mac or Visual Studio in addition to Xcode's Interface Builder. Additionally, the Xamarin Designer for iOS supports advanced features such as custom controls that render at design-time in the editor.

DisponibilidadAvailability

El Xamarin Designer para iOS está disponible en Visual Studio para Mac y en Visual Studio 2017 en Windows.The Xamarin Designer for iOS is available in Visual Studio for Mac and in Visual Studio 2017 on Windows.

En estas guías se supone que está familiarizado con el contenido que se incluye en las guías de introducción de Xamarin. iOS.These guides assumes a familiarity with the contents covered in the Xamarin.iOS Getting Started guides.

Conceptos básicos de iOS DesigneriOS Designer Basics

En esta guía se tratan las características de Xamarin iOS Designer.This guide covers the features of the Xamarin iOS designer. Trata los aspectos básicos del diseñador, que muestran cómo usar el diseñador para diseñar controles visualmente y cómo editar propiedades.It covers designer basics, showing how to use the designer to lay out controls visually and how to edit properties.

Información general sobre los controles que se van a diseñarDesignable Controls Overview

Esta guía se centra en los controles personalizados, en cómo se crean y en qué requisitos deben cumplirse para que se representen en la superficie de diseño.This guide looks in depth at custom controls, how they are created and what requirements they must meet to be rendered on the design surface. Además, muestra cómo depurar problemas comunes que pueden producirse al utilizar controles que se pueden diseñar.Additionally, it shows how to debug common issues that can occur when using Designable Controls.

Tutorial: uso de controles personalizados con el diseñador de iOSWalkthrough - Using Custom Controls with 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.This article provides a step-by-step walkthrough showing how to create a custom control and use it in the iOS designer. 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.It shows how to make a control available in the designer’s Toolbox so it can be drag/dropped onto a view. Además, muestra cómo implementar un control para que se represente correctamente en tiempo de diseño y tiempo de ejecución, así como para crear propiedades que se pueden establecer en tiempo de diseño.Additionally, it shows how to implement a control so it renders properly at design time and runtime, as well as how to create properties that can be set at design time.

Diseño automático con Xamarin iOS DesignerAuto Layout with the Xamarin iOS Designer

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.This guide introduces iOS Auto Layout and the new constraints workflow available in the iOS designer.