DockPanel
<pre><code class="language-csharp">&lt;DockPanel&gt;
&lt;Grid Background=&quot;Teal&quot; DockPanel.Dock=&quot;Top&quot;&gt;
&lt;Grid.ColumnDefinitions&gt;
&lt;ColumnDefinition&gt;&lt;/ColumnDefinition&gt;
&lt;ColumnDefinition&gt;&lt;/ColumnDefinition&gt;
&lt;/Grid.ColumnDefinitions&gt;
&lt;TextBlock Grid.Column=&quot;0&quot; Text=&quot;张缘手写&quot; Margin=&quot;0 10&quot; VerticalAlignment=&quot;Center&quot; FontSize=&quot;20&quot;&gt;&lt;/TextBlock&gt;
&lt;Border Margin=&quot;280 0 0 0&quot; Background=&quot;Beige&quot; Height=&quot;30&quot; Width=&quot;60&quot; Grid.Column=&quot;1&quot; CornerRadius=&quot;10&quot;&gt;
&lt;TextBlock Text=&quot;退出&quot; Foreground=&quot;Red&quot; HorizontalAlignment=&quot;Center&quot; VerticalAlignment=&quot;Center&quot;&gt;&lt;/TextBlock&gt;
&lt;/Border&gt;
&lt;/Grid&gt;
&lt;StackPanel DockPanel.Dock=&quot;Bottom&quot; Height=&quot;30&quot; Background=&quot;Aqua&quot;&gt;
&lt;TextBlock HorizontalAlignment=&quot;Center&quot; VerticalAlignment=&quot;Center&quot; FontSize=&quot;20&quot;&gt;版权&lt;/TextBlock&gt;
&lt;/StackPanel&gt;
&lt;StackPanel DockPanel.Dock=&quot;Left&quot; Width=&quot;80&quot; Background=&quot;Orange&quot;&gt;
&lt;TextBlock HorizontalAlignment=&quot;Center&quot; VerticalAlignment=&quot;Center&quot; Margin=&quot;10&quot; FontSize=&quot;15&quot;&gt;菜单&lt;/TextBlock&gt;
&lt;/StackPanel&gt;
&lt;StackPanel DockPanel.Dock=&quot;Right&quot; Background=&quot;White&quot;&gt;
&lt;TextBlock FontSize=&quot;15&quot;&gt;菜单&lt;/TextBlock&gt;
&lt;UniformGrid HorizontalAlignment=&quot;Center&quot; Width=&quot;600&quot; Height=&quot;212&quot; Columns=&quot;3&quot;&gt;
&lt;Button Content=&quot;1&quot; Margin=&quot;30&quot;&gt;&lt;/Button&gt;
&lt;Button Content=&quot;2&quot; Margin=&quot;30&quot;&gt;&lt;/Button&gt;
&lt;Button Content=&quot;3&quot; Margin=&quot;30&quot;&gt;&lt;/Button&gt;
&lt;/UniformGrid&gt;
&lt;/StackPanel&gt;
&lt;/DockPanel&gt;</code></pre>