.net - form - Cómo hacer que DockPanel llene el espacio disponible

wpf split panel

Question

Estoy probando el contenido de un carrito de compras en un ItemsControl(ListBox) . Para hacerlo, he creado la siguiente DataTemplate :

<DataTemplate x:Key="Templates.ShoppingCartProduct"
              DataType="{x:Type viewModel:ProductViewModel}">
    <DockPanel HorizontalAlignment="Stretch">
        <TextBlock DockPanel.Dock="Left"
                   Text="{Binding Path=Name}"
                   FontSize="10"
                   Foreground="Black" />
        <TextBlock DockPanel.Dock="Right"
                   Text="{Binding Path=Price, StringFormat=/{0:C/}}"
                   FontSize="10"
                   Foreground="Black" />
    </DockPanel>
</DataTemplate>

Sin embargo, cuando los artículos se muestran en mi carrito de compras, los TextBlocks Nombre y Precio se encuentran uno al lado del otro, y hay una gran cantidad de espacios en blanco en el lado derecho.

¿Se preguntaba cuál era el mejor método para obligar a DockPanel a estirarse para llenar todo el espacio disponible por ListItem ?

Answer 1

Enlace el Width del DockPanel al ActualWidth del ListBoxItem :

<DockPanel Width="{Binding ActualWidth, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBoxItem}}}">
...

Otra opción: simplemente podría redefinir el ItemContainerStyle para que el ListBoxItem se estire horizontalmente:

<ListBox.ItemContainerStyle>
    <Style TargetType="ListBoxItem">
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
    </Style>
</ListBox.ItemContainerStyle>

Answer 2

Lo bueno de los paneles de base es que ya llenan todo el espacio disponible. LastChildFill es verdadero por defecto (pero lo establezco a continuación), así que simplemente no establezca el atributo DockPanel en el último elemento secundario, y llenará el espacio disponible.

<DockPanel HorizontalAlignment="Stretch" LastChildFill="true">
    <TextBlock DockPanel.Dock="Left"
               Text="{Binding Path=Name}"
               FontSize="10"
               Foreground="Black" />
    <TextBlock 
               Text="{Binding Path=Price, StringFormat=/{0:C/}}"
               FontSize="10"
               Foreground="Black" />
</DockPanel>

Answer 3

DockPanel s son malvados. La tentación de usar la combinación StackPanel/DockPanel para diseños complejos conduce a "callejones sin salida". Utilice una cuadrícula:

<Grid>
  <TextBlock HorizontalAlignment="Left"
...
  <TextBlock HorizontalAlignment="Right"
...
/Grid>

Yo uso Grid s casi exclusivamente, usando una grilla separada para cada bloque de elementos que "pertenecen juntos"