Forum Cross Platform with Xamarin

embedding a xamarin forms content page

I have been trying to embed a ContentPage in UWP following this tutorial :
blog.xamarin.com/unleashed-embedding-xamarin-forms-xamarin-native/

My code is rather simple, here is my content page :

<?xml version="1.0" encoding="utf-8" ?>
<local:CustomContentPage xmlns="htp://xamarin.com/schemas/2014/forms"
             xmlns:x="htp://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="NavigationPannel2.PageTest1"
            xmlns:local="clr-namespace:NavigationPannel2"
             BackgroundColor="Aqua">
    <ContentPage.Content>
        <Grid>
            <Button Text="To Page 2"
                    Clicked="Button_Clicked"/>
        </Grid>
    </ContentPage.Content>
</local:CustomContentPage>

(CustomContentPage just adds a custom navigation event :)

using System;
using System.Collections.Generic;
using System.Text;
using Xamarin.Forms;

namespace NavigationPannel2
{
    public class CustomContentPage : ContentPage
    {

        public EventHandler<NavigateEvent> navigation_push_event;
        public CustomContentPage()
        {

        }
    }
}

I initialize Forms.Init() in OnLaunched :

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices.WindowsRuntime;
using Windows.ApplicationModel;
using Windows.ApplicationModel.Activation;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;

namespace NavigationPannel2.UWP
{
    /// <summary>
    /// Provides application-specific behavior to supplement the default Application class.
    /// </summary>
    sealed partial class App : Application
    {
        /// <summary>
        /// Initializes the singleton application object.  This is the first line of authored code
        /// executed, and as such is the logical equivalent of main() or WinMain().
        /// </summary>
        public App()
        {
            this.InitializeComponent();
            this.Suspending += OnSuspending;
        }

        /// <summary>
        /// Invoked when the application is launched normally by the end user.  Other entry points
        /// will be used such as when the application is launched to open a specific file.
        /// </summary>
        /// <param name="e">Details about the launch request and process.</param>
        protected override void OnLaunched(LaunchActivatedEventArgs e)
        {

            Xamarin.Forms.Forms.Init(e);
            Frame rootFrame = Window.Current.Content as Frame;

            // Do not repeat app initialization when the Window already has content,
            // just ensure that the window is active
            if (rootFrame == null)
            {
                // Create a Frame to act as the navigation context and navigate to the first page
                rootFrame = new Frame();

                rootFrame.NavigationFailed += OnNavigationFailed;

                Xamarin.Forms.Forms.Init(e);

                if (e.PreviousExecutionState == ApplicationExecutionState.Terminated)
                {
                    //TODO: Load state from previously suspended application
                }

                // Place the frame in the current Window
                Window.Current.Content = rootFrame;
            }

            if (rootFrame.Content == null)
            {
                // When the navigation stack isn't restored navigate to the first page,
                // configuring the new page by passing required information as a navigation
                // parameter
                rootFrame.Navigate(typeof(MainPage), e.Arguments);
            }
            // Ensure the current window is active
            Window.Current.Activate();
        }

        /// <summary>
        /// Invoked when Navigation to a certain page fails
        /// </summary>
        /// <param name="sender">The Frame which failed navigation</param>
        /// <param name="e">Details about the navigation failure</param>
        void OnNavigationFailed(object sender, NavigationFailedEventArgs e)
        {
            throw new Exception("Failed to load Page " + e.SourcePageType.FullName);
        }

        /// <summary>
        /// Invoked when application execution is being suspended.  Application state is saved
        /// without knowing whether the application will be terminated or resumed with the contents
        /// of memory still intact.
        /// </summary>
        /// <param name="sender">The source of the suspend request.</param>
        /// <param name="e">Details about the suspend request.</param>
        private void OnSuspending(object sender, SuspendingEventArgs e)
        {
            var deferral = e.SuspendingOperation.GetDeferral();
            //TODO: Save application state and stop any background activity
            deferral.Complete();
        }
    }
}

And I use this page as content for my UWP MainPage :

using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;
using Xamarin.Forms;

using Xamarin.Forms;
using Xamarin.Forms.Platform.UWP;

using Windows.UI.Core;
namespace NavigationPannel2.UWP
{
    public sealed partial class MainPage
    {
        public MainPage()
        {
            this.InitializeComponent();

            LoadApplication(new NavigationPannel2.App());
            CustomContentPage page = new PageTest1();
            Content = page.CreateFrameworkElement();

        }
    }
}

But the page seems to have lost its dynamic layout : when i resize the window everything stays still…

How Can I solve this ?

Best Answer

  • GuiguyGuiguy Member ✭✭
    Accepted Answer

    I managed to refresh the layout by setting the content repetitively when sizeChanged is triggered, but i suppose this isn't perfect performance-wise.

    I will try reporting it as a bug and use this method meanwhile.

Answers

  • LandLuLandLu Member, Xamarin Team Xamurai

    CreateFrameworkElement() this method could cause this issue when user resize the window's size. If you just want to show a Forms page, why not return to Forms then use Forms' Navigate and Pop?

  • GuiguyGuiguy Member ✭✭

    The problem must indeed come from the CreateFrameworkElement() method but i can't just replaace it :

    I created a custom renderer to use uwp navigation view and am using the CreateFrameworkElement method to use Xamarin forms pages as navigation view content.

  • GuiguyGuiguy Member ✭✭
    Accepted Answer

    I managed to refresh the layout by setting the content repetitively when sizeChanged is triggered, but i suppose this isn't perfect performance-wise.

    I will try reporting it as a bug and use this method meanwhile.

  • LandLuLandLu Member, Xamarin Team Xamurai

    @Guiguy Could you please share your workaround?
    And have you reported this issue on https://github.com/xamarin/Xamarin.Forms/issues? Try to post your issue link here to help other community members look into this issue.

  • GuiguyGuiguy Member ✭✭

    Here is my workaround :

    I 'refresh' the content each time the navigation changes size in the custom renderer :

    nav_view.SizeChanged += refresh;
    
    private void refresh(object sender, SizeChangedEventArgs e)
            {
    
                CustomContentPage page = (CustomContentPage)Element.Content;
                if (page != null)
                {
                    //resets the display
                    nav_view.Content = new Windows.UI.Xaml.Controls.Frame();//Nothing appens if the content hasn't changed beforehand
                    page.Layout(new Rectangle(0, 0, -1, -1));//allows the layout to refresh when the window shrink
    
                    Windows.UI.Xaml.FrameworkElement page_e = page.CreateFrameworkElement() ;
                    nav_view.Content = page_e;
                } 
    
            }
    

    where nav_view is a uwp NavigationView

    I just posted the issue !

Sign In or Register to comment.