Udostępnij za pośrednictwem


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ć.

Suwak

Poniższy zrzut ekranu przedstawia właściwości, które można edytować w Projektant:

Właściwości suwaka

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:

Suwak niestandardowy

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ł .

Switch

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:

Przełącz właściwości

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ą Ondomyś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:

Ikona kontrolki segmentowanej.

Unikatowa cecha Projektant umożliwia wybór poszczególnych segmentów indywidualnie na powierzchni projektowej, jak pokazano poniżej:

Segmenty kontrolki wybrane indywidualnie.

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:

Właściwości kontrolki segmentowanej.

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.