Question

我试图显示绑定项目列表。我已将datatemplate自定义为网格，我希望右侧列（具有固定宽度）粘贴到屏幕的右侧，而第一列我想填充剩余空间。通常情况下这很好，但是当我将这个网格放在ListView中时，行为似乎发生了变化。下面是我的ListView代码：

<ListView x:Name="LView" Background="Green" Width="{Binding ElementName=ExtPropPage, Path=Width}" ItemsSource="{Binding CurrentSensor.ExtendedProperties, Mode=TwoWay}" Margin="5" HorizontalAlignment="Stretch" VerticalAlignment="Center">
            <ListView.ItemTemplate>
                <DataTemplate >
                    <Grid Background="BlueViolet" Width="{Binding ElementName=LView, Path=Width}" HorizontalAlignment="Center" >
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="100"/>
                        </Grid.ColumnDefinitions>
                        <Grid Grid.Column="0" Background="Blue" HorizontalAlignment="Stretch">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
                            <TextBlock Grid.Row="0" FontWeight="Bold" FontSize="12" Text="{Binding KeyId, Mode=TwoWay, Converter={StaticResource ExtPropConverter}}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                            <TextBlock Grid.Row="1" FontWeight="Normal" FontSize="10" Text="{Binding JsonValue, Mode=TwoWay}" TextWrapping="Wrap" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                        </Grid>
                        <StackPanel Grid.Column="1" Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Right" BorderBrush="{x:Null}" Background="Red">
                            <Button DataContext="{Binding}" ToolTipService.ToolTip="Edit" Click="ButtonHandler" BorderBrush="DarkGray" FontFamily="Segoe MDL2 Assets" Content="&#xE70F;" Style="{StaticResource CircleButtonStyle}">

                            </Button>
                            <Button x:Name="DeviceCancelButton" ToolTipService.ToolTip="Delete" view:EventHandlers.Attach="Click" Click="DeleteExtProp" BorderBrush="DarkGray" FontFamily="Segoe MDL2 Assets" Content="&#xE74D;" Style="{StaticResource CircleButtonStyle}">

                            </Button>
                        </StackPanel>


                    </Grid>
                </DataTemplate>
            </ListView.ItemTemplate>

        </ListView>

我在几个元素的背景上添加了颜色，以便更好地了解一个控件的界限与另一个控件的界限。到目前为止我能看到的是ListView扩展以填充整个屏幕宽度，这很好，但是当涉及列表视图（网格）中的项目时，第1列中的项目长度不同（当超过填充了1个项目，似乎网格对空间的使用取决于其中对象的宽度，而不是依赖于我使用Width="*"的事实。告诉列扩展并填充可用空间，无论列本身是什么。

我已经做了大量的搜索，并在回答有关HorizontalAlignment="Stretch"的使用后找到了答案，我要么在错误的地方使用它，要么我错过了其他所有内容在一起。

注意：上面的代码并不一定表明我是唯一尝试的解决方案，调整宽度和对齐的不同尝试会使这个帖子变得庞大，所以希望有人得到的回答不是我和＃ 39;尝试过，结果没有成功。

感谢您的帮助。

P.S。作为任何答案的额外奖励，我想覆盖＆＃34; OnMouseOver＆＃34;当我将鼠标悬停在listviewitem上时停止更改背景的属性。当我徘徊在这些之上时，我不需要任何特别的事情。

Answer 1

一位朋友帮我找到了这个，这意味着这个问题现在是重复的，因为它是一样的：

ListViewItem won't stretch to the width of a ListView

为了清楚起见，这是解决我问题的外卖代码：

<ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        </Style>
</ListView.ItemContainerStyle>

[UWP] [XAML] ListView子项未使用全宽

1 个答案: