Xamarin.Forms 텍스트 스타일Xamarin.Forms Text Styles

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

Xamarin.Forms에서 텍스트 스타일 지정Styling text in Xamarin.Forms

스타일은 레이블, 항목 및 편집기의 모양에 맞게 사용할 수 있습니다.Styles can be used to adjust the appearance of labels, entries, and editors. 스타일을 한 번 정의 여러 뷰를 사용 하 고 있지만 한 가지 유형의 보기를 사용 하 여 스타일만 사용할 수 있습니다.Styles can be defined once and used by many views, but a style can only be used with views of one type. 스타일을 지정할 수는 Key 선택적으로 특정 컨트롤을 사용 하 여 적용 하 고 Style 속성입니다.Styles can be given a Key and applied selectively using a specific control's Style property.

기본 제공 스타일Built-In Styles

Xamarin.Forms에 몇 기본 제공 일반적인 시나리오에 대 한 스타일:Xamarin.Forms includes several built-in styles for common scenarios:

  • BodyStyle
  • CaptionStyle
  • ListItemDetailTextStyle
  • ListItemTextStyle
  • SubtitleStyle
  • TitleStyle

기본 제공 스타일 중 하나를 적용 하려면 사용는 DynamicResource 태그 확장 스타일을 지정 하려면:To apply one of the built-in styles, use the DynamicResource markup extension to specify the style:

<Label Text="I'm a Title" Style="{DynamicResource TitleStyle}"/>

C#에서 기본 제공 스타일에서 선택 Device.Styles:In C#, built-in styles are selected from Device.Styles:

label.Style = Device.Styles.TitleStyle;

장치 스타일 예제

사용자 지정 스타일Custom Styles

스타일 setter 이루어진 setter 속성으로 구성 하 고 속성 값으로 설정 됩니다.Styles consist of setters and setters consist of properties and the values the properties will be set to.

C#에서는 30 크기의 빨간색 텍스트를 사용 하 여 레이블에 대 한 사용자 지정 스타일을 다음과 같이 정의 됩니다.In C#, a custom style for a label with red text of size 30 would be defined as follows:

var LabelStyle = new Style (typeof(Label)) {
    Setters = {
        new Setter {Property = Label.TextColorProperty, Value = Color.Red},
        new Setter {Property = Label.FontSizeProperty, Value = 30}
    }
};

var label = new Label { Text = "Check out my style.", Style = LabelStyle };

XAML:In XAML:

<ContentPage.Resources>
    <ResourceDictionary>
        <Style x:Key="LabelStyle" TargetType="Label">
            <Setter Property="TextColor" Value="Red"/>
            <Setter Property="FontSize" Value="30"/>
        </Style>
    </ResourceDictionary>
</ContentPage.Resources>

<ContentPage.Content>
    <StackLayout>
        <Label Text="Check out my style." Style="{StaticResource LabelStyle}" />
    </StackLayout>
</ContentPage.Content>

리소스 (스타일을 모두 포함) 내에서 정의 되어 ContentPage.Resources에 더 친숙 한의 형제인 ContentPage.Content 요소입니다.Note that resources (including all styles) are defined within ContentPage.Resources, which is a sibling of the more familiar ContentPage.Content element.

사용자 지정 스타일 예제

스타일 적용Applying Styles

일치 하는 모든 보기에 적용할 수는 스타일을 만든 후 해당 TargetType합니다.Once a style has been created, it can be applied to any view matching its TargetType.

XAML에서 사용자 지정 스타일에 적용 되 뷰를 제공 하 여 해당 Style 속성을 StaticResource 원하는 스타일을 참조 하는 태그 확장:In XAML, custom styles are applied to views by supplying their Style property with a StaticResource markup extension referencing the desired style:

<Label Text="Check out my style." Style="{StaticResource LabelStyle}" />

C#에서 스타일 중 하나 수는 뷰에 직접 적용 또는 추가할 메시지를 검색할 수는 페이지에서 ResourceDictionary합니다.In C#, styles can either be applied directly to a view or added to and retrieved from a page's ResourceDictionary. 직접 추가 합니다.To add directly:

var label = new Label { Text = "Check out my style.", Style = LabelStyle };

추가 하 고 페이지의 검색 ResourceDictionary:To add and retrieve from the page's ResourceDictionary:

this.Resources.Add ("LabelStyle", LabelStyle);
label.Style = (Style)Resources["LabelStyle"];

기본 제공 스타일은 내게 필요한 옵션 설정에 응답 해야 하기 때문에 다르게 적용 됩니다.Built-in styles are applied differently, because they need to respond to accessibility settings. XAML의 기본 제공 스타일을 적용 하는 DynamicResource 태그 확장을 사용:To apply built-in styles in XAML, the DynamicResource markup extension is used:

<Label Text="I'm a Title" Style="{DynamicResource TitleStyle}"/>

C#에서 기본 제공 스타일에서 선택 Device.Styles:In C#, built-in styles are selected from Device.Styles:

label.Style = Device.Styles.TitleStyle;

액세스 가능성Accessibility

기본 제공 스타일 쉽게 내게 필요한 옵션 기본 설정을 적용 하기 위해 존재 합니다.The built-in styles exist to make it easier to respect accessibility preferences. 기본 제공 스타일 중 하나를 사용 하면 글꼴 크기를 사용자가 내게 필요한 옵션 기본 설정을 적절 하 게 설정 하는 경우 자동으로 증가 합니다.When using any of the built-in styles, font sizes will automatically increase if a user sets their accessibility preferences accordingly.

내게 필요한 옵션 설정을 사용 하거나 사용 하지 않도록 설정으로 기본 스타일으로 스타일이 지정 된 보기의 동일한 페이지의 다음 예제를 살펴보세요.Consider the following example of the same page of views styled with the built-in styles with accessibility settings enabled and disabled:

사용 안 함:Disabled:

내게 필요한 옵션을 사용 하지 않는 장치 스타일

사용:Enabled:

내게 필요한 옵션 기능이 설정 된 장치 스타일

접근성을 위해 앱 내에서 모든 텍스트 관련 스타일에 대 한 기준으로 기본 제공 스타일을 사용 하 고 스타일을 일관 되 게 사용 중인지를 확인 합니다.To ensure accessibility, make sure that built-in styles are used as the basis for any text-related styles within your app, and that you are using styles consistently. 참조 스타일 확장 하 고 스타일을 사용 하 여 일반적인 작동에 대 한 자세한 내용은 합니다.See Styles for more details on extending and working with styles in general.