WPF: Définir la largeur (et la hauteur) en tant que valeur en pourcentage

Question

Dites que je veux qu'un TextBlock ait sa Width égale à celle de son conteneur parent (c'est-à-dire, s'étendre de gauche à droite) ou à un pourcentage de la Width de son conteneur parent, comment puis-je accomplir cela en XAML sans spécifier des valeurs absolues ?

Je veux faire cela de sorte que si le conteneur parent est ensuite agrandi (sa Width augmentée), ses éléments enfants seront également automatiquement agrandis. (basiquement, comme en HTML et CSS)

Answer 1

Vous pouvez placer les zones de texte à l'intérieur d'une grille pour effectuer des calculs en pourcentage sur les lignes ou colonnes de la grille et laisser les zones de texte se remplir automatiquement dans leurs cellules parent (comme c'est le cas par défaut). Exemple :

Cela fera en sorte que le #1 soit à 2/5 de la largeur, et le #2 à 3/5.

Answer 2

La façon de l'étirer pour qu'il ait la même taille que le conteneur parent est d'utiliser l'attribut :

`

Cela permettra à l'élément Textbox de s'étirer horizontalement et de remplir tout l'espace parent horizontalement (en réalité, cela dépend du panneau parent que vous utilisez, mais cela devrait fonctionner pour la plupart des cas).

Les pourcentages ne peuvent être utilisés qu'avec les valeurs de cellule de grille, donc une autre option est de créer une grille et de placer votre zone de texte dans l'une des cellules avec le pourcentage approprié.

`

Answer 3

Typiquement, vous utiliseriez un contrôle de mise en page intégré approprié à votre scénario (par exemple, utilisez une grille comme parent si vous voulez un redimensionnement relatif au parent). Si vous souhaitez le faire avec un élément parent arbitraire, vous pouvez créer un ValueConverter pour le faire, mais ce ne sera probablement pas aussi propre que vous le souhaiteriez. Cependant, si vous en avez absolument besoin, vous pourriez faire quelque chose comme ceci :

public class PercentageConverter : IValueConverter
{
    public object Convert(object value, 
        Type targetType, 
        object parameter, 
        System.Globalization.CultureInfo culture)
    {
        return System.Convert.ToDouble(value) * 
               System.Convert.ToDouble(parameter);
    }

    public object ConvertBack(object value, 
        Type targetType, 
        object parameter, 
        System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

Que vous pouvez utiliser comme ceci, pour obtenir un enfant textbox de 10 % de la largeur de son parent canvas :

Answer 4

Pour toute personne qui rencontre une erreur comme : La chaîne '2*' ne peut pas être convertie en Longueur.

    Votre bloc de texte a :
    Votre bloc de texte b :

Answer 5

Je sais que ce n'est pas du XAML, mais j'ai fait la même chose avec l'événement SizeChanged du textbox :

private void TextBlock_SizeChanged(object sender, SizeChangedEventArgs e)
{
   TextBlock textBlock = sender as TextBlock;
   FrameworkElement element = textBlock.Parent as FrameworkElement;
   textBlock.Margin = new Thickness(0, 0, (element.ActualWidth / 100) * 20, 0);
}

Le textbox semble être à 80% de la taille de son parent (la marge du côté droit étant de 20%) et s'étire selon les besoins.