Flutter學習筆記07--資源管理

和包管理一樣,Flutter也使用pubspec.yaml文件來管理應用程序所需的資源

flutter:
  assets:
    - assets/my_icon.png
    - assets/background.png

加載文本assets

import 'dart:async' show Future;
import 'package:flutter/services.dart' show rootBundle;

Future<String> loadAsset() async {
  return await rootBundle.loadString('assets/config.json');
}

聲明分辨率相關的圖片assets

  • …/image.png
  • …/Mx/image.png
  • …/Nx/image.png
  • …etc.

加載圖片

Widget build(BuildContext context) {
  return new DecoratedBox(
    decoration: new BoxDecoration(
      image: new DecorationImage(
        image: new AssetImage('graphics/background.png'),
      ),
    ),
  );
}
Widget build(BuildContext context) {
  return Image.asset('graphics/background.png');
}

依賴包中的資源圖片

new AssetImage('icons/heart.png', package: 'my_icons')
new Image.asset('icons/heart.png', package: 'my_icons')

特定平臺assets

  • 設置APP圖標

Android

在Flutter項目的根目錄中,導航到.../android/app/src/main/res目錄,裏面包含了各種資源文件夾(如mipmap-hdpi已包含佔位符圖像“ic_launcher.png”)

  • 更新啓動頁

Android

要將啓動屏幕(splash screen)添加到您的Flutter應用程序, 請導航至.../android/app/src/main。在res/drawable/launch_background.xml,通過自定義drawable來實現自定義啓動界面(你也可以直接換一張圖片)。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章