배경 이미지가 xamarin.forms의 비율을 벗어남 IOS

Question

xamarin.forms를 사용하여 응용 프로그램을 만들었습니다. 나는 iOS 측을 테스트하기 시작했고 로그인 화면의 내 배경 이미지가 확대되어 보입니다. 안드로이드에서 이미지가 올바르게 표시됩니다. 올바르게 표시하려면 변경해야 할 것이 있습니까?

iOS 및 안드로이드 모두에서 MainPage.xaml

<?xml version="1.0" encoding="utf-8" ?> 
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
      x:Class="LoyaltyWorx.MainPage" 
      BackgroundImage="bk3.jpg" 
      > 
    <StackLayout VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand"> 
     <StackLayout Orientation="Horizontal" VerticalOptions="Start"> 
      <!-- top controls --> 
     </StackLayout> 
     <StackLayout VerticalOptions="CenterAndExpand"> 
      <!-- middle controls --> 
      <BoxView HeightRequest="430"></BoxView> 
      <Button Text="Continue with Facebook" x:Name="LoginBtn" BackgroundColor="#4867aa" TextColor="White" FontFamily="Klavika" HorizontalOptions="CenterAndExpand" Clicked="LoginBtn_Clicked" /> 
     </StackLayout> 
     <StackLayout Orientation="Horizontal" VerticalOptions="End" HorizontalOptions="Center"> 
      <!-- bottom controls --> 
      <Frame OutlineColor="White" HorizontalOptions="StartAndExpand"> 
       <StackLayout Orientation="Horizontal" VerticalOptions="End" HorizontalOptions="Center"> 
        <!-- bottom controls --> 
        <StackLayout Grid.Row="1" Orientation="Horizontal" Spacing="0"> 
         <Label 
           Text="Terms and conditions" 
           FontSize="13" 
          TextColor="#71757a" 
          FontAttributes="Bold" 
          x:Name="LblTerms"/> 
         <Label 
          Text=" and" 
          FontSize="13" 
          TextColor="#71757a" 
          /> 

         <Label 
           Text=" privacy policy" 
          FontSize="13" 
          TextColor="#71757a" 
          FontAttributes="Bold" 
          x:Name="LblPrivacy"/> 
        </StackLayout> 

       </StackLayout> 
      </Frame> 
     </StackLayout> 
    </StackLayout> 
</ContentPage> 

스크린 샷.

Answer 1

당신은에서 IOS 년되지 따기 제대로을 ContentPage 배경 이미지에 많은 재생할 수 없습니다. 난 당신이이 상황을 없애하는 ... 2 개 솔루션을 제안

모두를 시도하고 일치

해결 방법 1 개

<?xml version="1.0" encoding="utf-8" ?> 
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
      x:Class="LoyaltyWorx.MainPage" > 
    <RelativeLayout> 
    <Image Source="bk3.jpg" 
       RelativeLayout.WidthConstraint= 
        "{ConstraintExpression Type=RelativeToParent, Property=Width}" 
       RelativeLayout.HeightConstraint= 
        "{ConstraintExpression Type=RelativeToParent, Property=Height}"/> 

        <PUT YOUR REST OF CODE HERE> 

    </RelativeLayout> 
</ContentPage> 

솔루션 무엇을 얻을 것이다 2

<?xml version="1.0" encoding="utf-8" > 
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
      x:Class="LoyaltyWorx.MainPage" 
      Padding="0"> 
    <Grid> 
     <Image Source="bk3.jpg" Aspect="AspectFill" /> 
     <StackLayout> 

     <PUT YOUR REST OF CODE HERE> 

     </StackLayout> 
    </Grid> 
</ContentPage> 

나를 스위트 룸으로 가장 잘 업데이트 해주세요 ....