Xamarin表格Xaml - 背景图像全覆盖 - 无拉伸(隐藏底部)

时间:2016-10-04 20:14:57

标签: c# xaml xamarin xamarin.forms

我是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”,但它覆盖了网格的高度。我希望隐藏“溢出”底部并固定网格的高度。

0 个答案:

没有答案