Xamarin.Forms 레이블Xamarin.Forms Label

샘플 다운로드 샘플 다운로드Download Sample Download the sample

Xamarin.Forms에서 텍스트를 표시 합니다.Display text in Xamarin.Forms

합니다 Label 보기 단일 및 여러 줄 텍스트를 표시 하기 위해 사용 됩니다.The Label view is used for displaying text, both single and multi-line. 레이블 (패밀리, 크기 및 옵션) 사용자 지정 글꼴을 사용 및 텍스트 장식을 색이 지정 된 텍스트를 구축할 수 있습니다.Labels can have text decorations, colored text, and use custom fonts (families, sizes, and options).

텍스트 장식Text decorations

밑줄 및 취소선 텍스트 장식을 적용할 수 있습니다 Label 설정 하 여 인스턴스를 Label.TextDecorations 속성을 하나 이상의 TextDecorations 열거형 멤버:Underline and strikethrough text decorations can be applied to Label instances by setting the Label.TextDecorations property to one or more TextDecorations enumeration members:

  • None
  • Underline
  • Strikethrough

다음 XAML 예제에서는 설정 된 Label.TextDecorations 속성:The following XAML example demonstrates setting the Label.TextDecorations property:

<Label Text="This is underlined text." TextDecorations="Underline"  />
<Label Text="This is text with strikethrough." TextDecorations="Strikethrough" />
<Label Text="This is underlined text with strikethrough." TextDecorations="Underline, Strikethrough" />

해당 하는 C# 코드가입니다.The equivalent C# code is:

var underlineLabel = new Label { Text = "This is underlined text.", TextDecorations = TextDecorations.Underline };
var strikethroughLabel = new Label { Text = "This is text with strikethrough.", TextDecorations = TextDecorations.Strikethrough };
var bothLabel = new Label { Text = "This is underlined text with strikethrough.", TextDecorations = TextDecorations.Underline | TextDecorations.Strikethrough };

다음 스크린샷에서 표시 된 TextDecorations 열거형 멤버에 적용 Label 인스턴스:The following screenshots show the TextDecorations enumeration members applied to Label instances:

참고

텍스트 장식을 적용할 수도 있습니다 Span 인스턴스.Text decorations can also be applied to Span instances. 에 대 한 자세한 내용은 합니다 Span 클래스를 참조 하십시오 서식 있는 텍스트합니다.For more information about the Span class, see Formatted Text.

Colors

레이블은 바인딩 가능한를 통해 사용자 지정 텍스트 색을 사용 하도록 설정할 수 있습니다 TextColor 속성입니다.Labels can be set to use a custom text color via the bindable TextColor property.

특별 한 주의 색 각 플랫폼에서 사용할 수 있는지 확인 하는 데 필요한 경우Special care is necessary to ensure that colors will be usable on each platform. 각 플랫폼에 텍스트 및 배경색에 대 한 다른 기본값 때문에 각에서 작동 하는 기본값을 선택 하도록 주의 해야 합니다.Because each platform has different defaults for text and background colors, you'll need to be careful to pick a default that works on each.

텍스트 색을 설정 하는 다음 XAML 예제는 Label:The following XAML example sets the text color of a Label:

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="TextSample.LabelPage"
             Title="Label Demo">
    <StackLayout Padding="5,10">
      <Label TextColor="#77d065" FontSize = "20" Text="This is a green label." />
    </StackLayout>
</ContentPage>

해당 하는 C# 코드가입니다.The equivalent C# code is:

public partial class LabelPage : ContentPage
{
    public LabelPage ()
    {
        InitializeComponent ();

        var layout = new StackLayout { Padding = new Thickness(5,10) };
        var label = new Label { Text="This is a green label.", TextColor = Color.FromHex("#77d065"), FontSize = 20 };
        layout.Children.Add(label);
        this.Content = layout;
    }
}

설정의 결과 표시 하는 다음 스크린샷에서 TextColor 속성:The following screenshots show the result of setting the TextColor property:

색에 대 한 자세한 내용은 참조 하세요. 합니다.For more information about colors, see Colors.

글꼴Fonts

글꼴을 지정 하는 방법에 대 한 자세한 내용은 Label를 참조 하세요 글꼴합니다.For more information about specifying fonts on a Label, see Fonts.

