Блог

Я новичок в 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» для изображения, но оно переопределяет высоту моей сетки. Я хочу, чтобы нижняя часть «переполнения» была скрыта, а высота сетки была фиксированной.