2017-05-08 61 views
0

我将以下XAML编写为Xamarin.Forms项目的一部分,该项目在网格的左列中有一个图像,在网格的右列中有一些文本。如何防止XAML网格列拉伸到未格式化图像的高度?

<?xml version="1.0" encoding="utf-8" ?> 
<Grid xmlns="http://xamarin.com/schemas/2014/forms" 
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
     x:Class="SwinApp.Components.UI.CardExternalLink"> 
    <Grid.ColumnDefinitions> 
    <ColumnDefinition Width="*"></ColumnDefinition> 
    <ColumnDefinition Width="5*"></ColumnDefinition> 
    </Grid.ColumnDefinitions> 

    <StackLayout Grid.Column="0"> 
    <Image x:Name="menuIcon" Aspect="AspectFit" ></Image> 
    </StackLayout> 


    <StackLayout Grid.Column="1"> 
    <Label Text="{Binding Title}" Font="Bold"></Label> 
    <Label Text="{Binding Description}"></Label> 
    </StackLayout> 
</Grid> 

我希望图像左侧立柱内坐下来,不能拉伸,它的全尺寸,它确实是这样做,但它有大量空白上面和下面的列中,仿佛它尽管显示尺寸更小,但仍然将其视为全尺寸图像。 (忽略这样一个事实,即我没有为图像设置源,我通过.cs文件设置它,因为在使用Xamarin.Forms时,这样做更容易)。

是否有一些属性可以放在左列,堆栈面板或甚至可以摆脱这个多余的空白的图像?

在此先感谢,并请让我知道如果你想让我在这里添加.cs文件。

回答

1

你可以只取出StackPanel并设置ImageHorizontalOptionsVerticalOptionsStart

希望它有帮助!