잘라내기 및 줄 바꿈Truncation and wrapping

레이블을 설정할 수 있는 의해 노출 되는 여러 가지 방법 중 하나에서 한 줄에 맞지 않는 텍스트를 처리 합니다 LineBreakMode 속성입니다.Labels can be set to handle text that can't fit on one line in one of several ways, exposed by the LineBreakMode property. LineBreakMode 이 다음 값으로 열거형:LineBreakMode is an enumeration with the following values:

  • HeadTruncation – 끝 표시 텍스트의 머리를 자릅니다.HeadTruncation – truncates the head of the text, showing the end.
  • CharacterWrap – 문자 경계에서 새 줄에 텍스트를 배치 합니다.CharacterWrap – wraps text onto a new line at a character boundary.
  • MiddleTruncation – 줄임표로 중간 replace 사용 하 여 텍스트의 시작과 끝을 표시 합니다.MiddleTruncation – displays the beginning and end of the text, with the middle replace by an ellipsis.
  • NoWrap – 만 표시할 텍스트를 래핑하지 않으며 수 만큼 텍스트 한 줄에 적합 합니다.NoWrap – does not wrap text, displaying only as much text as can fit on one line.
  • TailTruncation – 끝 잘라내기 텍스트의 시작 부분을 보여줍니다.TailTruncation – shows the beginning of the text, truncating the end.
  • WordWrap – 단어 경계에서 텍스트를 배치 합니다.WordWrap – wraps text at the word boundary.

특정 개수의 줄을 표시합니다.Displaying a specific number of lines

표시 되는 줄 번호를 Label 설정 하 여 지정할 수 있습니다 합니다 Label.MaxLines 속성을는 int 값:The number of lines displayed by a Label can be specified by setting the Label.MaxLines property to a int value:

  • MaxLines 0를 Label 의 값을 준수 합니다 LineBreakMode 하거나 잘릴 수 있습니다, 하나의 줄을 표시 하는 속성 또는 모든 텍스트를 사용 하 여 모든 줄.When MaxLines is 0, the Label respects the value of the LineBreakMode property to either show just one line, possibly truncated, or all lines with all text.
  • MaxLines 가 1 이면 결과 동일 설정에는 LineBreakMode 속성을 NoWrap HeadTruncation , MiddleTruncation , 또는 TailTruncation 합니다.When MaxLines is 1, the result is identical to setting the LineBreakMode property to NoWrap, HeadTruncation, MiddleTruncation, or TailTruncation. 그러나 합니다 Label 의 값을 적용 합니다는 LineBreakMode 줄임표에 해당 하는 경우의 배치와 관련 하 여 속성입니다.However, the Label will respect the value of the LineBreakMode property with regard to placement of an ellipsis, if applicable.
  • MaxLines 1 보다 크면 합니다 Label 최대 선을 지정 된 수의 값을 유지 하는 동안 표시 됩니다는 LineBreakMode 줄임표에 해당 하는 경우의 배치와 관련 하 여 속성.When MaxLines is greater than 1, the Label will display up to the specified number of lines, while respecting the value of the LineBreakMode property with regard to placement of an ellipsis, if applicable. 그러나 설정를 MaxLines 1 영향을 주지 않습니다 경우는 보다 큰 값으로 속성을 LineBreakMode 속성이로 설정 되어 NoWrap .However, setting the MaxLines property to a value greater than 1 has no effect if the LineBreakMode property is set to NoWrap.

다음 XAML 예제에서는 설정 된 MaxLines 속성을 Label :The following XAML example demonstrates setting the MaxLines property on a Label:

<Label Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis nulla eu felis fringilla vulputate. Nullam porta eleifend lacinia. Donec at iaculis tellus."
       LineBreakMode="WordWrap"
       MaxLines="2" />

해당 하는 C# 코드가입니다.The equivalent C# code is:

var label =
{
  Text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis nulla eu felis fringilla vulputate. Nullam porta eleifend lacinia. Donec at iaculis tellus.", LineBreakMode = LineBreakMode.WordWrap,
  MaxLines = 2
};

설정의 결과 표시 하는 다음 스크린샷에서 MaxLines 를 2, 텍스트는 2 개 이상의 줄을 차지 하기에 충분히 길지 속성:The following screenshots show the result of setting the MaxLines property to 2, when the text is long enough to occupy more than 2 lines:

