c# - 创建一个选项卡式 WPF 菜单，“ESET Antivirus” - 样式

Question

我正在寻找一种方法来为一个看起来像 ESET Antivirus UI 的小工具创建应用程序布局：

我想，我需要一个 TabControl 并对整个事情进行完整的重新设计。我创建了一个基本的选项卡布局：

<Grid Background="White" Grid.Row="1" >
        <TabControl TabStripPlacement="Left">
            <TabItem Header="Dashboard">
                <Grid>

                </Grid>
            </TabItem>
            <TabItem Header="Projects">
                <Grid>

                </Grid>
            </TabItem>
            <TabItem Header="Settings">
                <Grid>

                </Grid>                
            </TabItem>
            <TabItem Header="Help &amp; Info">
                <Grid>

                </Grid>
            </TabItem>
        </TabControl>
    </Grid>

但是，我一点也不知道如何以我希望的方式获取标签。我用 Blend 做了很多尝试，让选项卡看起来像上面的图像，但我不明白。三角形会很好，但应该调整突出显示。

有什么建议吗？

Answer 1

每当您在尝试使 WPF UI 元素看起来完全符合您的要求时遇到问题，您应该<style>从 microsoft 找到默认的 XAML，并尝试直接在您的项目中修改它，直到获得所需的结果。

如果不清楚，您需要按照下面的链接，从页面复制样式并将它们放入窗口的资源部分（或 App.xaml，这完全取决于您）。然后摆弄它们，直到你让它看起来像你想要的那样。

您需要使用的两种样式是TabControl和TabItem

Answer 2

相反，我会考虑采用 MVVM 方法。

首先，塑造数据的模型，以及业务层（命令、函数等）。然后，您可以将您的模型（通过利用 ViewModel）与左侧选择器的 ListBox 和主要部分的简单 ContentControl 一起“佩戴”。ListBox 的选定项应输入正文的内容，DataTemplateSelector（例如）将选择适当的可视片段。

这只是一个建议。就个人而言，我发现 TabControl 有点棘手，我很少使用它。

干杯

Answer 3

一个老技巧是拥有两组不同的图像——一组用于单击，一组用于被动（可能一组用于鼠标悬停），但单击的图像中会包含三角形。这使用静态图像作为按钮，非常易于使用，但很难动态修改。