Question

我有一个包含itemtemplate的列表框，如下所示

<ListBox Name="lstCompany" Grid.Column="0" MinWidth="200" Grid.Row="1" HorizontalAlignment="Stretch" Margin="2,2,2,2" VerticalAlignment="Stretch" HorizontalContentAlignment="Stretch" ItemsSource="{Binding}" SelectionChanged="lstCompany_SelectionChanged">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <DockPanel>
                <Grid Name="grid1" VerticalAlignment="Top" Margin="2" HorizontalAlignment="Stretch">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>

                    <StackPanel Orientation="Vertical" HorizontalAlignment="Stretch">
                        <TextBlock Text="{Binding [0]}" FontWeight="Bold" />
                        <TextBlock Text="{Binding [1]}"></TextBlock>
                        <StackPanel.ToolTip>
                            <ToolTip>asdf</ToolTip>
                        </StackPanel.ToolTip>
                    </StackPanel>

                </Grid>
                <StackPanel VerticalAlignment="Top" HorizontalAlignment="Right" DockPanel.Dock="Right">
                    <Button Content="X" Tag="{Binding [2]}" Width="20" Click="btnRemove_Click" Name="btnRemove1" HorizontalAlignment="Right"></Button>
                </StackPanel>
            </DockPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

此列表框位于具有拆分器的网格的第一列。现在问题是我无法将按钮与列表框项目的右侧对齐。

Answer 1

这里有一个Grid就够了。您只需要一个星大小的列（用于内容）和一个自动大小的列（用于按钮）：

<ListBox Name="lstCompany" Grid.Column="0" MinWidth="200"    Grid.Row="1"  HorizontalAlignment="Stretch" Margin="2,2,2,2"  VerticalAlignment="Stretch" HorizontalContentAlignment="Stretch"  ItemsSource="{Binding}" SelectionChanged="lstCompany_SelectionChanged">
    <ListBox.ItemTemplate>
        <DataTemplate >
            <Grid   Name="grid1" VerticalAlignment="Top" Margin="2" HorizontalAlignment="Stretch">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>

                <StackPanel Orientation="Vertical"  HorizontalAlignment="Stretch">
                    <TextBlock  Text="{Binding [0]}" FontWeight="Bold"/>
                    <TextBlock  Text="{Binding [1]}" ></TextBlock>
                    <StackPanel.ToolTip>
                        <ToolTip>asdf</ToolTip>
                    </StackPanel.ToolTip>
                </StackPanel>

                <StackPanel Grid.Column="1" VerticalAlignment="Top" HorizontalAlignment="Right">
                    <Button Content="X" Tag="{Binding [2]}"  Width="20" Click="btnRemove_Click"  Name="btnRemove1"></Button>
                </StackPanel>
            </Grid>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

WPF中列表框中的按钮对齐问题

1 个答案: