为什么图像在这个xaml代码中没有垂直拉伸

本文关键字:垂直 代码 图像 xaml 为什么 | 更新日期: 2023-09-27 17:57:26

我有这个xaml代码:

 <Grid >
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="640*" />
                <ColumnDefinition Width="14"/>
                <ColumnDefinition Width="350*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="30"/>
                <RowDefinition Height="40"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
<ListView Grid.Column="0" Grid.Row="2"  HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch"                     ScrollViewer.HorizontalScrollBarVisibility="Hidden" ScrollViewer.VerticalScrollBarVisibility="Visible" SelectionMode="Single" >
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <Border x:Name="border" BorderBrush="Black" BorderThickness="1" Margin="0,1,0,0">
                            <Grid  Background="Transparent" VerticalAlignment="Center" HorizontalAlignment="Stretch">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*" MinWidth="300"/>
                                    <ColumnDefinition Width="4"/>
                                    <ColumnDefinition Width="*" MinWidth="300"/>
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*" MinHeight="150"/>
                                    <RowDefinition Height="4"/>
                                    <RowDefinition Height="20" />
                                </Grid.RowDefinitions>
                                <Image Grid.Column="0" Grid.Row="0"  Stretch="UniformToFill" StretchDirection="Both">
                                    <Image.Source>                                        
                                    </Image.Source>
                                </Image>
                                <TextBlock Grid.Column="0" Grid.Row="2"   FontWeight="Black" TextAlignment="Center" >
                                    <TextBlock.Text >
                                    </TextBlock.Text>
                                </TextBlock>
                                <Image Grid.Column="2" Grid.Row="0"   Stretch="UniformToFill" StretchDirection="Both" >
                                    <Image.Source>
                                    </Image.Source>
                                </Image>
                                <TextBlock Grid.Column="2" Grid.Row="2" FontWeight="Black" TextAlignment="Center" >
                                    <TextBlock.Text >
                                    </TextBlock.Text>
                                </TextBlock>
                            </Grid>
                        </Border>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
 </Grid>

当我调整这个xaml所在的窗口的大小时,我可以看到图像的大小是为了填充宽度,但它们的大小不是为了填充高度。如果图像对于高度来说太大,则显示图像的顶部,而不是底部。

如何更改此xaml,即当宽度或高度更改时,列表视图中的图像大小也会更改?

为什么图像在这个xaml代码中没有垂直拉伸

请参阅文档
UniformToFill保留方面
我想你想要填充

拉伸枚举