列表框與DockPanel對齊

我有一個listbox至至此我傳遞5行中的每一行。 XML文件：列表框與DockPanel對齊

     <ListBox x:Name="DatabaseBox"> 
         <ListBox.ItemContainerStyle> 
          <Style TargetType="ListBoxItem"> 
           <Setter Property="HorizontalContentAlignment" Value="Stretch"/> 
          </Style> 
         </ListBox.ItemContainerStyle> 
          <ListBox.ItemTemplate> 
         <DataTemplate> 
           <DockPanel"> 
            <Image x:Name="ToggleFavoriteImage" Width="15" Height="15" Tag="{Binding Tag}" Source="{Binding ImageSource}" MouseLeftButtonDown="ToggleFavoriteImage_MouseLeftButtonDown"/> 
            <TextBlock x:Name="ListBoxSName" Width="220" Text="{Binding Name}" Margin="30,0,0,0" FontSize="11" MouseLeftButtonDown="ListBoxSName_MouseLeftButtonDown"/> 
            <Button x:Name="ListBoxSCoyntry" Height="17" Content="{Binding City}" FontSize="11" Click="ListBoxSCity_Click"/> 
            <Button x:Name="ListBoxSCity" Height="17" Content="{Binding Genre}" FontSize="11" Click="ListBoxSGenre_Click"/> 
            <Button x:Name="ListBoxSGenre" Height="17" Content="{Binding Country}" FontSize="11" Click="ListBoxSCountry_Click"/> 
           </DockPanel> 
         </DataTemplate> 
        </ListBox.ItemTemplate> 

        </ListBox>

我想要做的是有Image和TextBlock停靠左，和所有其它並排停靠右側。我試過DockPanel.Dock ="Rigth"所有Buttons但事情變得非常混亂。任何有想法的人？

來源

2013-07-10 oimitro

裹在堆疊面板中的每個視覺組和對接應用於StackPanel中，像這樣：

<DockPanel> 
    <StackPanel DockPanel.Dock="Left"> 
     <Image x:Name="ToggleFavoriteImage" Width="15" Height="15" Tag="{Binding Tag}" Source="{Binding ImageSource}" MouseLeftButtonDown="ToggleFavoriteImage_MouseLeftButtonDown"/> 
     <TextBlock x:Name="ListBoxSName" Width="220" Text="{Binding Name}" Margin="30,0,0,0" FontSize="11" MouseLeftButtonDown="ListBoxSName_MouseLeftButtonDown"/> 
    </StackPanel> 
    <StackPanel DockPanel.Dock="Right"> 
     <Button x:Name="ListBoxSCoyntry" Height="17" Content="{Binding City}" FontSize="11" Click="ListBoxSCity_Click"/> 
     <Button x:Name="ListBoxSCity" Height="17" Content="{Binding Genre}" FontSize="11" Click="ListBoxSGenre_Click"/> 
     <Button x:Name="ListBoxSGenre" Height="17" Content="{Binding Country}" FontSize="11" Click="ListBoxSCountry_Click"/> 
    </StackPanel> 
</DockPanel>

來源

2013-07-10 15:22:23 saamorim

這工作幾乎完美。唯一的問題是，即使認爲他們已經停靠了，現在他們離開了一個巨大的白色空間。 – oimitro

使用'DockPanel.Dock =「填充」它是其中的一個，因爲它將使用剩下的所有可用空間。在這種情況下，'HorizontalAlignment'的行爲 – saamorim

完美的工作。謝謝。我決定不要遵循StackPanel。我是這樣的：1st Button：DockPanel.Dock =「Right」2nd Button：DockPanel.Dock =「Right」3nd Button：HorizontalAlignment =「Right」。和DockPanel中的所有項目。 – oimitro

使用一個Grid，DockPanel不是一個良好的控制。 Grids也有size-sharing，這通常用於項目控件。

來源

2013-07-10 15:23:07

列表框與DockPanel對齊

回答

相關問題