Étiquette (ou bloc de texte)

Applies to Windows and Windows Phone

Un exemple de contrôle d’étiquette standard

Description

Une étiquette correspond au nom ou au titre d’un contrôle ou d’un groupe de contrôles associés.

En XAML, de nombreux contrôles ont une propriété Header intégrée que vous utilisez pour afficher l’étiquette. Pour les contrôles qui n’ont pas de propriété Header, ou pour étiqueter des groupes de contrôles, vous pouvez utiliser un TextBlock.

En HTML, vous utilisez l’label element.

Exemple

Capture d’écran du contrôle d’étiquette standard

Pratiques conseillées et déconseillées

  • Utilisez une étiquette pour indiquer à l’utilisateur ce qu’il doit entrer dans un contrôle adjacent, si cela n’est pas évident. Par exemple, « Nom » au-dessus d’une zone d’entrée de texte. Vous pouvez aussi étiqueter un groupe de contrôles associés ou afficher un texte d’instruction à côté d’un groupe de contrôles associés.
  • Si vous étiquetez des contrôles, écrivez l’étiquette sous forme de nom ou de groupe nominal, et non sous forme de phrase ou de texte d’instruction. N’utilisez pas de signe deux-points ni d’autres signes de ponctuation.
  • Avec le texte d’instruction, vous avez davantage de liberté et vous pouvez utiliser des signes de ponctuation.
  • Applies to Windows

Galerie de styles XAML pour les applications du Windows Store

Concevez votre application comme une application intégrée. Vous pouvez vous servir de cet extrait de code XAML dans une application du Windows Store pour vous constituer une galerie de styles de TextBlock en tant que référence.


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


Galerie de styles de TextBlock d’une application du Windows Store

  • Applies to Windows Phone

Galerie de styles XAML pour les applications du Windows Phone Store

Concevez votre application comme une application intégrée. Vous pouvez vous servir de cet extrait de code XAML dans une application du Windows Phone Store pour vous constituer une galerie de styles de TextBlock en tant que référence.


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


Galerie de styles de TextBlock d’une application du Windows Phone Store

Rubriques associées

Pour les concepteurs
Recommandations en matière de polices
Recommandations en matière de typographie
Pour les développeurs (HTML)
label element | label object
Pour les développeurs (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

 

 

Afficher:
© 2014 Microsoft