グリッド内の画像の上下に空きがあります

Question

グリッドレイアウトの画像を処理していますが、画像の上下の空きスペースに問題があります。私はこれらの行を空白のない正確にアイコンの下に置いて、写真のようにサイズのアイコンを作ってほしい。私はアスペクトフィッティングを使うと、アイコンが垂直に伸びます。私は行の固定サイズを設定しようとしましたが、私は電話をrotadedときにそれはひどい見方をした。

<Grid 
       RowSpacing="0" 
       VerticalOptions="Center" 
       > 
       <Grid.RowDefinitions> 
        <RowDefinition/> 
        <RowDefinition Height="30"/> 
       </Grid.RowDefinitions> 

       <Grid.ColumnDefinitions> 
        <ColumnDefinition /> 
        <ColumnDefinition /> 
        <ColumnDefinition /> 

       </Grid.ColumnDefinitions> 
       <Image Source="kafelek_1.png" 
         Grid.Column="0" Grid.Row="0" 
         ></Image> 
       <Image Source="kafelek_2.png" 
         Grid.Column="1" Grid.Row="0" 
         ></Image> 
       <Image Source="kafelek_3.png" 
         Grid.Column="2" Grid.Row="0" 
         ></Image> 
       <StackLayout BackgroundColor="#0078B7" 
          Grid.Column="0" Grid.Row="1" 
          Orientation="Horizontal" 
           HeightRequest="20" 
          HorizontalOptions="FillAndExpand" 
          VerticalOptions="FillAndExpand"> 
        <Image Source="trojkat.png"> 
        </Image> 
        <Label Text="Temp" 
          x:Name="DecisionDateLabel"></Label> 

       </StackLayout> 
       <StackLayout BackgroundColor="#0078B7" 
          Grid.Column="1" Grid.Row="1" 
          Orientation="Horizontal" 
          HorizontalOptions="FillAndExpand" 
          VerticalOptions="FillAndExpand"> 
        <Image Source="trojkat.png"></Image> 
        <Label Text="Temp" 
          x:Name="KnowledgeDateLabel"></Label> 

       </StackLayout> 
       <StackLayout BackgroundColor="#0078B7" 
          Grid.Column="2" Grid.Row="1" 
          Orientation="Horizontal" 
          HorizontalOptions="FillAndExpand" 
          VerticalOptions="FillAndExpand"> 
        <Image Source="trojkat.png"></Image> 
        <Label Text="Temp" 
          x:Name="PollsDateLabel"></Label> 

       </StackLayout> 
      </Grid> 

一般的に、これは私が取得したいものです。

Answer 1

このバグは、Bugzillaのhttps://bugzilla.xamarin.com/show_bug.cgi?id=55294に

を作成しているあなたは、実際の回避策How can I make an image auto-resize so the width is 100% and the height adjusted accordingly?

を実装しようとすることができます