我是Xaml的新手并且遇到一个小问题,
基本上我有一个网格,我想为它添加一个背景图像。网格具有固定的高度。
我希望图像完全填满网格而不拉伸, css相当于:
background-image: url("http://i.stack.imgur.com/2OrtT.jpg");
background-size: cover;
如果图像太大,它将填满整个网格但显示其中的一部分而不拉伸图像。如果它太小,它将按原样使用图像。
代码:
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="10"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="10"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="30"/>
<RowDefinition Height="80"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="5"/>
</Grid.RowDefinitions>
<Image
Grid.ColumnSpan="3"
Grid.RowSpan="4"
Source="URL"
Aspect="Fill"/>
</Grid>
我还为图像添加了Aspect =“Fill”,但它覆盖了网格的高度。我希望隐藏“溢出”底部并固定网格的高度。