Share xaml between UWP app pages

3
votes

I have an app which has navigation bar at the bottom. I'd like to keep that part of the page static - it would be 'base' for all other pages. I could add the exact same part of the code to every xaml page, however, I feel like initializing navigation bar on each page is waste of resources and time.

To make it more clear, below is an image of Facebook app (iPhone), pretty much same UI on Windows 10. Red bordered part of the UI never changes no matter what page you move to. For those using Facebook app you know that when you slide left/right only content in the middle (without red border) changes and slide animation is applied only to that part of the page.

That is basically what I'd like to achieve. Static part of the code that will initialize only once, stay visible on all pages, and no animations or page transitions would apply to it while switching between pages. I've been reading documentation and have not found any helpful information on how to achieve that.

Facebook

1
c#windows-10uwpuwp-xaml
This can be achieved by creating a page that acts like a shell and in it you will load and change dynamically the other pages. An example of this is the Master/Detail layout, where the Master is static and the Detail changes content based on user interaction. - Matei Radu
Make use of the Frame control and simply navigate in this Frame then. UWP is not HTML, the usage of frames is allowed here :) - sibbl

1 Answers

1
votes

You can easily implement this by creating a page with the shared controls and a ContentControl object, which will be responsible of showing the actual page content.

The ContentControl represents a control with a single piece of content of any type; which means you can put, for example; a UserControl inside of it, even a Page.

That being said, keep in mind that by doing so; you will lose the Frame functionality and will need to handle many things on your own, such as the navigation stack and back button functionality.

I'll leave you this question on SO which can be of help in your case.