Material Design Components

M3 カタログ 🚀

このアプリは開発者向けデモ用です。

📚 ソースコード: GitHub - マテリアルデザイン コンポーネント

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

📖 ドキュメント: マテリアル 3 ガイドライン 2025

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

マテリアルは、ユーザーインターフェースデザインのベストプラクティスをサポートする、ガイドライン、コンポーネント、ツールからなる柔軟なシステムです。オープンソースコードに裏打ちされたマテリアルは、デザイナーと開発者のコ​​ラボレーションを効率化し、チームが美しい製品を迅速に構築するのに役立ちます。🌟

コンポーネント 🛠️

マテリアル コンポーネントは、ユーザーインターフェースを作成するためのインタラクティブな構成要素です。

追加されたコンポーネントを含む包括的なリストは次のとおりです。

* アダプティブ 🖥️: さまざまな画面サイズに対応する柔軟なレイアウト

* アプリバー: 下部 📱: 画面下部のナビゲーションバーとアクションバー

* アプリバー: 上部 📍: 画面上部のナビゲーションバー

* バックドロップ 🎨: 前面と背面のビューを持つレイヤー化されたコンテンツ

* バッジ 🔔: UI 要素上の通知やステータス用バッジ (BadgeDrawable)

* バナー 📢: ユーザーの注意を引くための一時的なメッセージ

* 下部ナビゲーション 🧭: 画面下部で UI ビューを切り替える

* 下部シート ⬇️: 画面下部に固定されたセカンダリコンテンツ

* ボタン 👆: UI でアクションをトリガーするためのコアコンポーネント

* ボタン: フローティングアクションボタン (FAB) ➕: 主要なアクション用のフローティングアクションボタン

* FAB メニュー 🔄: FAB から展開されるメニュー関連アクション

* カード 🗂️: 単一のテーマに関するコンテンツとアクションを表示します

* カルーセル 🎠: 画面内外のアイテムをスクロールして表示します

* チェックボックス ✅: 1つまたは複数のアイテムを選択、またはオン/オフを切り替えます

* チップ 🏷️: 情報の入力、選択、フィルタリング、またはアクションのトリガーを行います

* データテーブル 📊: 構造化データを整理して表示します

* 日付ピッカー 📅: 日付または日付範囲を選択します

* ダイアログ ❗: ユーザーフローにおける重要なプロンプトを表示します

* 区切り線 ➖: コンテンツをコンテナにグループ化するための細い線を表示します

* ドッキングツールバー ⚓: 頻繁に使用するアクション用の固定ツールバーを表示します

* フローティングツールバー 🛠️: 状況に応じたアクション用の動的なツールバーを表示します

* アイコンボタンとセグメントボタン 🖼️: アイコンまたはセグメント化されたオプションを備えたボタンで、操作性を高めます

* 画像リスト 🖼️: 画像のグリッドまたはリストを表示します

* リスト 📋:コンテンツ表示用の縦型リスト

* 読み込みインジケーター 🔄: 短い読み込みプロセスを視覚的に表示するキュー

* MaterialTextView ✍️: Material 3 向けの拡張テキスト表示コンポーネント

* メニュー 📜: 一時的な領域に選択肢のリストを表示

* ナビゲーションドロワー 📂: 大型デバイスで UI ビューを切り替え

* ナビゲーションレール 🚆: 中型デバイスで UI ビューを切り替え

* 進行状況インジケーター ⏳: 待機時間または処理時間を表示

* ラジオボタン 🔘: 複数の選択肢から 1 つを選択

* 検索バー 🔍: 関連情報を検索するキーワードまたはフレーズを入力

* 選択コントロール 🎚️: ユーザーの選択を管理 (チェックボックス、ラジオボタン、スイッチ)

* シート: 下部 📄: 画面下部に表示されるセカンダリコンテンツ

* シート: サイド 📑: 画面の横に固定されたセカンダリコンテンツ

* サイドシート 📘: 横に固定されたセカンダリコンテンツ

*スライダー 🎚️: さまざまな値から選択できます

* スナックバー 🔔: 画面下部にアプリのプロセスに関する簡単な更新情報を表示します

* スイッチ 🔄: 項目の選択をオン/オフにします

* タブ 📑: 複数の画面やビューにまたがってコンテンツを整理します

* テキストフィールド ✍️: ユーザーが UI でテキストを入力・編集できるようにします

* タイムピッカー ⏰: ユーザーが特定の時間を選択して設定できるようにします

* ツールチップ 💡: UI 要素の簡単な説明を表示します

🚀 CodeCanyon で公開中

Kotlin 版の Material UIX をご購入ください。洗練されたモダンでレスポンシブなユーザーインターフェースを作成するための究極のツールキットです。

モダンアプリテンプレート – 以下のプラットフォームに対応した、レスポンシブでカスタマイズ可能なUIキット:

* Jetpack Compose

* Android Kotlin

* Flutter

👉 CodeCanyon で入手

https://codecanyon.net/user/boltuix