主页 / coding / 问题 / 79109952
Accepted
BHuelse
Asked: 2024-10-21 20:02:29 +0800 CST

DockPanel ind ListItem 不会拉伸

  • 772

我有一个 ListView，我想让 ListItems 左侧显示图像，右侧显示文本和第二个文本。我尝试过使用 Grid 和 DockPanel 的不同方法，但例如 DockPanel 无法填满整个宽度。

                <Grid VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
                <Grid.RowDefinitions>
                    <RowDefinition Height="45"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <TextBlock Text="Topliste gesamt" FontSize="16" Margin="10"/>
                    <Grid Background="White" Margin="5" Grid.Row="1">
                    <Border BorderBrush="#25202D" BorderThickness="1" Padding="3" VerticalAlignment="Stretch">
                        <Border.Background>
                            <ImageBrush ImageSource="Assets/HHLogoBack.png" Stretch="Uniform" />
                        </Border.Background>
                        <ListView ItemsSource="{Binding TopOverall}" Margin="10" HorizontalAlignment="Stretch">
                            <ListView.ItemTemplate>
                                <DataTemplate>
                                    <DockPanel HorizontalAlignment="Stretch" Background="Beige" LastChildFill="True">
                                        <Image Source="{Binding Avatar}" DockPanel.Dock="Left" Width="30"  HorizontalAlignment="Center"/>
                                        <TextBlock Text="{Binding PlayerObj.Name}" Foreground="Black" Margin="10,0,0,0"/>
                                        <TextBlock Text="{Binding Points}" DockPanel.Dock="Right" Foreground="Black" VerticalAlignment="Center" Margin="10,0,0,0" />
                                    </DockPanel>
                                </DataTemplate>
                            </ListView.ItemTemplate>
                        </ListView>
                    </Border>
                </Grid>
            </Grid>

有什么提示吗，我错在哪里？

wpf

1 个回答

  1. Best Answer
    1. 设置Horizo​​ntalContentAlignment （更改ListBoxItem的样式）
    2. 将Horizo​​ntalAlignment设置为最后一个 TextBlockHorizontalAlignment="Right"

    XAML：

    <ListBox ItemsSource="{Binding Path=TopOverall}" Margin="10" HorizontalAlignment="Stretch">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <DockPanel HorizontalAlignment="Stretch" Background="Beige" LastChildFill="True">
                <Image Source="{Binding Avatar}" DockPanel.Dock="Left" Width="30"  HorizontalAlignment="Center"/>
                <TextBlock Text="{Binding PlayerObj.Name}" Foreground="Black" Margin="10,0,0,0"/>
                <TextBlock Text="{Binding Points}" DockPanel.Dock="Right" Foreground="Black" VerticalAlignment="Center" Margin="10,0,0,0"
                                                    HorizontalAlignment="Right"/>
            </DockPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
    <ListBox.ItemContainerStyle>
        <Style TargetType="{x:Type ListBoxItem}">
            <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        </Style>
    </ListBox.ItemContainerStyle>
</ListBox>

    输出：

    带有 ListItems 的 ListView

    希望有帮助。

    • 1

相关问题