使用易语言原生控件模仿 Material Design 2 导航栏

gytxtx

起源

在软件迭代过程中，为优化用户体验，基于 Google Material Design 设计语言重构了导航栏组件。

什么是 Material Design？

Material Design 是由 Google 在 2014 年推出的设计语言，旨在通过统一的视觉和交互框架提升跨平台用户体验。其核心理念是模拟现实世界的物理属性和运动规律，例如通过材质质感、阴影层次和自然动画增强界面深度与直观性，同时强调响应式交互、极简美学和一致性布局。结合清晰的排版、色彩系统和图标设计，Material Design 为移动应用、网页及桌面端提供了灵活且功能导向的设计规范，帮助开发者构建直观且视觉协调的现代界面。

屏幕截图

功能

• 动态伸缩式导航面板
• 支持标题分组展示
• 半透明遮罩叠加效果（基于彗星遮罩窗口模块）

不足

受限于易语言原生窗口特性，暂未实现：

• 材质阴影渲染
• 弹性动画过渡
• 实时涟漪点击反馈

下载

请在下方的附件中下载源代码：

Material UI.e (62.69 KB, 下载次数: 41)

2025-5-11 18:15 上传

点击文件名下载附件 源代码下载积分: 精币 -2 枚

亦或者，在蓝奏云中下载源代码：

链接: https://wwcw.lanzoue.com/iywZw2vz8t2d
密码: JYLT

附件中仅包含源代码。

依赖

本源码依赖下方列出的易语言模块：

• 彗星遮罩窗口模块

使用

本源码各位可随意转载、使用，欢迎一同改进本源码。

写在最后

如果这个源码对你有所帮助，欢迎点击 点赞 或 评分 支持，你的鼓励是我持续开发的动力！

如果在使用过程中发现任何问题或优化建议，请直接在下方回帖，我会尽我所能的改进本源码！

非常感谢大家能看到这里！

补充内容 (2025-5-12 20:18):
补充：程序依赖 Noto Sans SC 字体，可前往 https://fonts.google.com/noto/fonts 下载，也可使用 思源黑体 替代。

补充内容 (2025-5-12 20:18):
程序还有个遮罩 Bug，但是我懒得修了（

二虎电脑

真是不错，大佬出品必属精品，点赞支持

小小中的小白白

不愧是搞ui的 ， 文字排版都这么工整

jinwan250aaa

不愧是搞ui的 ， 文字排版都这么工整

awuming

这个不错噢

浩蛋

优秀，支持开源！共同进步