2017-10-08 105 views
0

當我點擊一個條目並且鍵盤被操作時,所有的佈局都被揉捏。 像在照片中。 前: enter image description here鍵盤以xamarin格式揉搓我的佈局

後: enter image description here

這happend我的Android和iOS設備 我使用xamarin形式......沒有人知道如何解決呢?

我的XAML只有把滾動視圖不起作用:

<ScrollView BackgroundColor="Red"> 
    <Grid RowSpacing="0" HeightRequest="100"> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="0.5*"/> 
     <ColumnDefinition Width="9*"/> 
     <ColumnDefinition Width="0.5*"/> 
    </Grid.ColumnDefinitions> 

    <Grid.RowDefinitions> 
     <RowDefinition Height="2.3*"/> 
     <RowDefinition Height="5.4*"/> 
     <RowDefinition Height="2.3*"/> 
    </Grid.RowDefinitions> 
    <Image Source="recuperarFundo" Grid.Column="1" Grid.Row="1" Aspect="Fill" HorizontalOptions="FillAndExpand"/> 

    <Grid Grid.Column="1" Grid.Row="1" RowSpacing="0" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"> 
     <Grid.RowDefinitions> 
     <RowDefinition Height="3*"/> 
     <RowDefinition Height="4*"/> 
     <RowDefinition Height="3*"/> 
     </Grid.RowDefinitions> 

     <Grid Grid.Row="0" VerticalOptions="CenterAndExpand"> 
     <Image Source="cadastrarVoltar" Margin="20,0,0,0" Grid.Column="0" Grid.Row="0" VerticalOptions="Start" HorizontalOptions="Start"> 
      <!--<Image.Margin> 
      <OnPlatform x:TypeArguments="Thickness" 
        Android="20,0,0,0" 
        iOS="20,0,0,0"/> 
      </Image.Margin>--> 
      <Image.GestureRecognizers> 
      <TapGestureRecognizer Tapped="OnClose"/> 
      </Image.GestureRecognizers> 
     </Image> 

     <Image Source="loginlogo" Margin="0,10,0,10" Grid.Column="0" Grid.Row="0" VerticalOptions="Center" HorizontalOptions="Center"/> 

     </Grid> 

     <Grid Grid.Row="1" VerticalOptions="CenterAndExpand"> 

     <Image Source="recuperarForms" Aspect="Fill" Grid.Column="0" Grid.Row="0" Margin="20,0,20,0"/> 

     <Grid Grid.Column="0" Grid.Row="0" RowSpacing="0" Padding="25,0,25,0" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand"> 
      <Grid.RowDefinitions> 
      <RowDefinition Height="5*"/> 
      <RowDefinition Height="5*"/> 
      </Grid.RowDefinitions> 

      <local:MyLabel x:Name="recupera_lbl" Text="Para recuperar sua senha, digite abaixo o e-mail cadastrado" Margin ="20,0,20,0" VerticalOptions="CenterAndExpand" HorizontalTextAlignment="Center" HorizontalOptions="CenterAndExpand" NamedFontSize="Small" Style="{Binding labelsfont}"/> 

      <local:MyEntry x:Name="recuperar_entry" Grid.Row="1" VerticalOptions="Center" Placeholder="Seu e-mail" TextColor="{StaticResource MarromClaro}" PlaceholderColor="{StaticResource MarromClaro}" FontSize="Small" HorizontalOptions="Fill" HorizontalTextAlignment="Center"/> 

     </Grid> 
     </Grid> 

     <Grid Grid.Row="2" VerticalOptions="FillAndExpand"> 
     <ActivityIndicator Grid.Row="0" Grid.Column ="0" x:Name="recuperar_indicator" Color="DarkRed" HorizontalOptions="CenterAndExpand" IsVisible="false" IsRunning="true"/> 
     <Image Grid.Row="0" Grid.Column ="0" x:Name="recuperar_button" Source="recuperarButton" HorizontalOptions="CenterAndExpand"> 
      <Image.GestureRecognizers> 
      <TapGestureRecognizer Tapped="CallingRecuperarSenhaAsync"/> 
      </Image.GestureRecognizers> 
     </Image> 
     </Grid> 
    </Grid> 

    </Grid> 

+1

你是如何顯示彈出式主容器?您正在使用的任何圖書館? – Ada

+0

我正在使用Rg.Plugin.Popup –

+0

如果您發佈了佈局的XAML,會有所幫助。 – bryanbcook

回答

2

使用滾動型爲

+0

我會嘗試 –

+0

您的解決方案几乎可以解決問題,因爲在我的一個彈出頁面中它不起作用。我在這裏發佈代碼,你能幫忙嗎? –