Liste des contrôles
Langage: HTML | XAML

Liste des contrôles (XAML)

[ Cet article est destiné aux développeurs Windows 8.x et Windows Phone 8.x qui créent des applications Windows Runtime. Si vous développez une application pour Windows 10, voir la Documentation ]

L’infrastructure d’interface utilisateur XAML pour Windows fournit une bibliothèque complète de contrôles qui prennent en charge le développement d’une interface utilisateur. Certains de ces contrôles ont une représentation visuelle, tandis que d’autres font office de conteneurs d’autres contrôles ou d’autre contenu, par exemple des images ou du contenu multimédia. Vous pouvez observer le fonctionnement des contrôles d’interface utilisateur Windows en téléchargeant l’exemple Galerie de contrôles et de dispositions et l’exemple Contrôles fondamentaux XAML.

Voici une liste alphabétique des contrôles XAML courants que vous pouvez utiliser dans votre application. Pour afficher les contrôles groupés par fonction, voir Contrôles par fonction.

Vous pouvez utiliser la plupart des contrôles dans les interfaces utilisateur de votre application pour téléphone et PC. Ces contrôles ont généralement une apparence semblable, mais dans certains cas ils peuvent être différents sur téléphone et sur PC. D’autres téléphones sont disponibles uniquement pour les applications pour téléphone ou uniquement pour les applications PC.

Feuille de route : comment cette rubrique s’articule-t-elle par rapport aux autres ? Voir :

A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z

A

barre de l’application (Windows uniquement)

Barre d’outils pour afficher les commandes spécifiques à l’application.

Contrôle de barre de l’application inférieure

<Page.BottomAppBar>
    <AppBar x:Name="bottomAppBar" Padding="10,0,10,0">
        <Grid>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                <Button Style="{StaticResource EditAppBarButtonStyle}" Click="Button_Click"/>
                <Button Style="{StaticResource RemoveAppBarButtonStyle}" Click="Button_Click"/>
                <Button Style="{StaticResource AddAppBarButtonStyle}" Click="Button_Click"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
                <Button Style="{StaticResource RefreshAppBarButtonStyle}" Click="Button_Click"/>
                <Button Style="{StaticResource HelpAppBarButtonStyle}" Click="Button_Click"/>
            </StackPanel>
        </Grid>
    </AppBar>
</Page.BottomAppBar>


Référence : AppBar

Procédure : ajout de barres de l’application

Conception : Barre de l’application supérieure, Barre de l’application inférieure

Exemple de code : Exemple de contrôle AppBar XAML, Exemple Galerie de contrôles et de dispositions

Bouton de barre de l’application

Bouton pour afficher des commandes avec les styles de la barre de l’application.

Référence : AppBarButton

Conception : Bouton Précédent, Barre de l’application inférieure

Séparateur de barre de l’application (Windows uniquement)

Sépare visuellement des groupes de commandes dans une barre de l’application.

Référence : AppBarSeparator

Bouton bascule de barre de l’application

Bouton pour activer et désactiver des commandes avec les styles de la barre de l’application.

Référence : AppBarToggleButton

Audio

Voir Élément multimédia

Zone de suggestion automatique (Windows Phone uniquement)

Zone d’entrée de texte qui fournit une suggestion de texte à mesure que l’utilisateur tape au clavier.

Référence : AutoSuggestBox

B

Bordure

Contrôle de conteneur qui dessine une bordure, un arrière-plan ou les deux, autour d’un autre objet.

Bordure autour de 2 rectangles

<Border BorderBrush="Gray" BorderThickness="4" 
        Height="108" Width="64">
    <StackPanel>
        <Rectangle Fill="Yellow"/>
        <Rectangle Fill="Green"/>
    </StackPanel>
</Border>


Référence : Border

Exemple de code : Exemple Galerie de contrôles et de dispositions

Bouton

Contrôle qui répond à l’entrée utilisateur et déclenche un événement Click.

Bouton standard et bouton stylisé

