繁体   English   中英

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

[英]Why images are not stretched in vertical size in this xaml code?

我有这个 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,当宽度或高度更改时,列表视图中的图像大小也会更改?

查看文档
UniformToFill 保留方面
我想你想要填充

拉伸枚举

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM