Как сохранить часть XAML разметки как шаблон?

Question

[Nik Faraday]

Здравствуйте

При постройке некого приложения на WPF, а конкретнее - калькулятора (Подобного Miscrosoft калькулятору) возник вопрос, суть которого в том, что я не знаю как сделать динамическую разметку на XAML.
Речь идёт о том, что по задумке при нажатии на тип калькулятора на боковой панели, мне на том же окне нужно отобразить совсем другую разметку для другого калькулятора (К примеру, для инженерного) и вызывать его каждый раз при нажатии кнопки, а предыдущую разметку просто удалять.

Чисто по логике, это реально так сделать, но как - я не знаю

Comments

[Василий Банников]

Речь идёт о том, что по задумке при нажатии на тип калькулятора на боковой панели, мне на том же окне нужно отобразить совсем другую разметку для другого калькулятора (К примеру, для инженерного) и вызывать его каждый раз при нажатии кнопки, а предыдущую разметку просто удалять.

Кажется, задача просто сменять вьюшки?

А по шаблонам вот:
https://docs.microsoft.com/en-us/dotnet/desktop/wp...
https://docs.microsoft.com/en-us/dotnet/desktop/wp...

[Nik Faraday]

Василий Банников, по WPF только начал относительно недавно разбираться, пока сложно сказать даже, ибо сам толком не разобрался, как вообще правильно сформулировать вопрос на эту же тему

Ссылки прочитаю позже, читать много, возможно ответ на мой вопрос и есть там
Всё равно, благодарю за ответ

[edward_freedom]

Nik Faraday, там же меняются только несколько кнопок, сами цифры и обычные операции не меняются

[Nik Faraday]

edward_freedom, нет, инженерный калькулятор имеет больше кнопок, понятное дело, что нужно совсем другая сетка для контейнера
Так же, если вы проверите, то был добавлен новый режим "Построения графов" или что-то тому подобное
Так же некоторые отличия имеет калькулятор для программистов, но не будем затрагивать систему инициализации каждого подкалькулятора на программистском калькуляторе )))

[Foggy Finder]

Nik Faraday, создайте отдельные VM для каждого типа панелей, в главной VM создайте свойство CurrentTypePanel которое будет отвечать на выбранную в данный момент панель. Чтобы переключить на другую просто присвойте этому свойству новую панель. Не забудь только в сеттере свойства уведомить Ui об изменении.

На стороне View просто создайте ContentControl и привяжите Content к CurrentTypePanel. Для каждой панели-vm определите свою View и установите связь между ними через DataTemplate:

<DataTemplate DataType="{x:Type local:SimpleMathPanelVM}">
       <ui:SimpleMathPanelView />
    </DataTemplate>

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

Дайте знать если будут любые вопросы.

[Nik Faraday]

Foggy Finder, Вроде как понял, благодарю)
Можно ещё ссылку на какой-то руководство или хоть что-то?)

Можете кинуть отдельным ответом, поставлю как правильный ответ

[Foggy Finder]

Nik Faraday, хорошие ссылки сходу не вспомню. Полноценный ответ с примером пока нет возможности написать

[Nik Faraday]

Foggy Finder, Буду весьма признателен за любую документацию/источник
А то я уже вторые сутки играю что-то и ничего не могу сделать того, что мне нужно
Любая информация (Чем больше (Лаконично) тем лучше) будет мне полезна

[Роман]

Используйте навигацию

https://docs.microsoft.com/ru-ru/dotnet/desktop/wp...

https://paulstovell.com/wpf-navigation/
https://www.technical-recipes.com/2018/navigating-...

[Foggy Finder]

Nik Faraday, покажите свой попытке, попробуем довести до ума

[Nik Faraday]

Foggy Finder, пока нечего показывать, с того, что связанно с вопросом даже набросков нету
Я даже не представляю как сделать

[Foggy Finder]

Nik Faraday, окей, давайте тогда разбираться по шагам

VM представляющую собой какую-то дополнительную панель для калькулятора создали?

лучше всего если вы создадите репозиторий например на гитхабе чтобы можно было смотреть за изменениями

[Nik Faraday]

Foggy Finder, пока только cs файлы прописываю, хоть в чём-то я более менее разбираюсь

Боковую панель пока что рано писать, да и её легко написать

Проделаю некоторые изменения конкретно в интерфейсе, то докину скринов

[Foggy Finder]

Nik Faraday, вам нужно уже сейчас учиться разделять логику от представления (отображения). В простейших случаях Model можно опустить(совместить) с VM.

Если под ".cs" файлами вы понимаете файлы UserControl.xaml.cs то в простых приложениях так должно быть минимум кода, во многих случаях только конструктор и все.

Дополнительные скриншоты не нужны, вы вполне неплохо описали проблему с которой столкнулись.