wpf Niepoprawna szerokość kolumn danych w ListBox

Question

Mam ListBox zawierający elementy pochodzące z UserControl. Konkretny UserControl zawiera (między innymi) DataGrid. Zasadniczo nie mogę zmienić konkretnego UserControl (zmiany tylko w celu testowania, jego rodzaju strony trzeciej). Szerokość kolumny DataGrid wszystkich kolumn zostanie zerwana, gdy tylko jedna szerokość kolumny zostanie ustawiona na "*", co jest wymagane do wypełnienia całego obszaru.

Mogę odtworzyć go w uproszczonym przykładzie (bez UserControl). Więc jeśli dodaję DataGrid jako ListBoxItem, określenie szerokości kolumny "*" powoduje podział szerokości kolumny. BTW, kolumny nie mogą już być zmieniane przez użytkownika.

Prosty przykład:

<Window x:Class="DataGridSpike.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="MainWindow" Height="350" Width="525"> 
<Grid> 
    <ListBox HorizontalContentAlignment="Stretch" > 
     <!-- Column width is basically ok but only since not "*" --> 
     <DataGrid> 
      <DataGrid.Columns> 
       <DataGridTextColumn Header="Column1"/> 
       <DataGridTextColumn Header="Column2"/> 
       <DataGridTextColumn Header="Column3"/> 
      </DataGrid.Columns> 
     </DataGrid> 

     <!-- Broken column width: --> 
     <DataGrid> 
      <DataGrid.Columns> 
       <DataGridTextColumn Header="Column1"/> 
       <DataGridTextColumn Header="Column2" Width="*"/> 
       <DataGridTextColumn Header="Column3"/> 
      </DataGrid.Columns> 
     </DataGrid> 
    </ListBox> 
</Grid> 

Czy ktoś wie jak rozwiązać ten problem?

Pozdrowienia

Answer 1

Bazując na sugestię sa_ddam213 znalazłem kludge który działa. Nie mam innego pomysłu do tej pory.

Zawinąłem DataGrid przez ListView, usunąć wszystkie „kwiatowy” z ListView i związany szerokość GridViewColumn do ActualWidth ListView. Może działa też kontrola inna niż ListView. Po prostu bawiłem się z ListView. Prosta granica nie działa.

Marginesy muszą zostać zmienione w jakiś sposób, a po prawej stronie jest luka, której się nie pozbieram (ale mogę z tym żyć). O ile nie wyłączę HorizontalScrollBarVisibility z DataGrid, otrzymuję dziwne, migające poziome paski przewijania, podczas przeciągania szerokości wdów za pomocą myszy.

Oto XAML, który wydaje się wystarczający. Należy pamiętać, że rzeczywisty kij ListView będzie częścią konkretnego UserControl. Jednak następujące (uproszczony) kod pokazuje, co zrobiłem:

<Window x:Class="DataGridSpike.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="MainWindow" Height="350" Width="525"> 
    <Grid> 
     <ListBox HorizontalContentAlignment="Stretch"> 
      <!-- ListView is just a kludge --> 
      <ListView HorizontalContentAlignment="Stretch" Padding="-4,2,-10,0" BorderThickness="0"> 
       <ListView.View> 
        <GridView> 
         <GridView.ColumnHeaderContainerStyle> 
          <Style> 
           <Setter Property="FrameworkElement.Visibility" Value="Collapsed"/> 
          </Style> 
         </GridView.ColumnHeaderContainerStyle> 
         <GridViewColumn Width="{Binding Path=ActualWidth, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListView}}}" /> 
        </GridView> 
       </ListView.View> 
       <DataGrid HorizontalContentAlignment="Stretch" HorizontalAlignment="Stretch" 
        Padding="-2,0" HorizontalScrollBarVisibility="Disabled"> 
        <DataGrid.Columns> 
         <DataGridTextColumn Header="Column1"/> 
         <DataGridTextColumn Header="Column2" Width="1*" /> 
         <DataGridTextColumn Header="Column3" /> 
        </DataGrid.Columns> 
       </DataGrid> 
      </ListView> 
     </ListBox> 
    </Grid> 
</Window> 

Mimo to, jest to tylko obejście. Wszelkie rozsądne "poprawki" nadal mile widziane.

Answer 2

width = "Auto" rozwiąże ten problem. Możesz także określić "MaxWidth", aby ograniczyć ekspansję szerokości kolumn.

 <DataGrid.Columns> 
       <DataGridTextColumn Header="Column1"/> 
       <DataGridTextColumn Header="Column2" Width="Auto" MaxWidth="200" /> 
       <DataGridTextColumn Header="Column3"/> 
     </DataGrid.Columns> 

Nadzieje to pomoże.

Answer 3

Można powiązać szerokość DataGrid powrotem do ListBoxActualWidth, To daje DataGrid rozmiaru rzeczywistego innego niż Auto i zaklejania * powinno działać.

<!-- Broken column width: --> 
<DataGrid Width="{Binding ActualWidth, Mode=OneWay, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ItemsPresenter}}}" Margin="-2,0,0,0"> 
    <DataGrid.Columns> 
     <DataGridTextColumn Header="Column1"/> 
     <DataGridTextColumn Header="Column2" Width="*"/> 
     <DataGridTextColumn Header="Column3"/> 
    </DataGrid.Columns> 
</DataGrid> 

Jednak ze względu na to, iż jest jakiś odstęp między zawartością i krawędziach ListBox, być może trzeba będzie dostosować Margin (jak ja powyżej) odrobinę aby uniknąć DataGrid podchodząc do dobrze.

Wynik: