ausrichten Bild mit Eintrag in Xamarin Forms

Question

Im folgende Xamarin Forms-Code, ich versuche Bild mit Eintrag auszurichten visuelle Erscheinungsbild wie eine Bootstrap-Input-Gruppe in Bootstrap input group addon alignment problems

wie erklärt erstellen Aber es hat folgende Mängel auf:

1. Das Bild nimmt mehr Breite und Höhe als spezifiziert HeightRequest und WidthRequest
2. Es ist unerwünscht Raum zwischen Bild und Eintrag

Wie behebe ich das?

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

(Sorry für die schlechte Englisch)

versuchen auf diese Weise, ist es für mich funktioniert.

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> 

Ergebnis: