ディレクトリ
フラッター学習()
フラッター学習(II)-FlutterGo学習
コンセプト
フラッタでは、ほとんどすべてのアライメント(位置合わせ)、パディング(パディング)とレイアウト(レイアウト)を含む、ウィジェットです。ウィジェットの主な仕事は、他の下位レベルのウィジェットに応じて自分自身を表示する方法を説明するためのビルド()メソッドを提供することです。
応答におけるフラッタスタイルのフレームワーク、(SETSTATEを呼び出し)UIの更新をもたらす、状態オブジェクトのビルド()メソッドをトリガします
pubspec.yamlプロファイルの説明
AndroidManifest.xmlに、Gradleのプロファイルで同様のアンドロイドの開発、ルートディレクトリにpubspec.yamlファイルがフラッターフラッタープロジェクトの設定ファイルです。
そこが開発中のモバイルプロファイルがありますが、違いがまだ大きくなっています。
フラッターで、そこのGradleファイルのAndroidフラッタープロジェクトフォルダ内のファイルが、唯一のあなたは、関連する必要なプラットフォーム依存性を追加するときに、これらのファイルを使用していますが。そうしないと、フラッター外部依存関係のためpubspec.yamlステートメントを使用する必要があります。
プロフィール
#name很重要,如果修改了name所有的dart的文件的import前引用的本地的文件啊的包名都需要修改
name: flutterdemo
description: A new Flutter application.
dependencies:
flutter:
sdk: flutter
#添加依赖packages ^表示适配和当前大版本一致的版本,~表示适配和当前小版本一致的版本
cupertino_icons: ^0.1.2
english_words: ^3.1.0
# image_picker: ^0.4.8
dev_dependencies:
flutter_test:
sdk: flutter
#启用国际化
flutter_localizations:
sdk: flutter
#定义常量
#数组
server:
- aaaaaa
- bbbbbb
- dddddd
#常量
age: 22 # int
boolitem: true #定义一个boolean值
name: 'hello' #定义一个string
flutter:
# The following line ensures that the Material Icons font is
# included with your application, so that you can use the icons in
# the material Icons class.
uses-material-design: true
# To add assets to your application, add an assets section, like this:
#添加资源,不单单是图片,images是个和pubspec.yaml配置文件同级的目录,如果不同级,需要添加..
assets:
- images/park.jpg
- images/lake.jpg
- images/touxiang.jpg
# - images/a_dot_burr.jpeg
# - images/a_dot_ham.jpeg
#字体设置
fonts:
- family: Schyler
fonts:
- asset: fonts/Schyler-Regular.ttf
- asset: fonts/Schyler-Italic.ttf
style: italic
- family: Trajan Pro
fonts:
- asset: fonts/TrajanPro.ttf
- asset: fonts/TrajanPro_Bold.ttf
weight: 700
名前:これはパッケージ名と呼ばれるべきです。
変更したコンフィギュレーションファイル名(flutterdemo -flutterdemo111)場合は、ローカルファイルのパッケージ次元の参照は修正する必要があります。import「パッケージ:flutterdemo / FourPage.dartを 」;
:グラフィックアセットの導入
資産:アプリケーション資産を識別するために必要なリソースを導入//画像は、フラッター資産が資産バンドルと呼ばれる特別なアーカイブの中に任意のフォルダに置かれていることができ、それが可能である画像、テキスト、およびその他のリソース。
- images/park.jpg
- images/lake.jpg
異なるサイズのリソース文言の写真:
…/my_icon.png
…/2.0x/my_icon.png
…/3.0x/my_icon.png
テキストは読みます:
import 'package:flutter/services.dart' show rootBundle;
Future<String> loadAsset() async {
//读取文件是的路径,就是assets下配置的
return await rootBundle.loadString('assets/config.json');
}
使用画像:
//图片路径的配置
new AssetImage('graphics/background.png'),
:絵の負荷依存性
役割の//設定名は、あなたが他の外部パッケージの下のリソースを読み取るために必要
new AssetImage('icons/heart.png', package: 'my_icons')
:ここでは、アプリケーションの独自のアイコンを更新する方法、唯一のアンドロイド、イオス独自の仕様に応じて更新する必要がある
フォント:サポートフォント設定は、カスタムフォントを使用することができます。
設定方法:
- family: Schyler
fonts:
- asset: fonts/Schyler-Regular.ttf
- asset: fonts/Schyler-Italic.ttf
style: italic
使用します。
style: new TextStyle( fontFamily: 'Schyler', fontSize: 24.0, ),
国際化を有効にする、materialDesign:
flutter_localizations:
sdk: flutter
flutter:
uses-material-design: true