Udostępnij za pośrednictwem


Etykiety w środowisku Xamarin.iOS

Kontrolka UILabel służy do wyświetlania pojedynczego i wielowierszowego tekstu tylko do odczytu.

Implementowanie etykiety

Nowa etykieta jest tworzona przez utworzenie wystąpienia elementu UILabel:

UILabel label = new UILabel();

Etykiety i scenorysy

Możesz również dodać etykietę do interfejsu użytkownika podczas korzystania z Projektant systemu iOS. Wyszukaj etykietę w przyborniku i przeciągnij ją do widoku:

Label in toolbox

Następujące właściwości można dostosować w okienku właściwości:

Label property panel

  • Kontekst tekstu — zwykły lub przypisany. Zwykły tekst umożliwia ustawienie atrybutów formatowania dla całego ciągu. Teksty przypisane umożliwiają ustawienie formatowania na różne znaki lub wyrazy w ciągu.
  • Kolor, czcionka, wyrównanie — atrybuty formatowania, które można zastosować do etykiety.
  • Lines — ustawia liczbę wierszy, które może obejmować etykieta. Ustaw tę wartość na 0, aby zezwolić etykiecie na używanie jak największej liczby wierszy w razie potrzeby.
  • Zachowanie — można ustawić opcję Włączone lub Wyróżnione. Włączone jest domyślnie ustawione, wyłączony tekst będzie wyświetlany w jaśniejszym kolorze szarości. Wyróżnione jest domyślnie wyłączone i umożliwia ponowne rysowanie etykiety z wyróżnionym stanem po wybraniu przez użytkownika.
  • Baselane i podział linii —
    • Linia podstawowa określa, w jaki sposób tekst będzie ustawiony, jeśli rozmiary czcionek różnią się od określonego.
    • Podziały wierszy określają, jak ciąg zostanie opakowany lub obcięty, jeśli jest dłuższy niż pojedynczy wiersz.
  • Autoshrink — określa, jak rozmiar czcionki zostanie zminimalizowany w ramach etykiety, w razie potrzeby.
  • Wyróżnione, Cień, Przesunięcie — umożliwia ustawienie koloru Hightlighted i Shadow oraz przesunięcia cienia.

Obcinanie i zawijanie

Aby uzyskać informacje na temat używania podziałów wierszy w systemie iOS, zapoznaj się z przepisem truncate i Wrap text (Zawijanie tekstu ).

Formatowanie tekstu i etykiety

Aby sformatować ciąg używany w etykiecie, możesz ustawić atrybuty formatowania w całym ciągu lub użyć ciągów przypisanych. W poniższych przykładach pokazano, jak zaimplementować następujące elementy:

label = new UILabel(){
                Text = "Hello, this is a string",
                Font = UIFont.FromName("Papyrus", 20f),
                TextColor = UIColor.Magenta,
                TextAlignment = UITextAlignment.Center
            };
label.AttributedText = new NSAttributedString(
                "This is some formatted text",
                font: UIFont.FromName("GillSans", 16.0f),
                foregroundColor: UIColor.Blue,
                backgroundColor: UIColor.White
            );

Aby uzyskać więcej informacji na temat tekstu stylizowanego przy użyciu NSAttributedString , zapoznaj się z przepisem tekstowym stylu.

Domyślnie etykiety mają ustawioną Enabled wartość true, ale można ustawić ją na wyłączoną, aby dać użytkownikowi wskazówkę, że określona kontrolka jest wyłączona:

label.Enabled = false;

Spowoduje to ustawienie etykiety na jasnoszary kolor, jak pokazano na poniższej ilustracji na ekranie Ograniczenia w systemie iOS:

Disabled button in iOS

Możesz również ustawić kolory tekstu wyróżniania i cienia na tekst etykiety, aby uzyskać dodatkowe efekty:

label.Highlighted = true;
label.HighlightedTextColor = UIColor.Cyan;

label.ShadowColor = UIColor.Black;
label.ShadowOffset = new CoreGraphics.CGSize(1.0f, 1.0f);

Który wyświetla tekst podobny do następującego:

Highlight and Shadow set on text

Aby uzyskać więcej informacji na temat zmiany czcionki elementu UILabel, zapoznaj się z przepisem Zmień czcionkę .