Controles deslizantes, modificadores y segmentados en Xamarin.iOS
Controles deslizantes
El control deslizante permite la selección simple de un valor numérico dentro de un intervalo. El control tiene como valor predeterminado un valor entre 0 y 1, pero estos límites se pueden personalizar.
En la captura de pantalla siguiente se muestran las propiedades que se pueden editar en el Designer:
Puede establecer estos valores en el código como se muestra a continuación, incluida la conexión de un controlador para mostrar el valor seleccionado actualmente en un UILabel control:
slider1.MinValue = -1;
slider1.MaxValue = 2;
slider1.Value = 0.5f; // the current value
slider1.ValueChanged += (sender,e) => label1.Text = ((UISlider)sender).Value.ToString ();
También puede personalizar la apariencia visual del control deslizante estableciendo
slider1.ThumbTintColor = UIColor.Blue;
slider1.MinimumTrackTintColor = UIColor.Gray;
slider1.MaximumTrackTintColor = UIColor.Green;
El control deslizante personalizado tiene este aspecto:
Importante
Actualmente hay un error que provoca que no ThumbTint se represente en tiempo de ejecución según lo previsto. Puede agregar la siguiente línea de código antes del código anterior como solución alternativa. [Origen]:
slider1.SetThumbImage(UIImage.FromBundle("thumb.png"),UIControlState.Normal);
Puede usar cualquier imagen, ya que se invalidará, pero asegúrese de que se coloca en el directorio Resources y se llama a en el código.
Switch
iOS usa UISwitch como una entrada booleana que puede representarse mediante un botón de radio en otras plataformas. El usuario puede manipular el control moviendo el pulgar entre las posiciones On/Off .
La apariencia del conmutador se puede personalizar en el Panel de propiedades del diseñador, lo que le permitirá controlar el estado predeterminado, colores de tono activado/desactivado y una imagen activada/desactivada. Esto se muestra en la imagen siguiente:
Las propiedades del modificador también se pueden establecer en el código; por ejemplo, el código siguiente mostrará un modificador con el valor predeterminado de On:
switch1.On = true;
Controles segmentados
Un control segmentado es una forma organizada de permitir que los usuarios interactúen con un pequeño número de opciones. Se dispone horizontalmente y cada segmento funciona como un botón independiente. Al usar el Designer, el control segmentado se puede encontrar en Controles toolBox >y debe tener un aspecto similar al de la siguiente imagen:
Una característica única del Designer permite que cada segmento se seleccione individualmente en la superficie de diseño, como se muestra a continuación:
Esto permite que el Panel de propiedades se use para controlar de forma más precisa las propiedades de cada segmento. Puede ver las propiedades editables en la captura de pantalla siguiente:
Debe tenerse en cuenta que el estilo de control segmentado ha quedado en desuso en iOS7 y, por lo tanto, ajustar las opciones para esto en una aplicación de iOS7 no tendrá ningún efecto.