我正在尝试显示绑定项目的列表。我已将数据模板自定义为网格,我希望右列(具有固定宽度)粘在屏幕的右侧,而第一列我想填充剩余空间。通常这工作正常,但是当我将此网格放入 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="" Style="{StaticResource CircleButtonStyle}">
</Button>
<Button x:Name="DeviceCancelButton" ToolTipService.ToolTip="Delete" view:EventHandlers.Attach="Click" Click="DeleteExtProp" BorderBrush="DarkGray" FontFamily="Segoe MDL2 Assets" Content="" Style="{StaticResource CircleButtonStyle}">
</Button>
</StackPanel>
</Grid>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
我在几个元素的背景上添加了颜色,以便更好地了解一个控件的边界与另一个控件的边界的位置。到目前为止我所看到的是 ListView 扩展以填充整个屏幕宽度,这很棒,但是当涉及到列表视图(网格)中的项目时,第 1 列中的项目的长度有所不同(当超过1 个项目已填充),网格对空间的使用似乎取决于其中对象的宽度,而不是依赖于我使用过的事实Width="*"
这应该告诉列扩展并填充可用空间,无论列本身有什么。
我做了很多搜索并找到了一个又一个与使用有关的答案HorizontalAlignment="Stretch"
要么我在错误的地方使用它,要么我错过了其他东西。
注意:上面的代码并不一定表明是我尝试过的唯一解决方案,调整宽度和对齐方式的不同尝试将使这篇文章变得巨大,所以希望有人有一个答案,这不是我尝试过的结果没有成功。
谢谢您的帮助。
附:作为任何答案的额外奖励,我想覆盖“OnMouseOver”属性,以在将鼠标悬停在列表视图项上时停止背景的更改。当我悬停在这些之上时,不需要发生任何特别的事情。
一位朋友帮助我找到了这个,这意味着这个问题现在是重复的,因为它是同一件事:
ListViewItem 不会拉伸到 ListView 的宽度
为了清楚起见,这里是解决我的问题的外卖代码:
<ListView.ItemContainerStyle>
<Style TargetType="ListViewItem">
<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
</Style>
</ListView.ItemContainerStyle>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)