레이블(또는 텍스트 블록)

Applies to Windows and Windows Phone

표준 레이블 컨트롤의 모양 샘플

설명

레이블은 컨트롤 또는 관련 컨트롤 그룹의 이름이나 제목입니다.

XAML에서 대부분의 컨트롤에는 레이블 표시에 사용하는 기본 제공 Header 속성이 있습니다. 컨트롤에 Header 속성이 없거나 컨트롤 그룹에 레이블을 지정하려는 경우에는 TextBlock을 사용할 수 있습니다.

HTML에서는 label element를 사용합니다.

표준 레이블 컨트롤을 보여 주는 스크린샷

권장 사항 및 금지 사항

  • 인접한 컨트롤에 입력해야 하는 내용이 분명하지 않은 경우 레이블을 사용하여 이를 사용자에게 나타냅니다. 텍스트 입력 상자 위의 ‘이름’을 예로 들 수 있습니다. 관련 컨트롤 그룹에 레이블을 지정하거나 관련 컨트롤 그룹 근처에 지침 텍스트를 표시할 수도 있습니다.
  • 컨트롤에 레이블을 지정하는 경우 문장이나 지침 텍스트가 아니라 명사나 간결한 명사구로 레이블을 작성하세요. 콜론이나 기타 문장 부호를 사용하지 마세요.
  • 지침 텍스트 길이로 더욱 자유롭게 표현할 수 있고 문장 부호를 사용할 수 있습니다.
  • Applies to Windows

Windows 스토어 앱용 XAML 스타일 갤러리

기본 제공 앱과 같이 앱의 스타일을 지정하려면 Windows 스토어 앱에서 이 XAML 코드 조각을 사용하여 참조할 TextBlock 스타일 갤러리를 만들면 됩니다.


<StackPanel>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="BaseTextBlockStyle" Style="{StaticResource BaseTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="BodyTextBlockStyle" Style="{StaticResource BodyTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="CaptionTextBlockStyle" Style="{StaticResource CaptionTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="HeaderTextBlockStyle" Style="{StaticResource HeaderTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="SubheaderTextBlockStyle" Style="{StaticResource SubheaderTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="SubtitleTextBlockStyle" Style="{StaticResource SubtitleTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="TitleTextBlockStyle" Style="{StaticResource TitleTextBlockStyle}"/>
    </Border>
</StackPanel>


Windows 스토어 앱 TextBlock 스타일 갤러리

  • Applies to Windows Phone

Windows Phone 스토어 앱용 XAML 스타일 갤러리

기본 제공 앱과 같이 앱의 스타일을 지정하려면 Windows Phone 스토어 앱에서 이 XAML 코드 조각을 사용하여 참조할 TextBlock 스타일 갤러리를 만들면 됩니다.


<StackPanel>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="BaseTextBlockStyle" Style="{StaticResource BaseTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="BodyTextBlockStyle" Style="{StaticResource BodyTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="ComboBoxPlaceholderTextBlockStyle" Style="{StaticResource ComboBoxPlaceholderTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="ControlContextualInfoTextBlockStyle" Style="{StaticResource ControlContextualInfoTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="ControlHeaderTextBlockStyle" Style="{StaticResource ControlHeaderTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="FlyoutPickerTitleTextBlockStyle" Style="{StaticResource FlyoutPickerTitleTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="GroupHeaderTextBlockStyle" Style="{StaticResource GroupHeaderTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="HeaderTextBlockStyle" Style="{StaticResource HeaderTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="ListViewEmptyStaticTextBlockStyle" Style="{StaticResource ListViewEmptyStaticTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="ListViewItemContentTextBlockStyle" Style="{StaticResource ListViewItemContentTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="ListViewItemSubheaderTextBlockStyle" Style="{StaticResource ListViewItemSubheaderTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="ListViewItemTextBlockStyle" Style="{StaticResource ListViewItemTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="MessageDialogContentStyle" Style="{StaticResource MessageDialogContentStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="MessageDialogTitleStyle" Style="{StaticResource MessageDialogTitleStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="SubheaderTextBlockStyle" Style="{StaticResource SubheaderTextBlockStyle}"/>
    </Border>
    <Border BorderBrush="Gray" BorderThickness="1">
        <TextBlock Text="TitleTextBlockStyle" Style="{StaticResource TitleTextBlockStyle}"/>
    </Border>
</StackPanel>


Windows Phone 스토어 앱 TextBlock 스타일 갤러리

관련 항목

디자이너용
글꼴에 대한 지침
입력 체계에 대한 지침
개발자용(HTML)
label element | label object
개발자용(XAML)
TextBox.Header property
PasswordBox.Header property
ToggleSwitch.Header property
DatePicker.Header property
TimePicker.Header property
Slider.Header property
ComboBox.Header property
RichEditBox.Header property
TextBlock class

 

 

표시:
© 2014 Microsoft