WPF ComboBox n'influence pas la largeur de colonne

Question

Comment puis-je dire à une zone de liste déroulante de ne pas influencer la largeur de colonne de la grille dans laquelle elle se trouve?

Voici un exemple minimal:

<StackPanel Orientation="Vertical"> 
    <Grid> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="Auto"/> 
      <ColumnDefinition Width="5"/> 
      <ColumnDefinition Width="Auto"/> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition/> 
      <RowDefinition/> 
     </Grid.RowDefinitions> 
     <Label>This is some text</Label> 
     <Label Grid.Row="1">This is some text</Label> 
     <GridSplitter Grid.Column="1" Grid.RowSpan="2" HorizontalAlignment="Stretch"/> 
     <Label Grid.Column="2" Background="Beige" HorizontalAlignment="Right">This is some text</Label> 
     <ComboBox Grid.Row="1" Grid.Column="2"> 
      <ComboBoxItem IsSelected="True">This is some text</ComboBoxItem> 
      <ComboBoxItem>This is some really lengthy text that is really long</ComboBoxItem> 
     </ComboBox> 
    </Grid> 
</StackPanel> 

Le ComboBox change de taille lorsque le deuxième élément est sélectionné, et avec elle, la taille de la troisième colonne est modifiée (comme on le voit par le beige fond de l'étiquette).

Cela a aussi l'effet du texte dans l'étiquette beige parfois être en dehors de la zone visible, même si il y a suffisamment d'espace pour afficher complètement:

Ce que je veux est que la troisième colonne a toujours la largeur de l'étiquette beige (ou tout autre élément qui est dans la colonne et n'est pas un ComboBox), et le ComboBox raccourcit son texte afin qu'il corresponde à cette largeur. La partie popup de la ComboBox peut être plus grande, je parle juste de la partie bouton ici. J'ai essayé de mettre en place un ComboBox avec TextBlock Content et TextTrimming mis à CharacterEllipsis, mais en vain.

Answer 1

Ici cela devrait le faire pour vous:

<StackPanel Orientation="Vertical"> 
    <Grid> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="Auto"/> 
      <ColumnDefinition Width="5"/> 
      <ColumnDefinition Width="Auto"/> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition/> 
      <RowDefinition/> 
     </Grid.RowDefinitions> 
     <Label>This is some text</Label> 
     <Label Grid.Row="1">This is some text</Label> 
     <GridSplitter Grid.Column="1" Grid.RowSpan="2" HorizontalAlignment="Stretch"/> 
     <Label x:Name="Label" Grid.Column="2" Background="Beige" HorizontalAlignment="Right">This is some text</Label> 
     <ComboBox Grid.Row="1" Grid.Column="2" Width="{Binding ElementName=Label, Path=ActualWidth, Mode=OneWay}"> 
      <ComboBoxItem IsSelected="True">This is some text</ComboBoxItem> 
      <ComboBoxItem>This is some really lengthy text that is really long</ComboBoxItem> 
     </ComboBox> 
    </Grid> 
</StackPanel> 

Answer 2

Définissez MaxWidth du contrôle de zone de liste déroulante. Cela permettra à la zone de liste déroulante de passer à cette valeur. Si vous voulez une largeur fixe, vous devez définir la propriété width de la zone de liste déroulante.

Answer 3

Vous pouvez utiliser la propriété Largeur de Combobox comme

<ComboBox Grid.Row="1" Grid.Column="2" Width="200"> 

emballage texte aussi peut vous aider, lien suivant a un exemple à la façon dont vous pouvez utiliser l'habillage de texte pour combobox: ComboBox TextWrap Binding

Answer 4

est Ci-dessous le code pour votre référence

<Grid.ColumnDefinitions> 
 
      <ColumnDefinition Width="*"></ColumnDefinition> 
 
      <ColumnDefinition Width="4*"></ColumnDefinition> 
 
     </Grid.ColumnDefinitions> 
 

 
     <ComboBox HorizontalAlignment="Stretch" Grid.Column="1">