Compartilhar via


Controles deslizantes, switches e controles segmentados no Xamarin.iOS

Controles deslizantes

O controle deslizante permite a seleção simples de um valor numérico dentro de um intervalo. O controle tem como padrão um valor entre 0 e 1, mas esses limites podem ser personalizados.

Controle deslizante

A captura de tela a seguir mostra as propriedades editáveis no Designer:

Propriedades do controle deslizante

Você pode definir esses valores no código conforme mostrado abaixo, incluindo a conexão de um manipulador para exibir o valor atualmente selecionado em um UILabel controle:

slider1.MinValue = -1;
slider1.MaxValue = 2;
slider1.Value = 0.5f; // the current value
slider1.ValueChanged += (sender,e) => label1.Text = ((UISlider)sender).Value.ToString ();

Você também pode personalizar a aparência visual do controle deslizante definindo

slider1.ThumbTintColor = UIColor.Blue;
slider1.MinimumTrackTintColor = UIColor.Gray;
slider1.MaximumTrackTintColor = UIColor.Green;

O controle deslizante personalizado tem esta aparência:

Controle deslizante personalizado

Importante

No momento, há um bug fazendo com que o ThumbTint não seja renderizado em tempo de execução conforme o esperado. Você pode adicionar a seguinte linha de código antes do código acima como uma solução alternativa. [Fonte]:

slider1.SetThumbImage(UIImage.FromBundle("thumb.png"),UIControlState.Normal);

Você pode usar qualquer imagem, pois ela será substituída, mas certifique-se de que ela seja colocada no diretório Recursos e seja chamada em seu código.

Comutador

O iOS usa o UISwitch como uma entrada booleana que pode ser representada por um botão de rádio em outras plataformas. O usuário pode manipular o controle movendo o polegar entre as posições On/Off .

Comutador

A aparência do switch pode ser personalizada no Painel de Propriedades do designer, o que permitirá controlar o estado padrão, as cores de tonalidade On/Off e uma imagem On/Off. Isso é ilustrado na imagem abaixo:

Propriedades do Switch

As propriedades do switch também podem ser definidas em código, por exemplo, o código abaixo mostrará um switch com o valor padrão de On:

switch1.On = true;

Controles segmentados

Um controle segmentado é uma maneira organizada de permitir que os usuários interajam com um pequeno número de opções. Ele é disposto horizontalmente e cada segmento funciona como um botão separado. Ao usar o Designer, o Controle Segmentado pode ser encontrado em Controles da Caixa > de Ferramentas e deve se parecer com a seguinte imagem:

Ícone Controle segmentado.

Uma característica única do Designer permite que cada segmento seja selecionado individualmente na superfície de design, conforme ilustrado abaixo:

Segmentos de Controle segmentados selecionados individualmente.

Isso permite que o Bloco de Propriedades seja usado para controlar com mais precisão as propriedades de cada segmento. Você pode ver as propriedades editáveis na captura de tela abaixo:

Propriedades de controle segmentado.

Deve-se notar que o Estilo de Controle Segmentado foi preterido no iOS7 e, portanto, ajustar as opções para isso em um aplicativo iOS7 não terá efeito.