<Button x:Name="button1" Content="Button" 
        Click="Button_Click" />


Référence : Button

Procédure : ajout de boutons

Conception : Bouton

Exemple de code : Exemple de contrôles essentiels XAML, Exemple Galerie de contrôles et de dispositions

C

Zone de dessin

Panneau de disposition qui prend en charge le positionnement absolu des éléments enfants par rapport au coin supérieur gauche de la zone de dessin.

Panneau de disposition de la zone de dessin

<Canvas Width="120" Height="120">
    <Rectangle Fill="Red"/>
    <Rectangle Fill="Blue" Canvas.Left="20" Canvas.Top="20"/>
    <Rectangle Fill="Green" Canvas.Left="40" Canvas.Top="40"/>
    <Rectangle Fill="Yellow" Canvas.Left="60" Canvas.Top="60"/>
</Canvas>


Référence : Canvas

Procédure : Démarrage rapide : ajout de contrôles de disposition.

Exemple de code : Exemple Galerie de contrôles et de dispositions

Case à cocher

Contrôle pouvant être activé ou désactivé.

Les 3 états d’une case à cocher

<CheckBox x:Name="checkbox1" Content="CheckBox" 
          Checked="CheckBox_Checked"/>


Référence : CheckBox

Procédure : ajout de cases à cocher

Conception : Case à cocher

Exemple de code : Exemple de contrôles essentiels XAML, Exemple Galerie de contrôles et de dispositions

Zone de liste déroulante

Liste déroulante dans laquelle un utilisateur peut sélectionner des éléments.

Zone de liste déroulante ouverte

<ComboBox x:Name="comboBox1" SelectionChanged="ComboBox_SelectionChanged" Width="100">
    <x:String>Item 1</x:String>
    <x:String>Item 2</x:String>
    <x:String>Item 3</x:String>
</ComboBox>


Référence : ComboBox

Procédure : ajout de zones de liste déroulante et de zones de liste

Conception : Liste déroulante

Exemple de code : Exemple de contrôles essentiels XAML, Exemple Galerie de contrôles et de dispositions

Barre de commandes

Barre de l’application spécialisée qui gère le redimensionnement des éléments de boutons de la barre de l’application.


    <CommandBar>
        <AppBarButton Icon="Back" Label="Back" Click="AppBarButton_Click"/>
        <AppBarButton Icon="Stop" Label="Stop" Click="AppBarButton_Click"/>
        <AppBarButton Icon="Play" Label="Play" Click="AppBarButton_Click"/>
    </CommandBar>


Référence : CommandBar

Procédure : ajout de barres de l’application

Conception : Barre de l’application inférieure

Exemple de code : Exemple de contrôle AppBar XAML, Exemple Galerie de contrôles et de dispositions

Boîte de dialogue de contenu (Windows Phone uniquement)

Boîte de dialogue que vous pouvez personnaliser pour contenir tout contenu XAML.

Référence : ContentDialog

Menu contextuel

Voir Menu contextuel

D

Sélecteur de dates

Contrôle qui permet à un utilisateur de sélectionner une date.

Contrôle sélecteur de dates

<DatePicker Header="Arrival Date"/>

Référence : DatePicker

Procédure : Démarrage rapide : ajout d’un DatePicker.

Conception : Sélecteur de dates

Exemple de code : Exemple de contrôles DatePicker et TimePicker XAML, Exemple Galerie de contrôles et de dispositions

Menu volant de sélecteur de date (Windows uniquement)

Menu volant permettant à un utilisateur de sélectionner une date.

Référence : DatePickerFlyout

F

Zone flexible

Voir Panneau d’empilement

Vue symétrique

Contrôle qui présente une collection d’éléments que l’utilisateur peut parcourir un par un.

Contrôle de vue symétrique

<FlipView x:Name="flipView1" SelectionChanged="FlipView_SelectionChanged">
    <Image Source="Assets/Logo.png" />
    <Image Source="Assets/SplashScreen.png" />
    <Image Source="Assets/SmallLogo.png" />
