Les zones de texte WPF sont trop grandes

Question

J'ai une page WPF avec des TextBox de saisie de données et elles ont l'air beaucoup plus grandes que les polices de caractères. Qu'est-ce qui détermine la hauteur de la zone de texte? y a-t-il un moyen de les écraser?

La zone de texte devient de plus en plus petit en fonction de la taille de la police affiche (donc je ne veux pas définir directement la propriété de hauteur si je peux l'aider.

Voici un exemple de ce que je veux dire ...

<Page 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
    <Page.Resources> 
    <Style x:Key="LabelStyle" TargetType="Label"> 
     <Setter Property="HorizontalAlignment" Value="Right"/> 
     <Setter Property="VerticalAlignment" Value="Center"/> 
     <Setter Property="VerticalContentAlignment" Value="Center"/> 
    </Style> 

    <Style x:Key="TextBoxStyle" TargetType="TextBox"> 
     <Setter Property="HorizontalAlignment" Value="Left"/> 
     <Setter Property="VerticalAlignment" Value="Center"/> 
     <Setter Property="VerticalContentAlignment" Value="Center"/> 
    </Style> 

    </Page.Resources> 
    <StackPanel> 
    <WrapPanel> 
     <Label Style="{StaticResource LabelStyle}" Content="{Binding ActualHeight, RelativeSource={RelativeSource Self}}"/> 
     <TextBox Style="{StaticResource TextBoxStyle}" Text="{Binding ActualHeight, RelativeSource={RelativeSource Self}, Mode=OneWay}"/> 
    </WrapPanel> 
    <WrapPanel> 
     <Label Style="{StaticResource LabelStyle}" Content="{Binding ActualHeight, RelativeSource={RelativeSource Self}}"/> 
     <TextBox Style="{StaticResource TextBoxStyle}" Text="{Binding ActualHeight, RelativeSource={RelativeSource Self}, Mode=OneWay}"/> 
    </WrapPanel> 
    </StackPanel> 
</Page> 

Si vous regardez la taille, vous verrez l'étiquette est un peu plus grand que la zone de texte. Modification du VerticalAlignment sur la zone de texte en haut en fait la même taille. en tant que mesure provisoire, je viens de mettre une marge sur l'étiquette à -2

Answer 1

Je suppose que vous Le conteneur de TextBox le rend trop grand.

Essayez le XAML suivant Kaxaml:

<Page 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 

    <Grid VerticalAlignment="Center" HorizontalAlignment="Center"> 
    <TextBox Text="Sample text" FontSize="2" /> 
    </Grid> 

</Page> 

Cela rend comme une zone de texte très petit dans le centre de la page. Si vous supprimez les VerticalAlignment="Center" et HorizontalAlignment="Center" du conteneur, la zone de texte est très grande.

Les alignements horizontaux et verticaux par défaut pour Grid et TextBox sont Stretch, ce qui signifie que l'élément ne s'en soucie pas et prendra ce qu'il est donné. Donc, le moteur de mise en page demande au TextBox quelle taille il devrait être et n'obtient pas de réponse, et donc la mise en page demande Grid. Le Grid ne s'en soucie pas non plus alors il demande enfin le Page/Window, qui a une taille fixe, et ensuite cette taille est propagée dans l'arbre visuel (en prenant en compte les marges et le remplissage). Le résultat net est que le TextBox remplit toute la zone.

Pour prouver ce point, déplacez les attributs d'alignement du Grid vers le TextBox lui-même. Vous ne pouvez pas voir une différence visuellement, mais si vous définissez une couleur d'arrière-plan pour la grille, vous le feriez.

<Grid Background="Red"> 
    <TextBox VerticalAlignment="Center" HorizontalAlignment="Center" 
      Text="Sample text" FontSize="2" /> 
</Grid> 

Si vous voulez entasser la bordure de zone de texte à droite contre le texte, vous pouvez également définir Padding="0" sur la zone de texte lui-même.

Voir this article pour plus d'informations sur le système de disposition WPF.

Answer 2

Voici un exemple de ce que je veux dire ...

<Page 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
    <Page.Resources> 
    <Style x:Key="LabelStyle" TargetType="Label"> 
     <Setter Property="HorizontalAlignment" Value="Right"/> 
     <Setter Property="VerticalAlignment" Value="Center"/> 
     <Setter Property="VerticalContentAlignment" Value="Center"/> 
    </Style> 

    <Style x:Key="TextBoxStyle" TargetType="TextBox"> 
     <Setter Property="HorizontalAlignment" Value="Left"/> 
     <Setter Property="VerticalAlignment" Value="Center"/> 
     <Setter Property="VerticalContentAlignment" Value="Center"/> 
    </Style> 

    </Page.Resources> 
    <StackPanel> 
    <WrapPanel> 
     <Label Style="{StaticResource LabelStyle}" Content="{Binding ActualHeight, RelativeSource={RelativeSource Self}}"/> 
     <TextBox Style="{StaticResource TextBoxStyle}" Text="{Binding ActualHeight, RelativeSource={RelativeSource Self}, Mode=OneWay}"/> 
    </WrapPanel> 
    <WrapPanel> 
     <Label Style="{StaticResource LabelStyle}" Content="{Binding ActualHeight, RelativeSource={RelativeSource Self}}"/> 
     <TextBox Style="{StaticResource TextBoxStyle}" Text="{Binding ActualHeight, RelativeSource={RelativeSource Self}, Mode=OneWay}"/> 
    </WrapPanel> 
    </StackPanel> 
</Page> 

Si vous regardez la taille, vous verrez l'étiquette est un peu plus grand que la zone de texte. La modification de VerticalAlignment sur la zone de texte en haut fait la même taille. En tant que mesure provisoire, je viens de définir une marge sur l'étiquette à -2.