xamarin.formsのバックグラウンドイメージの外れIOS

Question

xamarin.formsを使用してアプリケーションを作成しました。私はちょうどiOS側のテストを始めました。ログイン画面上の私の背景イメージはズームインして見えます。アンドロイドでイメージが正しく表示されます。正しく表示するために変更する必要があるものはありますか？

iOSとAndroidの両方で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> 

最新のスイートにアップデートしてください....