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