서식 있는 텍스트Formatted text

레이블 표시를 FormattedText 속성 여러 글꼴을 사용 하 여 텍스트 표시를 허용 하 고 동일한 뷰에서 색입니다.Labels expose a FormattedText property that allows the presentation of text with multiple fonts and colors in the same view.

FormattedText 형식의 속성은 FormattedString 로 구성 된 하나 이상의 Span 인스턴스를 통해 설정 된 Spans 속성 .The FormattedText property is of type FormattedString, which comprises one or more Span instances, set via the Spans property. 다음 Span 모양을 설정 하려면 속성을 사용할 수 있습니다.The following Span properties can be used to set visual appearance:

  • BackgroundColor -s p a n 배경의 색입니다.BackgroundColor – the color of the span background.
  • Font – 범위에 있는 텍스트의 글꼴입니다.Font – the font for the text in the span.
  • FontAttributes – 범위에 있는 텍스트에 대 한 글꼴 특성입니다.FontAttributes – the font attributes for the text in the span.
  • FontFamily – 범위에 있는 텍스트의 글꼴을 속해 있는 글꼴 패밀리입니다.FontFamily – the font family to which the font for the text in the span belongs.
  • FontSize – 범위에 있는 텍스트의 글꼴 크기입니다.FontSize – the size of the font for the text in the span.
  • ForegroundColor – 범위에 있는 텍스트의 색입니다.ForegroundColor – the color for the text in the span. 이 속성은 사용 되지 않습니다 및 바뀌었습니다는 TextColor 속성입니다.This property is obsolete and has been replaced by the TextColor property.
  • LineHeight -범위의 기본 줄 높이에 적용할 승수입니다.LineHeight - the multiplier to apply to the default line height of the span. 자세한 내용은 줄 높이합니다.For more information, see Line Height.
  • Style – 범위에 적용할 스타일입니다.Style – the style to apply to the span.
  • Text – 텍스트 범위입니다.Text – the text of the span.
  • TextColor – 범위에 있는 텍스트의 색입니다.TextColor – the color for the text in the span.
  • TextDecorations -범위에 있는 텍스트에 적용할 장식 합니다.TextDecorations - the decorations to apply to the text in the span. 자세한 내용은 텍스트 장식을합니다.For more information, see Text Decorations.

참고

BackgroundColor 하십시오 Text , 및 Text 바인딩 가능한 속성의 기본 바인딩 모드를 가지 OneWay .The BackgroundColor, Text, and Text bindable properties have a default binding mode of OneWay. 이 바인딩 모드에 대 한 자세한 내용은 참조 하세요. 의 기본 바인딩 모드바인딩 모드 가이드입니다.For more information about this binding mode, see The Default Binding Mode in the Binding Mode guide.

또한 합니다 GestureRecognizers 응답할 제스처에서 제스처 인식기의 컬렉션을 정의 하려면 속성을 사용할 수 있습니다 합니다 Span 합니다.In addition, the GestureRecognizers property can be used to define a collection of gesture recognizers that will respond to gestures on the Span.

다음 XAML 예제는 FormattedText 세 가지 구성 된 속성 Span 인스턴스:The following XAML example demonstrates a FormattedText property that consists of three Span instances:

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="TextSample.LabelPage"
             Title="Label Demo - XAML">
    <StackLayout Padding="5,10">
        ...
        <Label LineBreakMode="WordWrap">
            <Label.FormattedText>
                <FormattedString>
                    <Span Text="Red Bold, " TextColor="Red" FontAttributes="Bold" />
                    <Span Text="default, " Style="{DynamicResource BodyStyle}">
                        <Span.GestureRecognizers>
                            <TapGestureRecognizer Command="{Binding TapCommand}" />
                        </Span.GestureRecognizers>
                    </Span>
                    <Span Text="italic small." FontAttributes="Italic" FontSize="Small" />
                </FormattedString>
            </Label.FormattedText>
        </Label>
    </StackLayout>
</ContentPage>

해당 하는 C# 코드가입니다.The equivalent C# code is:

