Wie kann verhindert werden, dass das Hintergrundbild beim Öffnen der Tastatur gedrückt wird?

Question

Ich verwende Xamarin.Forms und zielt auf iOS und Android.

Standardansicht

Tastatur geöffnet und der Bildhintergrund gepresst

Hintergrundbild als auch im Querformat gepresste

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="XilnexOTM.Views.LoginPage" 
      BackgroundImage="bg1.png" > 
    <ScrollView> 
     <StackLayout Orientation="Vertical"> 
      <Label Text="PICTURE" /> 
      <Label Text="PIC 2" /> 

      <Entry Placeholder="Username" /> 
      <Entry Placeholder="Password" IsPassword="true"/> 

      <Button x:Name="btn_Login" 
        Text="Login" 
        BackgroundColor="#FF0000"/> 

     </StackLayout> 
    </ScrollView> 
</ContentPage> 

---

Gibt es einen möglichen Weg, indem man das Konzept in CSS zu Xamarin.Forms anwendet?

xx { 
background-size: cover; 
background-position: right bottom; 
} 

Answer 1

Mit ContentPage.BackgroundImage Sie nicht Seitenverhältnis steuern kann. Statt Image mit AbsoluteLayout kombiniert verwenden (und setzen Aspect Eigenschaft Image):

<?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="XilnexOTM.Views.LoginPage"> 

    <AbsoluteLayout VerticalOptions="FillAndExpand" 
        HorizontalOptions="FillAndExpand"> 

     <Image AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0, 0, 1, 1" 
      Source="bg1.png" Aspect="AspectFill"/> 

     <ScrollView AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0, 0, 1, 1"> 
      <StackLayout Orientation="Vertical"> 
       <Label Text="PICTURE" /> 
       <Label Text="PIC 2" /> 

       <Entry Placeholder="Username" /> 
       <Entry Placeholder="Password" IsPassword="true"/> 

       <Button x:Name="btn_Login" 
         Text="Login" 
         BackgroundColor="#FF0000"/> 
      </StackLayout> 
     </ScrollView>     

    </AbsoluteLayout>    
</ContentPage> 

Answer 2

In Ihrem MainActivity Sie AdjustPan oder AdjustResize verwenden können:

[Activity(WindowSoftInputMode = SoftInput.AdjustPan)] 
public class MyActivity : Activity 
{ 
    ..... 
} 

Answer 3

ich von Code lieber tun, hier ist meine Lösung:

ich habe immer meinen Gerätebildschirm wie dies in meinem App.xaml:

public static double ScreenWidth { get; set; } 
    public static double ScreenHeight { get; set; } 

dann in meiner Android-Hauptaktivität:

 Passapp.App.ScreenWidth = (double)(Resources.DisplayMetrics.WidthPixels/Resources.DisplayMetrics.Density); 
     Passapp.App.ScreenHeight = (double)(Resources.DisplayMetrics.HeightPixels/Resources.DisplayMetrics.Density); 

Und in meinem iOS AppDelegate: So

App.ScreenWidth = UIScreen.MainScreen.Bounds.Width; 
     App.ScreenHeight = UIScreen.MainScreen.Bounds.Height; 

wenn Sie haben Ihren Bildschirm Breite und Höhe, dies zu tun in welcher Seite Sie haben:

public partial class MyPage : ContentPage 
{ 

    public MyPage() 
    { 
     InitializeComponent(); 

     NavigationPage.SetHasNavigationBar(this, false); 

     var layout = new AbsoluteLayout(); 

#if __ANDROID__ 

     BackgroundImage = "Background"; 
#endif 

#if __IOS__ 
     Image img = new Image() 
     { 
      Source = "Background", 
      Aspect = Aspect.Fill 
     }; 

     layout.Children.Add(img, new Rectangle(0, 0, App.ScreenWidth, App.ScreenHeight)); 
#endif 


     Content = layout; 
    } 
}