</FlipView>


Référence : FlipView

Procédure : Ajout de contrôles FlipView

Conception : Vue symétrique

Exemple de code : Exemple de contrôle FlipView XAML, Exemple Galerie de contrôles et de dispositions

Menu volant

Affiche un message nécessitant une action de la part de l’utilisateur. (Contrairement à une boîte de dialogue, un menu volant ne crée pas de fenêtre distincte et ne bloque pas l’action des autres utilisateurs.)

Contrôle de menu volant

<Flyout>
    <StackPanel>
        <TextBlock>All items will be permanently removed from your cart.</TextBlock>
        <Button Click="DeleteConfirmation_Click">Empty my cart</Button>
    </StackPanel>
</Flyout>


Référence : Flyout

Procédure : Démarrage rapide : ajout d’un menu volant.

Conception : Menu volant

Exemple de code : Exemple Flyout et MenuFlyout XAML, Exemple Galerie de contrôles et de dispositions

G

Grille

Panneau de disposition qui prend en charge l’organisation des éléments enfants en lignes et colonnes.

Panneau de disposition de la grille

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="50"/>
        <RowDefinition Height="50"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="50"/>
        <ColumnDefinition Width="50"/>
    </Grid.ColumnDefinitions>
    <Rectangle Fill="Red"/>
    <Rectangle Fill="Blue" Grid.Row="1"/>
    <Rectangle Fill="Green" Grid.Column="1"/>
    <Rectangle Fill="Yellow" Grid.Row="1" Grid.Column="1"/>
</Grid>


Référence : Grid

Procédure : Démarrage rapide : ajout de contrôles de disposition.

Exemple de code : Exemple Galerie de contrôles et de dispositions

Affichage Grille

Contrôle à défilement horizontal qui présente une collection d’éléments en lignes et en colonnes.

Contrôle d’affichage Grille

<GridView x:Name="gridView1" SelectionChanged="GridView_SelectionChanged">
    <x:String>Item 1</x:String>
    <x:String>Item 2</x:String>
</GridView>


Référence : GridView

Procédure : ajout de contrôles ListView et GridView

Conception : Affichage Grille et affichage Liste

Exemple de code : Exemple d’utilisation des contrôles ListView et GridView XAML, Exemple de personnalisation de l’interactivité des contrôles ListView et GridView XAML, Exemple de groupement de GridView et SemanticZoom XAML, Exemple Galerie de contrôles et de dispositions

H

Hub

Contrôle conteneur qui permet à l’utilisateur d’afficher différentes sections de contenu et d’y accéder.


<Hub>
    <HubSection>
        <!--- hub section content -->
				</HubSection>
    <HubSection>
        <!--- hub section content -->
				</HubSection>
</Hub>

Référence : Hub

Procédure : Démarrage rapide : utilisation d’un contrôle Hub.

Conception : Contrôle Hub

Exemple de code : Exemple de contrôle Hub XAML, Exemple Galerie de contrôles et de dispositions

Lien hypertexte

Voir bouton Lien hypertexte

Bouton Lien hypertexte

Bouton qui apparaît sous la forme d’un texte balisé, généralement utilisé inline dans des blocs de texte.

Bouton Lien hypertexte

<HyperlinkButton Content="www.microsoft.com" NavigateUri="http://www.microsoft.com"/>


Référence : HyperlinkButton

Procédure : ajout de boutons

Conception : Lien hypertexte

Exemple de code : Exemple de contrôles essentiels XAML, Exemple Galerie de contrôles et de dispositions

I

Image

Contrôle qui présente une image.

Contrôle d’image

<Image Source="Assets/Logo.png" />


Référence : Image

Procédure : Démarrage rapide : Image et ImageBrush

Exemple de code : Exemple d’images XAML, Exemple de contrôles essentiels XAML, Exemple Galerie de contrôles et de dispositions

Contrôle d’éléments

