• 一篇文章教你如何用Telerik组件为桌面应用添加上下文菜单

    Telerik DevCraft包含一个完整的产品栈来构建您下一个Web、移动和桌面应用程序。它使用HTML和每个.NET平台的UI库，加快开发速度。Telerik DevCraft提供最完整的工具箱，用于构建现代和面向未来的业务应用程序。

    Telerik DevCraft R3 2022正式版下载

    上下文菜单允许在屏幕上的任何地方添加浮动菜单，本文将为大家介绍使用这些工具的好处，以及如何将它们添加到.NET MAUI应用程序中。

    目前 .NET 7已经发布了，在本文中我们将讨论为了改进桌面应用程序的用户体验而实现的一个功能——上下文菜单！我们将一起学习一种非常简单和直观的方式实现它！

    什么是上下文菜单?

    上下文菜单是浮动菜单，可以通过MenuFlyout附加到 .NET MAUI应用程序的任何视觉元素上，当用户右击分配了ContextMenu的控件时，就会显示此信息。

    注意：只有当它是桌面应用程序时，才会出现此菜单!

    上下文菜单的作用

    开发人员可以将这个ContextMenu添加到想要的所有视觉元素中。

    这是一个浮动菜单，所以可以把它添加到屏幕上的任何地方，只需要添加一个视觉元素即可。

    ContextMenu可视化结构

    在开始编写代码之前，开发人员必须直观地了解组成菜单的每个元素的技术名称，这样可以更容易地理解代码结构。

    在本文中桌面应用程序会有一个按钮，用户右键单击它，ContextMenu就会出现。

    理解代码结构

    首先，不要忘记创建支持 .NET 7的项目。

    现在，这就是ContextMenu的代码结构：

    接下来，让我们通过一些简单的步骤来学习如何将上述结构转换为代码：

    Step 1：选择附加ContextMenu的控件。

    在本例中，我们有一个按钮，当右键单击它时，会打开菜单。

    1. <Button Text="Right click to here to see the options"
    2. BackgroundColor="#E1C9FF">
    3.  
    5.  
    6. Button>

    Step 2：添加ContextFlyout和MenuFlyout。

    这些标记向控件指示它将包含一个ContextMenu。

    1. <FlyoutBase.ContextFlyout>
    2. <MenuFlyout>
    3.  
    5.  
    6. MenuFlyout>
    7. FlyoutBase.ContextFlyout>

    Step 3：开始添加菜单项。

    开发人员可以在这里添加三个元素:

    MenuFlyoutItem：它是菜单项，其中包含将在项目中显示的描述，开发人员添加所需的项目，如下例所示：

    1. <MenuFlyoutItem Text="Preferences" />
    2. <MenuFlyoutItem Text="Privacy Reporte" />
    3.  
    4.