创建WPF垂直图标导航

Question

enter code here我正在寻找与此图片类似的WPF界面。我需要使用什么WPF来实现这一目标？

<Window x:Class="Example1.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:Example1"
    mc:Ignorable="d"
    Title="MainWindow" Height="350" Width="525">
<Grid Background="#FFFDFDFD">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="200"></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <Grid Background="#FF0052F0" HorizontalAlignment="Left" Width="50">

    </Grid>
</Grid>

Answer 1

回答你的问题：

  

我需要使用什么WPF来实现这一目标？

蓝色区域是TabControl，标签位于左侧（TabStripPlacement =“Left”）。您必须编辑模板以使其看起来像图片上的那样，只需几行XAML代码即可。

右上角也是一个TabControl，这次是默认的标签位置，但是又改变了样式。然后，分离器来了。您还可以使用高度=“1”的矩形和SnapsToDevicePixels =“True”。

接下来是Image，但我不确定（使用Skype徽标）。下一个元素是带有巨大FontSize的TextBlock（或Label）。然后你可以看到几个CheckBoxes，在底部有两个按钮（你也可以使用超链接，但按钮更容易使用）。

我希望能回答你的问题。