Contrôle qui présente une collection d’éléments dans une interface utilisateur spécifiée par un modèle de données.


<ItemsControl/>

Référence : ItemsControl

L

Zone de liste

Contrôle qui présente une liste inline dans laquelle un utilisateur peut sélectionner des éléments.

Contrôle de zone de liste

<ListBox x:Name="listBox1" SelectionChanged="ListBox_SelectionChanged" Width="100">
    <x:String>Item 1</x:String>
    <x:String>Item 2</x:String>
    <x:String>Item 3</x:String>
</ListBox>


Référence : ListBox

Procédure : ajout de zones de liste déroulante et de zones de liste

Conception : Zone de liste

Exemple de code : Exemple de contrôles essentiels XAML, Exemple Galerie de contrôles et de dispositions

Menu volant de sélecteur de liste (Windows uniquement)

Menu volant qui présente une liste d’éléments parmi lesquels l’utilisateur peut choisir.

Référence : ListPickerFlyout

Affichage de liste

Contrôle qui présente une collection d’éléments dans une liste à défilement vertical.

Contrôle d’affichage de liste

<ListView x:Name="listView1" SelectionChanged="ListView_SelectionChanged">
    <x:String>Item 1</x:String>
    <x:String>Item 2</x:String>
</ListView>


Référence : ListView

Procédure : ajout de contrôles ListView et GridView

Conception : Affichage Grille et affichage Liste

Exemple de code : Exemple d’utilisation des contrôles ListView et GridView XAML, Exemple de personnalisation de l’interactivité des contrôles ListView et GridView XAML, Exemple Galerie de contrôles et de dispositions

M

Contrôle Map (Windows Phone uniquement)

Contrôle qui affiche une carte.

Référence : MapControl

Conception : Carte

Élément multimédia

Contrôle qui lit du contenu audio et vidéo.


<MediaElement/>

Référence : MediaElement

Conception : Applications audio

Exemple de code : Exemple de lecture de contenu multimédia XAML

Menu volant

Affiche temporairement une liste de commandes ou d’options liées à l’action en cours de l’utilisateur.

Contrôle de menu volant

<MenuFlyout>
    <MenuFlyoutItem Text="Reset" Click="Reset_Click"/>
    <MenuFlyoutSeparator/>
    <ToggleMenuFlyoutItem Text="Shuffle" 
                          IsChecked="{Binding IsShuffleEnabled, Mode=TwoWay}"/>
    <ToggleMenuFlyoutItem Text="Repeat" 
                          IsChecked="{Binding IsRepeatEnabled, Mode=TwoWay}"/>
</MenuFlyout>



Référence : MenuFlyout, MenuFlyoutItem, MenuFlyoutSeparator, ToggleMenuFlyoutItem

Procédure : Démarrage rapide : ajout d’un menu volant.

Exemple de code : Exemple Flyout et MenuFlyout XAML, Exemple Galerie de contrôles et de dispositions

Zone de texte de plusieurs lignes

Voir Zone de texte.

P

Visionneuse à mouvement panoramique

Voir Visionneuse à défilement

Zone de mot de passe

Contrôle pour la saisie des mots de passe.

Contrôle de zone de mot de passe

<PasswordBox x:Name="passwordBox1" IsPasswordRevealButtonEnabled="True" 
             PasswordChanged="PasswordBox_PasswordChanged" />


Référence : PasswordBox

Procédure : Démarrage rapide : ajout de contrôles de saisie et de modification de texte

Conception : Zone de mot de passe

Exemple de code : Exemple d’affichage de texte XAML, Exemple de modification de texte XAML, Exemple Galerie de contrôles et de dispositions

Menu volant de sélecteur (Windows uniquement)

Menu volant qui vous permet de créer un sélecteur personnalisé.

Référence : PickerFlyout

Pivot (Windows Phone uniquement)

Modèle de navigation et conteneur plein écran qui permet aussi de passer rapidement d’un pivot à un autre (vue ou filtre), généralement dans le même jeu de données.

