Suwaki, przełączniki i kontrolki segmentowane w środowisku Xamarin.iOS
Suwaki
Kontrolka suwaka umożliwia prosty wybór wartości liczbowej w zakresie. Domyślnie kontrolka ma wartość z zakresu od 0 do 1, ale te limity można dostosować.
Poniższy zrzut ekranu przedstawia właściwości, które można edytować w Projektant:
Te wartości można ustawić w kodzie, jak pokazano poniżej, w tym podłączanie programu obsługi w celu wyświetlenia aktualnie wybranej wartości w kontrolce UILabel
:
slider1.MinValue = -1;
slider1.MaxValue = 2;
slider1.Value = 0.5f; // the current value
slider1.ValueChanged += (sender,e) => label1.Text = ((UISlider)sender).Value.ToString ();
Możesz również dostosować wygląd wizualizacji suwaka, ustawiając
slider1.ThumbTintColor = UIColor.Blue;
slider1.MinimumTrackTintColor = UIColor.Gray;
slider1.MaximumTrackTintColor = UIColor.Green;
Dostosowany suwak wygląda następująco:
Ważne
Obecnie występuje usterka powodująca ThumbTint
, że element nie jest renderowany w czasie wykonywania zgodnie z oczekiwaniami. Aby obejść ten problem, możesz dodać następujący wiersz kodu przed powyższym kodem. [Źródło]:
slider1.SetThumbImage(UIImage.FromBundle("thumb.png"),UIControlState.Normal);
Można użyć dowolnego obrazu, ponieważ zostanie on zastąpiony, ale upewnij się, że został umieszczony w katalogu Resources i jest wywoływany w kodzie.
Switch
System iOS używa UISwitch
elementu jako danych wejściowych logicznych, które mogą być reprezentowane przez przycisk radiowy na innych platformach. Użytkownik może manipulować kontrolką, przenosząc kciuk między pozycjami Wł./Wył .
Wygląd przełącznika można dostosować w okienku właściwości projektanta, co umożliwi sterowanie stanem domyślnym, kolorami wł./wył. i obrazem włączonym/wyłączonym. Przedstawiono to na poniższej ilustracji:
Właściwości przełącznika można również ustawić w kodzie, na przykład poniższy kod spowoduje wyświetlenie przełącznika z wartością On
domyślną :
switch1.On = true;
Kontrolki segmentowane
Kontrolka segmentowana to zorganizowany sposób, aby umożliwić użytkownikom interakcję z niewielką liczbą opcji. Jest on rozmieszczony w poziomie, a każdy segment działa jako oddzielny przycisk. W przypadku korzystania z Projektant kontrolkę Segmented można znaleźć w obszarze Kontrolki ToolBox > i powinny wyglądać jak na poniższej ilustracji:
Unikatowa cecha Projektant umożliwia wybór poszczególnych segmentów indywidualnie na powierzchni projektowej, jak pokazano poniżej:
Dzięki temu okienko właściwości może służyć do dokładniejszego kontrolowania właściwości poszczególnych segmentów. Właściwości edytowalne można zobaczyć na poniższym zrzucie ekranu:
Należy zauważyć, że styl segmentowanej kontrolki został przestarzały w systemie iOS7, a zatem dostosowanie opcji dla tego w aplikacji systemu iOS7 nie będzie miało żadnego wpływu.