Как создать пользовательское всплывающее окно в Xamarin.Form

Question

В Xamarin.Forms Мне нужно создать всплывающее окно, отображающее страницу входа в всплывающее окно.

вот мой код, используя управление всплывающим окном xlab.

MainPage l = new MainPage();  
Navigation.PushModalAsync(l); 
PopupLayout popupLayout = new PopupLayout(); 
popupLayout.Content = l.Content; 
ShowPopup(l); 

MainPage расширяет ContentPage и в настоящее время его работает отлично на экране входа в систему, но мое требование, чтобы показать его в качестве всплывающего окна. Может ли кто-нибудь помочь в этом? Или есть ли другой способ сделать это?

Answer 1

Вот как вы делаете это

private async void ShowPopup() 
{ 
    //Create `ContentPage` with padding and transparent background 
    ContentPage loginPage = new ContentPage 
    { 
      BackgroundColor = Color.FromHex("#D9000000"), 
      Padding = new Thickness(20, 20, 20, 20) 
    }; 

    // Create Children 

    //Create desired layout to be a content of your popup page. 
    var contentLayout = new StackLayout 
    { 
      VerticalOptions = LayoutOptions.CenterAndExpand, 
      HorizontalOptions = LayoutOptions.FillAndExpand, 
      Orientation = StackOrientation.Vertical, 
      Children = 
      { 
       // Add children 
      } 
    }; 

    //set popup page content: 
    loginPage.Content = contentLayout; 

    //Show Popup 
    await Navigation.PushModalAsync(loginPage, false); 
} 

Answer 2

@misho спасибо за вашу помощь

здесь мой последний рабочий код. Но его нельзя назвать всплывающим окном. Это может просто выполнить мою цель.

 private async void ShowPopup() 
     { 
      ContentPage detailsPage = new ContentPage 
      { 
       BackgroundColor = Color.Transparent,// Color.FromHex("#00F0F8FF"), 
       Padding = new Thickness(40, 40, 40, 40) 
      }; 
      MainPage l = new MainPage(); 
      detailsPage.Content = l.Content; 
      Button b = l.FindByName<Button>("btnClose"); 
      b.Clicked += ((o2, e2) => 
      { 
       this.Navigation.PopModalAsync(); 
      }); 
      await Navigation.PushModalAsync(detailsPage, false); 
     } 

Hi @Misho здесь фактический экран снят с всплывающего окна.