Mon UserControl WPF ne doit jamais être plus large que le ButtonBar contenant

Question

J'ai lié en haut la largeur de UserControl à la largeur du ButtonGrid en haut.

Cela ne fonctionne pas. Je veux que mon UserControl soit toujours aussi large que la largeur du ButtonGrid. Le problème est le chargement de documents avec un nom long> Sum (Largeur de 3 boutons) rend le UserControl aussi large que le nom du document. Maintenant, imaginez avoir des noms de documents avec 100 caractères ou plus et vous ajoutez des documents le UserContol croiserez et saut ...

<UserControl x:Class="TBM.View.DocumentListView" 
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      xmlns:Behaviours="clr-namespace:FunctionalFun.UI.Behaviours" 
      xmlns:Helper="clr-namespace:TBM.Helper"    
      mc:Ignorable="d"   
      d:DesignHeight="300" 
      d:DesignWidth="300" 
      Width="{Binding ElementName=ButtonGrid,Path=Width}" 
      > 
    <UserControl.Resources> 
     <Helper:BooleanToVisibilityConverter x:Key="boolToVisibilityConverter" /> 
    </UserControl.Resources> 

    <Grid> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="*" /> 
      <RowDefinition Height="Auto" /> 
     </Grid.RowDefinitions> 
     <ListBox 
      SelectionMode="Extended" 
      VirtualizingStackPanel.IsVirtualizing="True" 
      VirtualizingStackPanel.VirtualizationMode="Recycling" 
      Behaviours:MultiSelectorBehaviours.SynchronizedSelectedItems="{Binding SelectedDocumentViewModelList,Mode=TwoWay}"                     
      Width="Auto" 
      Focusable="True" 
      ScrollViewer.HorizontalScrollBarVisibility="Auto" 
      ScrollViewer.VerticalScrollBarVisibility="Auto" 
      Grid.Row="0" 
      HorizontalAlignment="Stretch" 
      VerticalAlignment="Stretch" 
      Name="documentListBox" 
      BorderThickness="1"             
      ItemsSource="{Binding DocumentList}" 
      Visibility="{Binding ElementName=documentListBox,Path=HasItems, Converter={StaticResource boolToVisibilityConverter}}" 
      > 
      <ListBox.ItemTemplate> 
       <DataTemplate> 
        <StackPanel Orientation="Horizontal"> 
         <!--<TextBlock Text="{Binding Path=Id}" />--> 
         <TextBlock Text="{Binding Path=DocumentName}" /> 
        </StackPanel> 
       </DataTemplate> 
      </ListBox.ItemTemplate>    
     </ListBox> 
     <UniformGrid x:Name="ButtonGrid"   
      Grid.Row="1" 
      Rows="1"           
      HorizontalAlignment="Stretch" 
      VerticalAlignment="Bottom" 
      > 
      <Button Command="{Binding Path=DeleteDocumentCommand}" HorizontalAlignment="Stretch" Content="Delete" /> 
      <Button Command="{Binding Path=AddDocumentCommand}" HorizontalAlignment="Stretch" Content="Add" /> 
      <Button Command="{Binding Path=OpenDocumentCommand}" HorizontalAlignment="Stretch" Content="Open" />   
     </UniformGrid> 
    </Grid> 
</UserControl> 

Answer 1

Essayez 2 choses

1. Utiliser l'alignement horizontal sur le contrôle de l'utilisateur pour étirer
2. Définir la liaison à MaxWidth même que la liaison Width

Answer 2

Vous pouvez également définir la largeur du ParentGrid (contenant le contrôle) sur une taille fixe, puis sur l'alignement horizontal. nt to Stretch