Référence : Pivot

Conception : Pivot

Menu contextuel

Commandes de présentation de menu personnalisé que vous spécifiez.

Référence : PopupMenu

Conception : Menu contextuel

Exemple de code : Exemple de contrôles essentiels XAML

Barre de progression

Contrôle qui indique la progression en affichant une barre.

Contrôle de barre de progression

Barre de progression qui affiche une valeur spécifique.


<ProgressBar x:Name="progressBar1" Value="50" Width="100"/>


Contrôle de barre de progression indéterminée

Barre de progression qui affiche une progression indéterminée.


<ProgressBar x:Name="indeterminateProgressBar1" IsIndeterminate="True" Width="100"/>


Référence : ProgressBar

Procédure : ajout de contrôles de progression

Conception : Barre de progression et anneau de progression

Exemple de code : Exemple de contrôles essentiels XAML, Exemple Galerie de contrôles et de dispositions

Cercle de progression

Contrôle qui indique la progression indéterminée en affichant un cercle.

Contrôle d’anneau de progression

<ProgressRing x:Name="progressRing1" IsActive="True"/>


Référence : ProgressRing

Procédure : ajout de contrôles de progression

Conception : Barre de progression et anneau de progression

Exemple de code : Exemple de contrôles essentiels XAML, Exemple Galerie de contrôles et de dispositions

Bouton de commande

Voir Bouton

R

Case d’option

Contrôle qui autorise un utilisateur à sélectionner une seule option dans un groupe d’options. Lorsque des cases d’option sont regroupées, elles sont mutuellement exclusives.

Contrôles de case d’option

<RadioButton x:Name="radioButton1" Content="RadioButton 1" GroupName="Group1" 
             Checked="RadioButton_Checked"/>
<RadioButton x:Name="radioButton2" Content="RadioButton 2" GroupName="Group1" 
             Checked="RadioButton_Checked" IsChecked="True"/>
<RadioButton x:Name="radioButton3" Content="RadioButton 3" GroupName="Group1" 
             Checked="RadioButton_Checked"/>


Référence : RadioButton

Procédure : ajout de cases d’option

Conception : Case d’option

Exemple de code : Exemple de contrôles essentiels XAML, Exemple Galerie de contrôles et de dispositions

Bouton de répétition

Bouton qui déclenche l’événement Click plusieurs fois à partir du moment où il est enfoncé jusqu’à ce qu’il soit relâché.

Contrôle de bouton de répétition

<RepeatButton x:Name="repeatButton1" Content="Repeat Button" 
              Click="RepeatButton_Click" />


Référence : RepeatButton

Procédure : ajout de boutons

Exemple de code : Exemple Galerie de contrôles et de dispositions

Zone d’édition enrichie

Contrôle qui permet à un utilisateur de modifier des documents en texte enrichi avec du contenu tel que du texte mis en forme, des liens hypertexte et des images.


<RichEditBox />

Référence : RichEditBox

Procédure : Démarrage rapide : ajout de contrôles de saisie et de modification de texte

Conception : Vérification orthographique du texte saisi

Exemple de code : Exemple de texte XAML, Exemple Galerie de contrôles et de dispositions

S

Barre de défilement

Contrôle qui fournit une barre de défilement avec une Thumb défilante dont la position correspond à une valeur.


<ScrollBar/>

Référence : ScrollBar

Visionneuse à défilement

Contrôle de conteneur qui permet à l’utilisateur d’appliquer une vue panoramique ou un zoom à son contenu.

Contrôle de visionneuse à défilement

<ScrollViewer ZoomMode="Enabled" MaxZoomFactor="10" 
              HorizontalScrollMode="Enabled" HorizontalScrollBarVisibility="Visible"
              Height="200" Width="200">
    <Image Source="Assets/Logo.png" Height="400" Width="400"/>
</ScrollViewer>


Référence : ScrollViewer

Conception : Visionneuse à défilement

Exemple de code : Exemple de zoom, de panoramique et de défilement XAML, Exemple Galerie de contrôles et de dispositions

