Conception d’interfaces utilisateur avec Xcode

À compter de Visual Studio 2019 version 16.8 et Visual Studio pour Mac version 8.8, la méthode recommandée pour modifier les fichiers .storyboard et .nib consiste à les modifier dans Xcode Interface Builder sur un Mac.

Remarque

À compter de Visual Studio 2019 version 16.9, il n’existe aucun moyen pris en charge de modifier des storyboards iOS sur Windows. Utilisez Visual Studio pour Mac et Xcode Interface Builder pour continuer à créer vos interfaces utilisateur Xamarin.iOS.

Cet article traite des solutions courantes permettant de créer des interfaces utilisateur avec le Générateur d’interface Xcode. Cet article peut être particulièrement utile si vous avez précédemment modifié vos interfaces utilisateur avec le Concepteur Xamarin.iOS.

Pour obtenir une procédure pas à pas plus approfondie des storyboards, consultez Storyboards dans Xamarin.iOS.

Comment ouvrir un storyboard

Ouvrez un fichier d’interface utilisateur iOS dans Visual Studio pour Mac en cliquant avec le bouton droit sur un fichier storyboard et en sélectionnant Xcode Interface Builder :

Vous devez alors voir la fenêtre Xcode ouverte. Toutes les modifications enregistrées ici seront reflétées dans votre projet Visual Studio.

Pour plus d’informations sur le Générateur d’interface Xcode, consultez Interface Builder intégrée.

Création d’un contrôle

Pour créer un contrôle avec le Générateur d’interface Xcode, sélectionnez d’abord le storyboard que vous souhaitez modifier. Ensuite, ouvrez la boîte de dialogue Bibliothèque Xcode (Afficher>la bibliothèque) et faites glisser le contrôle vers votre storyboard.

Ensuite, ouvrez le fichier d’en-tête du contrôleur de vue correspondant. Pour une application Xamarin.iOS vide « Affichage unique », le storyboard par défaut est appelé Main.storyboard. Le fichier de contrôleur de vue correspondant est appelé ViewController.cs dans Visual Studio avec un fichier d’en-tête ViewController.h correspondant lorsqu’il est affiché à partir de Xcode.

À partir du Générateur d’interface Xcode, ouvrez le storyboard et le fichier d’en-tête du contrôleur de vue correspondant. Maintenez la touche Contrôle (^), faites glisser le contrôle du storyboard vers le fichier du contrôleur de vue jusqu’à ce que Xcode vous invite à entrer une boîte de dialogue.

Comme illustré ci-dessus, le code C# correspondant est généré automatiquement dans le fichier code-behind du contrôleur de vue. Vous pouvez désormais accéder à ce contrôle dans votre projet Xamarin.iOS.

Modification du nom d’un contrôle existant

Pour modifier le nom d’un contrôle existant à partir du Générateur d’interface Xcode et refléter cette modification dans votre projet C#, accédez au fichier d’en-tête du contrôleur de vue approprié, à droite-cick, puis sélectionnez Refactoriser.

Votre fichier code-behind se régénère avec le nouveau nom, ce qui vous permet d’accéder au contrôle via du code dans Visual Studio pour Mac.

Problèmes connus

Cette section traite des problèmes connus.

« Visual Studio n’a pas pu communiquer avec Xcode »

Dans macOS Catalina ou une version ultérieure, vous pouvez rencontrer l’erreur ci-dessous :

Tout d’abord, dans les préférences système de votre Mac sous Security &Privacy > Automation, vérifiez que Visual Studio est répertorié et que Xcode est case activée ed.

Si Xcode est case activée ed et que le message d’erreur s’affiche toujours, vous devrez peut-être réinitialiser les autorisations de confidentialité Visual Studio pour Mac.

Pour ce faire, lancez une fenêtre de terminal et émettez la commande suivante :

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

Pour vous assurer que la modification ci-dessus prend effet, réinitialisez la PRAM de votre Mac. Pour obtenir des instructions, consultez Réinitialiser NVRAM ou PRAM sur votre Mac.