Как разбить страницу wpf xaml на более легкие в обслуживании мелкие детали

Question

Я создаю приложение wpf, и главная страница состоит из боковой панели, заголовка и области содержимого, где будет отображаться остальная часть приложения, так как я приду за угловой фон, могу ли я разделить боковую панель и заголовок и область содержимого на мелкие компоненты, которые можно обслуживать и как этого достичь

Answer 1

В обозревателе решений щелкните правой кнопкой мыши свой проект и добавьте новый UserControl.Назовите это, например, «FeatureView».В этом UserControl вставьте текстовый блок с фиктивным текстом, например:

<UserControl x:Class="WpfApp10.FeatureView"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         xmlns:local="clr-namespace:WpfApp10"
         mc:Ignorable="d" 
         d:DesignHeight="450" d:DesignWidth="800">
<Grid>
    <TextBlock Text="This is my FeatureView UserControl"/>
</Grid>

Затем в главном окне загрузите его следующим образом:

<Window x:Class="WpfApp10.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:WpfApp10"
    mc:Ignorable="d"
    Title="MainWindow" Height="450" Width="800">
<Grid>
    <local:FeatureView/>

</Grid>

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

Answer 2

Вы можете разделить области на пользовательские элементы управления:

https://docs.microsoft.com/en-us/visualstudio/extensibility/adding-user-control-to-the-start-page?view=vs-2017

Хороший способ справиться с этим - использовать Prism Regions, см .:

https://rohiton.wordpress.com/2016/06/08/understanding-prism-part-2-regions/