Как использовать несколько представлений в одном представлении в WPF

Question

У меня есть панель навигации, которую я позаимствовал из Интернета https://www.youtube.com/watch?v=YQ1EJJZBHyE

Когда вместо навигации на другую страницу нажимается кнопка навигации, я бы хотел, чтобы серая область была заполнена собственным видом. Я также хотел бы, чтобы у каждого из них была своя соответствующая ViewModel.

Я бы предпочел свернуть это самостоятельно, без какой-либо сторонней библиотеки (в настоящее время используется простой MVVMLight). Однако, если решение действительно задействовано, сторонняя библиотека вполне подойдет - я не пытаюсь изобретать велосипед.

Полагаю, я бы использовал что-то похожее на UserControl в WinForms, но я не уверен, как обращаться с переменным размером, когда левая навигационная панель разворачивается или убирается.

Вот снимок экрана с соответствующим кодом:

Answer 1

Ответ с наибольшим количеством голосов здесь очень ясно иллюстрирует решение того, что я преследовал, и раскрывает некоторые детали комментариев, оставленных здесь хорошим джентльменом, помогающим мне.