Limiter un TextBox à la place disponible dans un ScrollViewer

Version imprimable

Bonjour à tous et à toutes.

J'ai une vue contenant un ScrollViewer afin que des barres de scroll apparaissent si la vue est trop petite.

Ça marche très bien.
Seulement, j'ai un Grid dont le Row definition est le suivant :

Code:

1
2
3
4
5
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"/>
                                        <RowDefinition Height="Auto"/>
                                        <RowDefinition Height="*"/>
                                    </Grid.RowDefinitions>

Le dernier élément prend la place disponible. Ce dernier élément est le suivant :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
                                    <GroupBox Margin="2,2,2,2"
                                              Grid.Column="0"
                                              Grid.ColumnSpan="3"
                                              Grid.Row="2"
                                              Grid.RowSpan="1"
                                              VerticalAlignment="Stretch">
                                        <GroupBox.Header>
                                            <Label Style="{StaticResource ItemGroupBox}">Description</Label>
                                        </GroupBox.Header>
                                        <TextBox ScrollViewer.VerticalScrollBarVisibility="Auto"
                                                HorizontalAlignment="Stretch"
                                                VerticalAlignment="Stretch"
                                                TextWrapping="Wrap"
                                                Text="{Binding Path=Commentaires, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True, ValidatesOnExceptions=True}"
                                                AcceptsReturn="True"
                                                IsEnabled="{Binding DataContext.CanEdit, Mode=OneWay, TargetNullValue=false, RelativeSource={RelativeSource AncestorType={x:Type view:PageTrigrammesView}}}"
                                                Style="{StaticResource TextBoxCheckedTemplate}"
                                                ToolTip="Description de cette version du fichier de trigrammes (optionnel)"/>
                                    </GroupBox>

Il s'agit de la partie description d'une propriété d'une base de données... passons...

Le problème vient de TextBox : En effet, lorsqu'il est vide, sa taille prend exactement la place qu'il lui reste.
Mais lorsqu'il n'est pas vide, au lieu de faire apparaître sa propre scrollbar lorsqu'il n'a plus assez de place, il devient de plus en plus grand, faisant apparaître la scrollbar principale.

Si je lui fixe sa maxheight ça fonctionne mais du coup c'est bloqué et ça ne fait pas beau.
Comment faire pour qu'il prenne la place disponible sans utiliser son contenu pour déterminer sa propre taille ?

Je ne sais pas si c'est clair mais c'est vraiment chiant !

10/12/2013, 10h04
Feneck91

Personne depuis vendredi n'a d'idée pour éviter qu'un composant de type TextBox ne s'agrandisse en fonction de son contenu ?
J'ai tenté de fixer MaxHeight, ça marche mais du coup le composant ne prend plus toute la place disponible, c'est pas ce que je souhaite !
10/12/2013, 11h50
Deesmon
Y a une astuce qui consiste à bind la dimension du contenu sur la dimension du contenant. J'en suis pas très fan, la textbox s'agrandit si tu augmentes la taille du contenant jusqu'à un maximum tout en restant aligné à gauche.
Code:

1 2 3 4 5 6 ... <Border x:Name="Contenant"> <TextBox MaxWidth="200" Width="{Binding ActualWidth, ElementName=Contenant, Mode=OneWay}" HorizontalAlignment="Left" /> </Border> ...
Ou alors :

Edit : Nop, ne marche pas
10/12/2013, 13h11
Feneck91

Merci de ta réponse.

J'ai déjà essayé de limité en fonction du contenant mais au vue de mon layout ça ne peut pas marcher.
Je vais tenter d'examiner la deuxième solution et je viens répondre et vous dire si ça marche !

Tu peux mettre ta textbox dans une grid sinon.

Code:

1
2
3
4
5
6
7
 
<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" MaxWidth="200" />
    </Grid.ColumnDefinitions>
    <TextBox BorderBrush="Red" />
</Grid>

Bon, j'ai trouvé la solution, complexe mais elle marche !
J'ai utilisé en plus le
MathConverter.

Sur l'élément de plus haut niveau (jute en dessous du Scrollview il faut lui forcer la hauteur maxi :

Code:

1
2
3
4
5
6
7
8
9
10
    <ScrollViewer VerticalScrollBarVisibility="Auto">
        <!-- Créer la GroupBox principale, MaxHeight est placé de tel sorte que les éléments qui le compose ne puisse pas grandir en fonction
             de leur contenu mais affichent une scrollbar -->
        <GroupBox Margin="2,2,2,2"
                  MaxHeight="{Binding Path=ActualHeight, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ScrollViewer}},
                             Converter={x:Static local:ConvertersHolder.m_MathConverter},ConverterParameter='a - 4'}"
                  MinHeight="300">
            <GroupBox.Header>
                <Label Style="{StaticResource MainGroupBox}">Mon titre dans le GroupBox</Label>
            </GroupBox.Header>

Pourquoi le MathConverter ? Pour soustraire à ActualHeight la hauteur cumulé des margins haut et bas.

Mieux, en multi-binding :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
    <ScrollViewer VerticalScrollBarVisibility="Auto">
        <!-- Créer la GroupBox principale, MaxHeight est placé de tel sorte que les éléments qui le compose ne puisse pas grandir en fonction
             de leur contenu mais affichent une scrollbar -->
        <GroupBox Margin="2,2,2,2"
                  MinHeight="300">
            <GroupBox.MaxHeight>
                <MultiBinding Converter="{x:Static local:ConvertersHolder.m_MathConverter}"
                              ConverterParameter="a - b - c">
                    <Binding Path="ActualHeight"
                             RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type ScrollViewer}}"/>
                    <Binding Path="Margin.Top"
                             RelativeSource="{RelativeSource Mode=Self}"/>
                    <Binding Path="Margin.Bottom"
                             RelativeSource="{RelativeSource Mode=Self}"/>
                </MultiBinding>
            </GroupBox.MaxHeight>
            <GroupBox.Header>
                <Label Style="{StaticResource MainGroupBox}">Gestion des fichiers de Trigrammes</Label>
            </GroupBox.Header>
            <Grid>

Et voilà, ayant trouvé la solution je la donne ici (si ça peut servir) et je passe en résolu.