世界でフラッター完全に無料、オープンソース、フラッターは、開発者や組織の成長数で使用されています。
世界フラッタへ右折、躊躇しないでください。
1.フラッターそれは何ですか？
フラッターは、効率的な美しくアプリケーションを構築するためのマルチプラットフォームのコードベースのセットによるヘルプ開発者に、GoogleのオープンソースのUIツールキット、モバイル、ウェブ（[早期アクセス] []）、デスクトップおよび組み込みプラットフォームのサポートです。
フラッターは、ネイティブアプリケーションに匹敵する高性能を作成し、レイアウト、アイコンのスタイルを公開し、行動をスクロールする様々な異なるプラットフォームに準拠したヘルプ開発者に設計されています。これは、ギャラリーは、環境のインストールと設定でフラッターは、すぐにアプリケーションの設定を実行することが可能である、ギャラリーという名前のサンプルアプリケーション後フラッタ例です。
神社は、高品質の圧延映像、インタラクティブカード、ボタン、ドロップダウンリスト、ショッピングカートページを持っています。開発を始める前に、開発経験を移動せずに。あなたはJavaまたはJavaScript言語を使用した場合のアプリケーションは、ダーツを使用して開発された、ダートは非常に見覚えがあるでしょう。
オブジェクト指向プログラミングの経験開発する疑いの助けはしますが、でも、非プログラマはフラッタアプリケーションを作ることができます！
2.なぜフラッター？
フラッター利点は何ですか？それはあなたを助けることができます。
高性能
- （熱による過負荷）アプリケーションが実行されるコードや過負荷を変更しよう
- 修正がクラッシュして、アプリケーションがデバッグ履歴書を停止したところから、
- iOSとAndroidアプリを開発するために、単一のコードベースを使用して
- でも、単一のオペレーティング・システム上で、あなたはまた、近代的な、表現力豊かな言語と宣言的なアプローチを使用してより多くのことを行うために以下のコードを書くことができます
- 簡単にプロトタイプの繰り返し
美しい、高度にカスタマイズ可能なユーザーエクスペリエンスを生成します
- 豊富な材料設計とクパチーノ（iOSのスタイル）ウィジェットを構築するためのフラッタ枠組みでの治療から利益
- OEMウィジェットのコレクションによって制限カスタマイズされた、美しい、ブランド駆動設計、
3.コア・プリンシプル
フラッターは、近代的な応答フレームワーク、2Dレンダリングエンジン、既製のウィジェットや開発ツールが含まれています。これらのコンポーネントを使用して、設計を支援するために協力し、ビルド、テスト、およびデバッグアプリケーション。これらのすべては、いくつかの基本原則を中心に構成されています。
3.1すべてのウィジェット**
ウィジェットフラッタ・アプリケーション・ユーザ・インターフェースは、基本的なビルディングブロックは密接エンドユーザインターフェイスを表示するために、各ウィジェットに関連しているされています。ウィジェット： - 他のフレームワークとプラットフォームとは異なり、ビュー（ビュー）、ビューコントローラ（ビューコントローラ）、レイアウト（レイアウト）および他の特性は別々に、フラッタは、統合オブジェクトモデルを有します。ウィジェットを定義することができます。
- 構造要素（例えば、ボタンやメニューなど）
- （例えばフォントや配色など）スタイル要素
- （パディングなど）のレイアウトの一の局面
- などなど......
ウィジェットは、各ウィジェットは、その親ノードから、継承プロパティをネスト前記階層構造を組み合わせることによって形成されています。フラッタは、それに対応する別個の「アプリケーション」オブジェクトは、ルートウィジェットが想定されていません。
あなたは、ウィジェットの階層は、フレームを伝えることで、このようなユーザインタラクションなどのイベントに応じて相互に交換されることができます。フレームワークは、古いものと新しいウィジェットを比較し、ユーザーインターフェイスを更新します。
3.1.1組み合わせが継承よりも大きいです
ウィジェット自体は、しばしば単一の組成物を使用してウィジェット多くの小さな、から構成され、それらは強い効果を生じるように組み合わせてもよいです。例えば、Container いくつかの構成要素の配置、描画、ウィジェット位置決めおよびサイズを担う共通ウィジェット。
具体的には、容器が形成されている LimitedBox、ConstrainedBox、Align、Padding、 DecoratedBox および Transform ウィジェット組成物。
あなたは小説で他のウィジェット小型で簡単な方法と組み合わせてこれらを使用していますが、カスタムエフェクトを生成するためのコンテナをサブクラス化することはできません。クラス階層が浅く、広い多くの組合せとしてサポートすること。
また、ウィジェットの制御するために、他のウィジェットと組み合わせることができるレイアウトを。たとえば、ウィジェットを中心に、あなたはでセンターウィジェットでそれをラップすることができます。また、間隔、位置合わせ、行、列を設定するために使用され、グリッドウィジェットは、ウィジェット自体はビジュアルプレゼンテーションないレイアウト。
それどころか、彼らの唯一の目的は、別のウィジェットのレイアウトの特定の側面を制御することです。いくつかの方法で、ウィジェットの理由を理解するには、隣接するウィジェットを表示するように見える通常は便利です。
3.1.2レベルは非常においしいケーキです
一連の層から成る粗動フレーム構造は、各層が前の層の上に構築します。
上部フレームは、下部よりも頻繁に使用されるであろう。
目標は、あなたがより少ないコードで行わ得るのを助けることです。
例えば、ベース層のウィジェットのウィジェットの組み合わせによる材料層を構築し、層自体は、レンダリングレイヤ来るから低レベルのオブジェクトの組み合わせによってウィジェットです。これらのレベルは、アプリケーションを構築するための多くのオプションを提供します。式のフレーム全体、ウィジェットの使用、またはビルディングブロック層を解放する、またはミックスと一致するように、カスタムメソッドを選択してください。
あなたはフラッターが提供またはカスタムウィジェットを構築するために使用されるフレームワークを構築するのと同じツールとテクニックフラッターチームを使用して既製のウィジェットを組み合わせることができます。あなたは、生産性の高いレベルから統一されたウィジェットの概念から恩恵を受けることができるように何も下位レベルの深さで考えるあなたの能力を犠牲にすることなく、あなたの目を逃れることはできません。
3.2ビルドウィジェット
我々は改善することができる build() 機能を有する、機能ウィジェットツリー（または階層）を返し、ウィジェットの特性を定義します。このウィジェットツリーは、より具体的なことで、ユーザインタフェースの一部を表現します。
たとえば、ツールバーウィジェットは各種ボタンやテキストのレイアウトを構築するためのリターンのいくつかのレベルの関数であってもよいです。
框架会递归地去构建这些 widget 直到达到最底层 完全具象的 widgets，然后将它们拼接成一棵树。一个 widget 的构建函数应该没有副作用。
不论何时调用，widget 总应该返回一颗新的 widgets 树，不论其之前返回了什么。框架会将先前构建与当前构建仔细进行比较，并确定需要对用户界面做哪些修改。
这种自动比较非常有效，可实现高性能的交互式应用。构建函数在设计上通过专注声明 widget 的构成，而不是处理更新用户界面状态的复杂性，来达到简化代码的目的。
3.3 处理用户交互
如果一个 widget 的特性需要根据用户交互或其他因素改变，那么这个 widget 是有状态的。例如，如果一个 widget 包含一个随用户点击按钮而递增的计数器，则计数器的值便是 widget 的状态。
当该值更改时，则需要重新构建 widget 以更新 UI。这些 widget 继承自 StatefulWidget（而不是 StatelessWidget）并将它们可变的状态存储在 State 的一个子类中。
不论何时你操作一个 State 对象（例如，递增计数器），你必须调用 setState() 方法来通知框架通过重新调用 State 的构建函数，以此达到更新用户界面的目的。
有关状态管理的示例，可以查看随着任何一个新 Flutter 项目生成的 MyApp 模版。将状态与 widgets 对象分开可以让其他 widgets 以相同的方式处理无状态和有状态的 widget，而不用担心丢失状态。不同于通过维持一个子节点来保留状态，父节点可以自由地创建子节点实例，而不会丢失子节点的持久状态。框架会在适当的时候做完查找和重用现有状态对象的所有工作。
4. 试试！
既然你已熟悉 Flutter 框架的基本结构和原理，及如何构建应用并使其具有交互性，那么你已准备好开始开发与迭代了。
（1）試してみてください フラッタレイアウトベースのチュートリアル （フラッターやダーツをダウンロードする必要はありませんが）
（2）SDKのインストールフラッター（ Linuxでは、Windowsの と MacOSの ）
（3）閲覧フラッターチュートリアル（料理）
（4）いくつかのサンプルフラッターをお試しください
（5）フラッタcodelabsの一部を使用してみてください
リンク：https://flutter.cn/docs/codelabs
（6）これらのチュートリアルを試してみてくださいフラッター
（7）を見 ウィジェットプレゼンテーション文書
これらの映像技術で、（8）を見フラッター
**入门到进阶实战学习视频，关注我，私信【flutter】领取**
遂に
BATJ、パフォーマンスの最適化へのバイト鼓動インタビューのトピック、トピックアルゴリズム、ハイエンドの技術のトピック、複合用途の開発テーマ、Javaのインタビューのトピック、アンドロイド、Javaの少しの知識、。.View.OpenCV.NDKスレッドなどは私のGitHubにアップロードされています
私のGitHubのアドレスをクリックしてください：https://github.com/Meng997998/AndroidJXスターポイントの下で一緒に学びます