fluent_ui

fluent_ui

フラッターを使用して美しいネイティブウィンドウアプリを設計します

フラッター用の流fluentUIの非公式の実装。公式のドキュメントに基づいて書かれています。

ドキュメントを読んでください

---

コンテンツ

• 動機と
• インストール
  • バッジ
  • アクセント色
• ローカリゼーション
• 貢献
  • 新しいローカライズの貢献
  • 謝辞

動機とメンテナンス

Flutterには安定したWindowsのサポートがあるため、UIガイドラインをサポートする必要があります。これは、材料とCupertinoをサポートするのと同じように、Fidelityを備えたアプリを構築する必要があります。オフカル流fluentUIサポートの詳細については、これを参照してください

参照：

• フラッター用の材料UI
• フラッター用のクパチーノUI
• フラッターのためのmacos ui

---

これはオープンソースパッケージです。つまり、誰でも貢献できることを意味します。ただし、Bdlukaaは、積極的に維持している唯一の1つであるため、プルリクエストのレビューとマージに時間がかかる場合があります。プロジェクトをサポートしたい場合は、後援者になることができます。

インストール

依存関係にパッケージを追加します。

 dependencies :
  fluent_ui : ^4.4.0

または

 dependencies :
  fluent_ui :
    git : https://github.com/bdlukaa/fluent_ui.git

最後に、Run dart pub get 。

このライブラリを使用するプロジェクトは、ゆらゆらの安定したチャネルを使用する必要があります

バッジ

アプリでこのライブラリを使用していますか？バッジを使用して他の人に伝えることができます。

次のコードをREADME.mdまたはウェブサイトに追加します。

 < a title =" Made with Fluent Design " href =" https://github.com/bdlukaa/fluent_ui " >
  < img
    src =" https://img.shields.io/badge/fluent-design-blue?style=flat-square&color=gray&labelColor=0078D7 "
  />
</ a >

---

アクセント色

一般的なコントロールは、アクセント色を使用して状態情報を伝えます。もっと詳しく知る。

デフォルトでは、アクセントの色はColors.blueです。ただし、ブランドを反映するためにアプリのアクセント色をカスタマイズすることもできます。

 FluentThemeData (
  accentColor : Colors .blue,
)

システムのアクセント色を使用するには、私が作成したプラグインシステム_Themeを使用できます:)。 （21/01/2023の時点で）Android、Web、MacOS、Windows、Xbox、Linux（GTK 3+）をサポートしています。

 import 'package:system_theme/system_theme.dart' ;

FluentThemeData (
  accentColor : SystemTheme .accentColor.accent. toAccentColor (),
)

ローカリゼーション

Fluentuiウィジェットは現在、以下を含む、幅広い言語をすぐにサポートしています。

• アラビア語（@dmakwt）
• バハサインドネシア（@ekasetiawans）
• ベラルーシ人（@superkeka）
• チェコ（@morning4coffe-dev）
• クロアチア語（@zeromolecule）
• オランダ（@h3x4d3c1m4l）
• 英語
• フランス語（@winxaito）
• ドイツ語（@larsb24）
• ギリシャ語（@pana-g）
• ヘブライ語（@yehudakremer）
• ヒンディー語（@alexmercerind）
• ハンガリー人（@redyau）
• イタリア語（@patricknicolosi）
• 日本人（@chari8）
• 韓国（@dubh3）
• マレー（@Jonsaw）
• ペルシャ（@xmine64）
• ポリッシュ（@madik7）
• ポルトガル語（@bdlukaa）
• ルーマニア（@antoniocranga）
• ロシア語（@raitonoberu）
• 単純化された中国語（@zacksleo、 @rk0cc）
• タミル（@sarankumar-ns）
• 伝統的な中国語（@zacksleo、 @rk0cc）
• タイ（@lines-of-codes）
• トルコ語（@timurturbil）
• スペイン語（@henry2man）
• ウクラニア人（@vadimbarda）
• ウルドゥー語（@sherazahmad720）
• uzbek（@bobobekturdiyev）

言語がサポートされていない場合、アプリがクラッシュする可能性があります。新しい言語のサポートを追加したり、サポートされている言語を使用したりできます。もっと詳しく知る

貢献

問題が見つかった場合や、プルリクエストを行う場合は、お気軽に提出してください。

すべての貢献は大歓迎です:)

新しいローカライズの貢献

PR＃216では、Fluentuiウィジェットの新しいローカリゼーションのサポートを追加しました。

新しいローカライズの追加を提供したい場合は、この手順に従ってください。

• レポをフォークします
• ISO 859-1コードのこのリストに従って、 lib/l10n/intl_en.arbファイルを新しい言語コードでlib/l10nフォルダーにコピーします
• 新しく作成されたファイルのコンテンツを更新します。特に、対応するISOコードで@locale値を更新してください。
• プロジェクトを実行するとコード生成が行われるか、コマンドflutter gen-l10nを実行します
• 完了したら、新しいプルリクエストを行います

Flutter公式文書のローカリゼーションの詳細

謝辞

注文に関係なく、プロジェクトに貢献してくれた以下のすべての人々に感謝します。それは私にとって大きな意味があります:)

• @HRX03 Acrylic 、 FluentIconsジェネレーター、 _FluentTextSelectionControlsの実装。
• @raitonubero ProgressBarおよびProgressRing実装
• Flutter_Acrylicプラグインの@Alexmercerind、サンプルアプリで使用されています
• window_managerプラグイン用の@LeanFlutter、アプリのサンプルで使用されています。
• @henry2manローカリゼーションサポートについて
• @klondikedragon CommandBarの実装