Zone de recherche (Windows uniquement)

Contrôle qui permet à un utilisateur d’entrer des requêtes de recherche.

Contrôle de zone de recherche

<SearchBox />

Référence : SearchBox

Procédure : ajout de recherche

Conception : Zone de recherche

Exemple de code : Exemple de contrôle SearchBox, Exemple Galerie de contrôles et de dispositions

Zoom sémantique

Contrôle de conteneur qui permet à l’utilisateur d’effectuer un zoom entre deux vues d’une collection d’éléments.

Contrôle de zoom sémantique


<SemanticZoom>
    <ZoomedInView>
        <GridView></GridView>
    </ZoomedInView>
    <ZoomedOutView>
        <GridView></GridView>
    </ZoomedOutView>
</SemanticZoom>

Référence : SemanticZoom

Procédure : ajout de contrôles SemanticZoom

Conception : Zoom sémantique, Spécificité Windows : zoom sémantique

Exemple de code : Exemple de groupement de GridView et SemanticZoom XAML, Exemple Galerie de contrôles et de dispositions

Formes

Objets graphiques conservés dans différents modes pouvant être présentés comme des ellipses, rectangles, traits, tracés de Bézier, etc.

PolygoneChemin

<Ellipse/>
<Path/>
<Rectangle/>

Référence : Shapes

Procédure : Démarrage rapide : dessin de formes

Exemple de code : Exemple de dessin vectoriel XAML

Zone de texte d’une ligne

Champ de texte brut sur une ligne. Voir Zone de texte.

Curseur

Contrôle qui permet à l’utilisateur d’effectuer une sélection parmi une plage de valeurs en déplaçant un contrôle Thumb le long d’une ligne.

Contrôle de curseur

<Slider x:Name="slider1" Width="100" ValueChanged="Slider_ValueChanged" />


Référence : Slider

Procédure : ajout de curseurs

Conception : Curseur

Exemple de code : Exemple de contrôles essentiels XAML

Panneau d’empilement

Panneau de disposition qui organise les éléments enfants sur une seule ligne orientable horizontalement ou verticalement.

Contrôle de disposition de panneau d’empilement

<StackPanel>
    <Rectangle Fill="Red"/>
    <Rectangle Fill="Blue"/>
    <Rectangle Fill="Green"/>
    <Rectangle Fill="Yellow"/>
</StackPanel>


Référence : StackPanel

Procédure : Démarrage rapide : ajout de contrôles de disposition.

Exemple de code : Exemple Galerie de contrôles et de dispositions

Paragraphe/texte statique

Voir Bloc de texte.

T

Bloc de texte

Contrôle qui affiche du texte.

Contrôle de bloc de texte

<TextBlock x:Name="textBlock1" Text="I am a TextBlock" />


Référence : TextBlock, RichTextBlock

Procédure : Démarrage rapide : affichage de texte

Conception : Type

Exemple de code : Exemple de texte XAML, Exemple Galerie de contrôles et de dispositions

Zone de texte

Champ de texte brut sur une ou plusieurs lignes.

Contrôle de zone de texte

<TextBox x:Name="textBox1" Text="I am a TextBox" 
         TextChanged="TextBox_TextChanged" />


Référence : TextBox

Procédure : Démarrage rapide : ajout de contrôles de saisie et de modification de texte

Conception : Zone d’entrée de texte, Vérification orthographique du texte saisi

Exemple de code : Exemple de texte XAML, Exemple Galerie de contrôles et de dispositions

Sélecteur d’heure

Contrôle qui permet à un utilisateur de définir une heure.

Contrôle de sélecteur d’heure

<TimePicker Header="Arrival Time"/>

Référence : TimePicker

Procédure : Démarrage rapide : ajout d’un sélecteur d’heure.

Conception : Sélecteur d’heure

Exemple de code : Exemple de contrôles DatePicker et TimePicker XAML, Exemple Galerie de contrôles et de dispositions