public class LabelPageCode : ContentPage
{
    public LabelPageCode ()
    {
        var layout = new StackLayout{ Padding = new Thickness (5, 10) };
        ...
        var formattedString = new FormattedString ();
        formattedString.Spans.Add (new Span{ Text = "Red bold, ", ForegroundColor = Color.Red, FontAttributes = FontAttributes.Bold });

        var span = new Span { Text = "default, " };
        span.GestureRecognizers.Add(new TapGestureRecognizer { Command = new Command(async () => await DisplayAlert("Tapped", "This is a tapped Span.", "OK")) });
        formattedString.Spans.Add(span);
        formattedString.Spans.Add (new Span { Text = "italic small.", FontAttributes = FontAttributes.Italic, FontSize =  Device.GetNamedSize(NamedSize.Small, typeof(Label)) });

        layout.Children.Add (new Label { FormattedText = formattedString });
        this.Content = layout;
    }
}

중요

합니다 Text 의 속성을 Span 데이터 바인딩을 통해 설정할 수 있습니다.The Text property of a Span can be set through data binding. 자세한 내용은 데이터 바인딩합니다.For more information, see Data Binding.

Span 는 범위에 추가 되는 모든 제스처에 응답할 수도 GestureRecognizers 컬렉션입니다.Note that a Span can also respond to any gestures that are added to the span's GestureRecognizers collection. 예를 들어, 한 TapGestureRecognizer 두 번째 추가 되었습니다 Span 위의 코드 예제에서 합니다.For example, a TapGestureRecognizer has been added to the second Span in the above code examples. 따라서,이 Span 를 탭 할 합니다 TapGestureRecognizer 실행 하 여 응답 합니다를 ICommand 정의한를 Command 속성.Therefore, when this Span is tapped the TapGestureRecognizer will respond by executing the ICommand defined by the Command property. 제스처 인식기에 대 한 자세한 내용은 참조 하세요. Xamarin.Forms 제스처합니다.For more information about gesture recognizers, see Xamarin.Forms Gestures.

다음 스크린샷은 설정의 결과 표시 합니다 FormattedString 속성을 3 Span 인스턴스:The following screenshots show the result of setting the FormattedString property to three Span instances:

줄 높이Line height

세로 높이 Label Span 설정 하 여 사용자 지정할 수 있습니다 합니다 Label.LineHeight 속성 또는 Span.LineHeight double 값입니다.The vertical height of a Label and a Span can be customized by setting the Label.LineHeight property or Span.LineHeight to a double value. IOS 및 Android에서 이러한 값은 원래 줄 높이 및 유니버설 Windows 플랫폼 (UWP)에서 승수는 Label.LineHeight 속성 값이 레이블 글꼴 크기의 승수입니다.On iOS and Android these values are multipliers of the original line height, and on the Universal Windows Platform (UWP) the Label.LineHeight property value is a multiplier of the label font size.

참고

다음 XAML 예제에서는 설정 된 LineHeight 속성을 Label :The following XAML example demonstrates setting the LineHeight property on a Label:

<Label Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis nulla eu felis fringilla vulputate. Nullam porta eleifend lacinia. Donec at iaculis tellus."
       LineBreakMode="WordWrap"
       LineHeight="1.8" />

해당 하는 C# 코드가입니다.The equivalent C# code is:

var label =
{
  Text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis nulla eu felis fringilla vulputate. Nullam porta eleifend lacinia. Donec at iaculis tellus.", LineBreakMode = LineBreakMode.WordWrap,
  LineHeight = 1.8
};

다음 스크린샷은 설정의 결과 표시 합니다 Label.LineHeight 1.8 속성:The following screenshots show the result of setting the Label.LineHeight property to 1.8:

다음 XAML 예제에서는 설정 된 LineHeight 속성을 Span :The following XAML example demonstrates setting the LineHeight property on a Span:

<Label LineBreakMode="WordWrap">
    <Label.FormattedText>
        <FormattedString>
            <Span Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a tincidunt sem. Phasellus mollis sit amet turpis in rutrum. Sed aliquam ac urna id scelerisque. "
                  LineHeight="1.8"/>
            <Span Text="Nullam feugiat sodales elit, et maximus nibh vulputate id."
                  LineHeight="1.8" />
        </FormattedString>
    </Label.FormattedText>
</Label>

해당 하는 C# 코드가입니다.The equivalent C# code is:

