随笔 - 808  文章 - 0 评论 - 143 阅读 - 770万

水平菜单

image

image

有一些官网使用这种方法;

垂直菜单(Vertical Menu)

这是一个最常见的用于创建左侧导航栏的控件。它通常包含一个列表的菜单项,用户可以垂直滚动以查看和选择。

image

通常位于左侧,鼠标放上去会弹出子菜单;

image

抽屉式导航(Drawer Navigation)或侧边栏(Sidebar)

image

在响应式设计中,特别是在移动设备上,抽屉式导航是一个常见的模式,用户可以从屏幕的左侧(或右侧)滑出菜单。在较大的屏幕上,这个抽屉可能会保持打开状态作为侧边栏。

树形视图(Tree View)

如果导航结构具有多级层次,树形视图控件可能是个不错的选择。它可以展开和折叠节点,显示或隐藏子菜单。

image

列表视图(List View)

虽然列表视图本身可能并不专门用于导航,但通过自定义和适当的样式,它可以被用来创建垂直导航菜单。不常见,不列举了;

可折叠面板(Collapsible Panels)或手风琴式菜单(Accordion Menu)

当需要节省空间或提供可折叠的菜单选项时,这些控件是适用的。

image

面包屑导航

image

image

image

总结:若要做功能复杂,强大的软件,还是最好使用 TreeView ,多级嵌套 ,用意清晰明了,客户也好理解,权限 与 菜单(隐藏菜单)的关系也好处理;

posted on   del88  阅读(48)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· 单线程的Redis速度为什么快?
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
历史上的今天:
2012-03-26 如何在自己的系统中打开并关闭外部程序
点击右上角即可分享
微信分享提示