Curseurs, commutateurs et contrôles segmentés dans Xamarin.iOS
Curseurs
Le contrôle curseur permet une sélection simple d’une valeur numérique dans une plage. Le contrôle est défini par défaut sur une valeur comprise entre 0 et 1, mais ces limites peuvent être personnalisées.
La capture d’écran suivante montre les propriétés modifiables dans le Concepteur :
Vous pouvez définir ces valeurs dans le code, comme indiqué ci-dessous, notamment le câblage d’un gestionnaire pour afficher la valeur actuellement sélectionnée dans un UILabel contrôle :
slider1.MinValue = -1;
slider1.MaxValue = 2;
slider1.Value = 0.5f; // the current value
slider1.ValueChanged += (sender,e) => label1.Text = ((UISlider)sender).Value.ToString ();
Vous pouvez également personnaliser l’apparence visuelle du curseur en définissant
slider1.ThumbTintColor = UIColor.Blue;
slider1.MinimumTrackTintColor = UIColor.Gray;
slider1.MaximumTrackTintColor = UIColor.Green;
Le curseur personnalisé ressemble à ceci :
Important
Actuellement, un bogue provoque le rendu au moment de l’exécution ThumbTint comme prévu. Vous pouvez ajouter la ligne de code suivante avant le code ci-dessus comme solution de contournement. [Source] :
slider1.SetThumbImage(UIImage.FromBundle("thumb.png"),UIControlState.Normal);
Vous pouvez utiliser n’importe quelle image, car elle sera remplacée, mais assurez-vous qu’elle est placée dans le répertoire Resources et qu’elle est appelée dans votre code.
Commutateur
iOS utilise l’entrée UISwitch booléenne qui peut être représentée par une case d’option sur d’autres plateformes. L’utilisateur peut manipuler le contrôle en déplaçant le pouce entre les positions activées/désactivées.
L’apparence du commutateur peut être personnalisée dans le panneau Propriétés du concepteur, ce qui vous permet de contrôler l’état par défaut, les couleurs de teinte activée/désactivée et une image activée/désactivée. Ceci est illustré dans l’image ci-dessous :
Les propriétés du commutateur peuvent également être définies dans le code, par exemple le code ci-dessous affiche un commutateur avec la valeur par défaut de On:
switch1.On = true;
Contrôles segmentés
Un contrôle segmenté est un moyen organisé pour permettre aux utilisateurs d’interagir avec un petit nombre d’options. Il est disposé horizontalement et chaque segment fonctionne comme un bouton distinct. Lorsque vous utilisez le Concepteur, le contrôle segmenté se trouve sous Contrôles ToolBox > et doit ressembler à l’image suivante :
Une fonctionnalité unique du Concepteur permet à chaque segment d’être sélectionné individuellement sur l’aire de conception, comme illustré ci-dessous :
Cela permet au panneau Propriétés d’être utilisé pour contrôler plus précisément les propriétés de chaque segment. Vous pouvez voir les propriétés modifiables dans la capture d’écran ci-dessous :
Il convient de noter que le style de contrôle segmenté a été déconseillé dans iOS7, et par conséquent, l’ajustement des options pour cela dans une application iOS7 n’aura aucun effet.