Menu volant de sélecteur d’heure (Windows uniquement)

Menu volant qui permet à un utilisateur de définir une heure.

Référence : TimePickerFlyout

Bouton bascule

Bouton pouvant être basculé entre deux états.

Contrôle bouton bascule

<ToggleButton x:Name="toggleButton1" Content="Button" 
              Checked="ToggleButton_Checked"/>


Référence : ToggleButton

Procédure : ajout de boutons

Bouton bascule

Bouton pouvant basculer entre deux états.

Contrôle de bouton bascule

<ToggleSwitch x:Name="toggleSwitch1" Header="ToggleSwitch" 
              OnContent="On" OffContent="Off" 
              Toggled="ToggleSwitch_Toggled"/>


Référence : ToggleSwitch

Procédure : ajout de boutons bascule

Conception : Bouton bascule

Exemple de code : Exemple de contrôles essentiels XAML, Exemple Galerie de contrôles et de dispositions

Info-bulle

Fenêtre contextuelle qui affiche des informations pour un élément.

Contrôle d’info-bulle

<Button Content="Button" Click="Button_Click" 
        ToolTipService.ToolTip="Click to perform action" />


Référence : ToolTip, ToolTipService

Procédure : ajout d’info-bulles

Conception : Info-bulle

Exemple de code : Exemple de contrôles essentiels XAML, Exemple Galerie de contrôles et de dispositions

V

VariableSizedWrapGrid

Panneau de disposition qui prend en charge l’organisation des éléments enfants en lignes et colonnes. Chaque élément enfant peut occuper plusieurs lignes et colonnes.

Panneau de disposition de la grille avec renvoi à la ligne de taille variable

<VariableSizedWrapGrid MaximumRowsOrColumns="3" ItemHeight="44" ItemWidth="44">
    <Rectangle Fill="Red"/>
    <Rectangle Fill="Blue" Height="80" 
               VariableSizedWrapGrid.RowSpan="2"/>
    <Rectangle Fill="Green" Width="80" 
               VariableSizedWrapGrid.ColumnSpan="2"/>
    <Rectangle Fill="Yellow" Height="80" Width="80" 
               VariableSizedWrapGrid.RowSpan="2" 
               VariableSizedWrapGrid.ColumnSpan="2"/>
</VariableSizedWrapGrid>


Référence : VariableSizedWrapGrid

Procédure : Démarrage rapide : ajout de contrôles de disposition.

Exemple de code : Exemple Galerie de contrôles et de dispositions

Vidéo

Voir Élément multimédia

Viewbox

Contrôle de conteneur qui applique une taille spécifique à son contenu.

Contrôle de viewbox

<Viewbox MaxWidth="25" MaxHeight="25">
    <Image Source="Assets/Logo.png"/>
</Viewbox>
<Viewbox MaxWidth="75" MaxHeight="75">
    <Image Source="Assets/Logo.png"/>
</Viewbox>
<Viewbox MaxWidth="150" MaxHeight="150">
    <Image Source="Assets/Logo.png"/>
</Viewbox>


Référence : Viewbox

Exemple de code : Exemple Galerie de contrôles et de dispositions

W

Affichage Web

Contrôle de conteneur qui héberge du contenu Web.


<WebView x:Name="webView1" Source="http://dev.windows.com" Height="400" Width="800" />



<Rectangle Height="400" Width="800">
    <Rectangle.Fill>
        <WebViewBrush SourceName="webView1"/>
    </Rectangle.Fill>
</Rectangle>


Référence : WebView, WebViewBrush

Conception : Affichage Web

Exemple de code : Exemple de contrôle d’affichage Web XAML

Z

Visionneuse à défilement avec zoom

Voir Visionneuse à défilement.

Rubriques associées

Contrôles par fonction
Feuille de route pour les applications Windows Runtime en C# ou Visual Basic
Feuille de route pour les applications Windows Runtime en C++

 

 

Afficher:
© 2017 Microsoft