Question

有没有更好的方法来对齐列？当文本发生变化时，3列和4列会在整个地方移动。我尝试将Width设置为*和auto，但似乎没有任何效果。

<ListBox Height="Auto" BorderThickness="0" MouseDoubleClick="OnMouseDoubleClick" ItemsSource="{Binding Path=Results}" SelectedItem="{Binding Path=Entry, Mode=TwoWay}" AlternationCount="2">              
   <ListBox.ItemTemplate>
      <DataTemplate>
         <Grid>
            <Grid.ColumnDefinitions>
               <ColumnDefinition MinWidth="150"></ColumnDefinition>
               <ColumnDefinition MinWidth="150"></ColumnDefinition>
               <ColumnDefinition MinWidth="150"></ColumnDefinition>
               <ColumnDefinition MinWidth="100"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <TextBlock Grid.Column="0" FontFamily="Sagoe UI" FontSize="14" 
                       Text="{Binding FullName}" Padding="2"  />
            <TextBlock Grid.Column="1" FontFamily="Sagoe UI" FontSize="14" 
                       Text="{Binding Company}" Padding="2" />
            <TextBlock Grid.Column="2" FontFamily="Sagoe UI" FontSize="14" 
                       Text="{Binding BusinessPhone}" Padding="2" />
            <TextBlock Grid.Column="3" FontFamily="Sagoe UI" FontSize="14" 
                       Text="{Binding EmailAddress}" Padding="2" >  
            </TextBlock>
         </Grid>                        
      </DataTemplate>
   </ListBox.ItemTemplate>
</ListBox>

Answer 1

您可以尝试在ListBox上设置Grid.IsSharedSizeScope并在每个网格列上设置唯一SharedSizeGroup。这应该对齐您的列。

<ListBox Grid.IsSharedSizeScope="True" Height="Auto" BorderThickness="0" MouseDoubleClick="OnMouseDoubleClick" ItemsSource="{Binding Path=Results}" SelectedItem="{Binding Path=Entry, Mode=TwoWay}" AlternationCount="2">              
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition SharedSizeGroup="A"></ColumnDefinition>
                            <ColumnDefinition SharedSizeGroup="B"></ColumnDefinition>
                            <ColumnDefinition SharedSizeGroup="C"></ColumnDefinition>
                            <ColumnDefinition SharedSizeGroup="D"></ColumnDefinition>
                        </Grid.ColumnDefinitions>
                        <TextBlock Grid.Column="0" FontFamily="Sagoe UI" FontSize="14" Text="{Binding FullName}" Padding="2"  />
                        <TextBlock Grid.Column="1" FontFamily="Sagoe UI" FontSize="14" Text="{Binding Company}" Padding="2" />
                        <TextBlock Grid.Column="2" FontFamily="Sagoe UI" FontSize="14" Text="{Binding BusinessPhone}" Padding="2" />
                        <TextBlock Grid.Column="3" FontFamily="Sagoe UI" FontSize="14" Text="{Binding EmailAddress}" Padding="2" >  
                        </TextBlock>
                    </Grid>                        
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

列表框中的列对齐

1 个答案: