经典菜单元件用于构建导航菜单。您可以自定义顶级菜单项的数量并为每个菜单层创建子菜单。
当您将鼠标悬停在父项上时,子菜单会自动显示在 Web 浏览器中,当您将鼠标移出子菜单及其父菜单时,它们会再次隐藏。
有两种类型的经典菜单可用:子菜单向下打开的水平菜单和子菜单向右打开的垂直菜单。
![](../../images/2023052447.png)
添加和删除菜单项
经典菜单元件默认内置三个顶级菜单。要添加其他菜单项,请右键单击现有选项并选择在之后添加菜单项或在之前添加菜单项。要删除一个选项,请右键单击它并选择删除菜单项。
![](../../images/2023052448.png)
添加和删除子菜单
默认情况下,经典菜单没有任何子菜单。通过右键单击项目并选择添加子菜单,您可以将子菜单添加到任何菜单项(包括子菜单中的项目)。要删除子菜单,请右键单击其父菜单项并选择删除子菜单。
![](../../images/2023052449.png)
菜单边距
您可以通过右键单击一个项目并选择“编辑菜单边距”来在菜单和子菜单项周围添加边距。这会将菜单的边框推离内容,使菜单元件的填充颜色、边框与其内容的填充颜色、边框区分开来。
![](../../images/20230524410.png)
限制和解决方法
外形
经典菜单元件使用起来很快,但在样式方面却相当不灵活。因此,它们最适合菜单的外观和感觉并不重要的低视觉保真原型。
如果您需要更多地控制导航菜单的视觉外观,请使用形状元件制作自定义导航菜单。
无法自适应
经典菜单元件在所有自适应视图中的呈现都是一致的。要在自适应视图中以不同方式设置经典菜单的样式,您可以在每个自适应视图中“放置”一个不同的经典菜单,从每个视图中“取消”为其他自适应视图设计的经典菜单。
|