Material Design Components

M3 目录 🚀

此应用仅供开发者演示。

📚 源代码：GitHub - Material Design 组件

https://github.com/boltuix-store/Material-Design-Components

📖 文档：Material 3 指南 2025

https://www.boltuix.com/2025/06/material-3-guidelines-2025.html

Material 是一个适应性强的系统，包含指南、组件和工具，支持用户界面设计的最佳实践。基于开源代码，Material 简化了设计师和开发者之间的协作，帮助团队快速构建精美的产品。🌟

组件 🛠️

Material 组件是用于创建用户界面的交互式构建块。

以下是包含新增组件的完整列表：

* 自适应 🖥️：灵活布局，适用于各种屏幕尺寸

* 应用栏：底部 📱：屏幕底部的导航栏和操作栏

* 应用栏：顶部 📍：屏幕顶部的导航栏

* 背景 🎨：具有正面和背面视图的分层内容

* 徽章 🔔：用于通知或 UI 元素状态的徽章 (BadgeDrawable)

* 横幅 📢：用于提醒用户注意的临时消息

* 底部导航 🧭：在底部切换 UI 视图

* 底部表单 ⬇️：锚定在屏幕底部的次要内容

* 按钮 👆：用于触发 UI 操作的核心组件

* 按钮：浮动操作按钮 (FAB) ➕：用于主要操作的浮动操作按钮

* FAB 菜单 🔄：从 FAB 扩展而来的菜单，用于相关操作

*卡片 🗂️：显示单个主题的内容和操作

* 轮播 🎠：可在屏幕上滚动显示项目

* 复选框 ✅：选择一个或多个项目，或切换开关

* 数据条 🏷️：输入信息、进行选择、筛选或触发操作

* 数据表 📊：组织和显示结构化数据

* 日期选择器 📅：选择日期或日期范围

* 对话框 ❗：用户流程中的重要提示

* 分隔线 ➖：用于将内容分组到容器中的细线

* 停靠工具栏 ⚓：用于常用操作的固定工具栏

* 浮动工具栏 🛠️：用于上下文操作的动态工具栏

* 图标和分段按钮 🖼️：带有图标或分段选项的按钮，用于交互

* 图片列表 🖼️：网格或图片列表

* 列表 📋：内容的垂直列表显示

* 加载指示器 🔄：加载过程较短时的视觉提示

* MaterialTextView ✍️：Material 3 的增强型文本显示组件

* 菜单 📜：在临时界面上显示选项列表

* 抽屉式导航栏 📂：在大型设备上切换 UI 视图

* 导航栏 🚆：在中型设备上切换 UI 视图

* 进度指示器 ⏳：显示未指定的等待时间或处理时长

* 单选按钮 🔘：从一组选项中选择一个

* 搜索栏 🔍：输入关键字或短语以获取相关信息

* 选择控件 🎚️：管理用户选择（复选框、单选按钮、开关）

* 工作表：底部 📄：屏幕底部的次要内容

* 工作表：侧面 📑：固定在屏幕侧面的次要内容

* 侧面工作表 📘：固定在侧面的次要内容

* 滑块🎚️：从一系列值中进行选择

* 信息栏 🔔：在屏幕底部简要显示应用进程的更新

* 开关 🔄：打开或关闭某个项目的选择

* 标签 📑：跨不同屏幕和视图组织内容

* 文本字段 ✍️：允许用户在 UI 中输入和编辑文本

* 时间选择器 ⏰：帮助用户选择和设置特定时间

* 工具提示 💡：UI 元素的简要描述

🚀 现已在 CodeCanyon 上线

购买 Material UIX 的 Kotlin 版本 - 打造时尚、现代且响应迅速的用户界面的终极工具包。

Modern App Template - 一款响应迅速且可定制的 UI 工具包，适用于：

* Jetpack Compose

* Android Kotlin

* Flutter

👉 在 CodeCanyon 获取

https://codecanyon.net/user/boltuix