合わせる画像は、次のXamarinフォームコードで

Question

が、私はBootstrap input group addon alignment problems

で説明したように、ブートストラップ入力グループのような外観を作成するためにエントリを持つ画像を揃えるしようとしていますフォームしかし、それは次のような欠点があります。

1. 画像が指定された以上の幅と高さをとりHeightRequestとWidthRequest
2. 画像およびエントリ

間の不要なスペースがあります

これを修正するには？ （下手な英語のため申し訳ありませんが）XAML

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
      xmlns:local="clr-namespace:MyHomeScreen2;assembly=MyHomeScreen2" 
      x:Class="MyHomeScreen2.InputFormTest" 
      NavigationPage.HasNavigationBar="False"> 
    <ContentPage.Content> 
     <Grid x:Name="inputGrid" Grid.Row="1" ColumnSpacing="0" RowSpacing="0" Padding="0" BackgroundColor="#606060"> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="*" /> 
       <RowDefinition Height="*" /> 
       <RowDefinition Height="*" /> 
       <RowDefinition Height="*" /> 
       <RowDefinition Height="*" /> 
      </Grid.RowDefinitions> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="*" /> 
      </Grid.ColumnDefinitions> 

      <Label x:Name="lblReading" TextColor="White" Text="READING" Grid.Row="0" Margin="15"></Label> 

      <StackLayout Grid.Row="1" Orientation="Horizontal"> 
       <Image Source="homea.png" Aspect="AspectFit" 
         HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" 
         HeightRequest="10" WidthRequest="20" 
         BackgroundColor="Silver" ></Image> 
       <Entry x:Name="myEntry" TextColor="Black" Text="1" Keyboard="Numeric" BackgroundColor="White" 
          Opacity="0.9" HeightRequest="20"> 
       </Entry> 
      </StackLayout> 
     </Grid> 
    </ContentPage.Content> 
</ContentPage> 

Answer 1

は、それが私のために動作しますが、この方法を試してみてください。

XAML：

<Grid Grid.Row="1" ColumnSpacing="0" 
     RowSpacing="0" 
     Padding="0" 
     BackgroundColor="#606060"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="*" /> 
     <RowDefinition Height="*" /> 
     <RowDefinition Height="*" /> 
     <RowDefinition Height="*" /> 
     <RowDefinition Height="*" /> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*" /> 
    </Grid.ColumnDefinitions> 
    <Label Grid.Row="0" 
      x:Name="lblReading" 
      TextColor="White" 
      Text="READING" 
      Margin="15"/> 
    <StackLayout Grid.Row="1" 
       Orientation="Horizontal" 
       Spacing="1" 
       Margin="5,0"> 
     <Image Source="lan_connect_white_36dp" 
       Aspect="AspectFit" 
       HorizontalOptions="Center" 
       VerticalOptions="CenterAndExpand" 
       HeightRequest="40" 
       WidthRequest="40" 
       BackgroundColor="Silver"/> 
     <Entry x:Name="myEntry" 
       TextColor="Black" 
       Text="1" 
       Keyboard="Numeric" 
       BackgroundColor="White" 
       HorizontalOptions="FillAndExpand" 
       VerticalOptions="CenterAndExpand" 
       Opacity="0.9"> 
     </Entry> 
    </StackLayout> 
</Grid> 

結果：