var formattedString = new FormattedString();
formattedString.Spans.Add(new Span
{
  Text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a tincidunt sem. Phasellus mollis sit amet turpis in rutrum. Sed aliquam ac urna id scelerisque. ",
  LineHeight = 1.8
});
formattedString.Spans.Add(new Span
{
  Text = "Nullam feugiat sodales elit, et maximus nibh vulputate id.",
  LineHeight = 1.8
});
var label = new Label
{
  FormattedText = formattedString,
  LineBreakMode = LineBreakMode.WordWrap
};

다음 스크린샷은 설정의 결과 표시 합니다 Span.LineHeight 1.8 속성:The following screenshots show the result of setting the Span.LineHeight property to 1.8:

표시 되는 텍스트 Label 하 고 Span 인스턴스는 다음 방법 사용 하 여 하이퍼링크로 변환할 수 있습니다.The text displayed by Label and Span instances can be turned into hyperlinks with the following approach:

  1. 설정 합니다 TextColorTextDecoration 의 속성을 Label 또는 Span 합니다.Set the TextColor and TextDecoration properties of the Label or Span.
  2. 추가 TapGestureRecognizer GestureRecognizers 컬렉션을 Label 또는 Span 이며, Command 속성을 ICommand CommandParameter 속성 열 URL을 포함 합니다.Add a TapGestureRecognizer to the GestureRecognizers collection of the Label or Span, whose Command property binds to a ICommand, and whose CommandParameter property contains the URL to open.
  3. 정의 ICommand 에서 실행 될 합니다 TapGestureRecognizer 합니다.Define the ICommand that will be executed by the TapGestureRecognizer.
  4. 실행 될 코드를 작성 합니다 ICommand합니다.Write the code that will be executed by the ICommand.

가져온 다음 코드 예제는 하이퍼링크 데모 샘플을 보여 줍니다는 Label 콘텐츠가 여러에서 설정 되어 Span 인스턴스:The following code example, taken from the Hyperlink Demos sample, shows a Label whose content is set from multiple Span instances:

<Label>
    <Label.FormattedText>
        <FormattedString>
            <Span Text="Alternatively, click " />
            <Span Text="here"
                  TextColor="Blue"
                  TextDecorations="Underline">
                <Span.GestureRecognizers>
                    <TapGestureRecognizer Command="{Binding TapCommand}"
                                          CommandParameter="https://docs.microsoft.com/xamarin/" />
                </Span.GestureRecognizers>
            </Span>
            <Span Text=" to view Xamarin documentation." />
        </FormattedString>
    </Label.FormattedText>
</Label>

이 예제에서 첫 번째 및 세 번째 Span 두 번째 텍스트를 구성 하는 인스턴스가 Span tappable 하이퍼링크를 나타냅니다.In this example, the first and third Span instances comprise text, while the second Span represents a tappable hyperlink. 이 텍스트 색을 파란색으로 설정에 있고 밑줄 텍스트 장식 합니다.It has its text color set to blue, and has an underline text decoration. 다음 스크린샷과에서 같이 하이퍼링크의 모양을 만들어집니다.This creates the appearance of a hyperlink, as shown in the following screenshots:

하이퍼링크Hyperlinks

하이퍼링크 변하는데 합니다 TapGestureRecognizer 실행 하 여 응답할 합니다 ICommand 정의한 해당 Command 속성.When the hyperlink is tapped, the TapGestureRecognizer will respond by executing the ICommand defined by its Command property. URL을 지정 하는 또한 합니다 CommandParameter 속성에 전달 될는 ICommand 매개 변수로 합니다.In addition, the URL specified by the CommandParameter property will be passed to the ICommand as a parameter.

XAML 페이지에 대 한 코드 숨김을 포함 된 TapCommand 구현 합니다.The code-behind for the XAML page contains the TapCommand implementation:

public partial class MainPage : ContentPage
{
    public ICommand TapCommand => new Command<string>(OpenBrowser);

    public MainPage()
    {
        InitializeComponent();
        BindingContext = this;
    }

    void OpenBrowser(string url)
    {
        Device.OpenUri(new Uri(url));
    }
}

