Le style d'une Zone
Je suis en train de créer une Zone de groupe conception de ce genre.
J'ai regardé le GroupBox.HeaderTemplate
mais je vais avoir des problèmes pour la création de l'arrière-plan bleu, avec une largeur de 100%.
Il en va de même pour la frontière.
Mon code jusqu'à présent
<GroupBox.HeaderTemplate>
<DataTemplate>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Label Content="{Binding}" HorizontalAlignment="Stretch" Background="#25A0DA" Grid.Column="0" Height="20" Padding="5,0,0,0" Margin="1" Foreground="White"/>
</Grid>
</DataTemplate>
</GroupBox.HeaderTemplate>
Et c'est à quoi il ressemble maintenant.
OriginalL'auteur gulbaek | 2012-02-20
Vous devez vous connecter pour publier un commentaire.
Prendre la valeur par défaut Zone Modèle et le modifier comme vous le souhaitez
Par exemple,
OriginalL'auteur Rachel
Ce thread est un peu vieux, mais quelqu'un pourrait trouver cela utile...
Une petite modification à Jakob réponse si vous voulez avoir la pleine largeur de l'en-tête.
Vous pouvez lier à la Zone parent, de sorte que vous pouvez utiliser sans avoir un nom de Zone.
OriginalL'auteur dave
Vous ne serez probablement pas en mesure de le faire ressembler exactement à votre exemple, sans avoir à écrire de complètement différent de ce modèle, mais je lui ai donné un simple coup par la liaison de la largeur de la grille dans votre HeaderTemplate à la largeur de la zone de groupe et par la définition appropriée de la marge et le remplissage:
Le résultat ressemble à ceci:
OriginalL'auteur Jakob Christensen
Je me rends compte c'est la façon dont la fin de, mais les MahApps.Métro paquet a une belle Zone qui semble comme presque exactement comme ce qui est affiché dans l'OP.
https://github.com/MahApps/MahApps.Metro/blob/develop/MahApps.Metro/Styles/Controls.GroupBox.xaml
Voici le code Xaml de la version 1.22
OriginalL'auteur yourbuddypal
Essayez ceci :
OriginalL'auteur Hotman Jawa