TapCommand 실행 합니다 OpenBrowser 메서드를 전달 합니다 TapGestureRecognizer.CommandParameter 속성 값을 매개 변수로.The TapCommand executes the OpenBrowser method, passing the TapGestureRecognizer.CommandParameter property value as a parameter. 그러면이 메서드를 호출 합니다는 Device.OpenUri 메서드를 웹 브라우저에서 URL을 엽니다.In turn, this method calls the Device.OpenUri method to open the URL in a web browser. 따라서 전체적인 효과 페이지의 하이퍼링크를 탭 할 웹 브라우저에 표시 되 고 하이퍼링크를 사용 하 여 연결 된 URL을 탐색 하는 경우입니다.Therefore, the overall effect is that when the hyperlink is tapped on the page, a web browser appears and the URL associated with the hyperlink is navigated to.

하이퍼링크 응용 프로그램에서 필요할 때마다 반복적인 코드를 작성 해야 하는 하이퍼링크를 만드는 이전 접근 방식입니다.The previous approach to creating a hyperlink requires writing repetitive code every time you require a hyperlink in your application. 그러나 두 합니다 Label Span 클래스를 만들려면 하위 클래스화 될 수 있습니다 HyperlinkLabelHyperlinkSpan 제스처 인식기 및 텍스트 서식 지정 코드를 사용 하 여 클래스 추가 합니다.However, both the Label and Span classes can be subclassed to create HyperlinkLabel and HyperlinkSpan classes, with the gesture recognizer and text formatting code added there.

가져온 다음 코드 예제는 하이퍼링크 데모 샘플을 보여 줍니다는 HyperlinkSpan 클래스:The following code example, taken from the Hyperlink Demos sample, shows a HyperlinkSpan class:

public class HyperlinkSpan : Span
{
    public static readonly BindableProperty UrlProperty =
        BindableProperty.Create(nameof(Url), typeof(string), typeof(HyperlinkSpan), null);

    public string Url
    {
        get { return (string)GetValue(UrlProperty); }
        set { SetValue(UrlProperty, value); }
    }

    public HyperlinkSpan()
    {
        TextDecorations = TextDecorations.Underline;
        TextColor = Color.Blue;
        GestureRecognizers.Add(new TapGestureRecognizer
        {
            Command = new Command(() => Device.OpenUri(new Uri(Url)))
        });
    }
}

합니다 HyperlinkSpan 클래스 정의 Url 속성 및 연결 된 BindableProperty , 하이퍼링크 모양을 설정 하는 생성자 및 및 TapGestureRecognizer 응답 하는 하이퍼링크를 탭 할 경우.The HyperlinkSpan class defines a Url property, and associated BindableProperty, and the constructor sets the hyperlink appearance and the TapGestureRecognizer that will respond when the hyperlink is tapped. 경우는 HyperlinkSpan 탭은 TapGestureRecognizer 실행 하 여 응답 합니다를 Device.OpenUri 메서드를 지정 된 URL을 엽니다는 Url 웹 브라우저에서 속성을.When a HyperlinkSpan is tapped, the TapGestureRecognizer will respond by executing the Device.OpenUri method to open the URL, specified by the Url property, in a web browser.

HyperlinkSpan 클래스의 인스턴스를 XAML에 추가 하 여 클래스를 사용할 수 있습니다.The HyperlinkSpan class can be consumed by adding an instance of the class to the XAML:

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:HyperlinkDemo"
             x:Class="HyperlinkDemo.MainPage">
    <StackLayout>
        ...
        <Label>
            <Label.FormattedText>
                <FormattedString>
                    <Span Text="Alternatively, click " />
                    <local:HyperlinkSpan Text="here"
                                         Url="https://docs.microsoft.com/appcenter/" />
                    <Span Text=" to view AppCenter documentation." />
                </FormattedString>
            </Label.FormattedText>
        </Label>
    </StackLayout>
</ContentPage>

스타일 레이블Styling labels

이전 섹션에 설정 적용 Label 하 고 Span 인스턴스별 기준 속성입니다.The previous sections covered setting Label and Span properties on a per-instance basis. 그러나 속성 집합이 하나 이상의 보기에 일관 되 게 적용 되는 하나의 스타일 그룹화 할 수 있습니다.However, sets of properties can be grouped into one style that is consistently applied to one or many views. 코드의 가독성을 증가 하며 쉽게 디자인 변경 내용을 구현 합니다.This can increase readability of code and make design changes easier to implement. 자세한 내용은 스타일합니다.For more information, see Styles.