Flutter字体元数据获取插件font_metadata的使用

Flutter字体元数据获取插件font_metadata的使用

font_metadata 是一个用于获取 .ttf 和 .otf 文件元数据的 Flutter 插件。

开始使用

这个项目是一个用于 Flutter 的插件包，它包含 Android 和/或 iOS 平台特定的实现代码。

如果您刚刚开始学习 Flutter 开发，可以查看 官方文档，其中提供了教程、示例、移动开发指南以及完整的 API 参考。

发布提示

如果使用 ProGuard，请务必在 proguard-rules.pro 文件中添加以下规则：

-keep class org.apache.fontbox.ttf.** { *; }
-keep class org.apache.commons.logging.** { *; }

完整示例

下面是一个完整的示例，演示了如何使用 font_metadata 插件来获取字体文件的名称。

import 'dart:io';

import 'package:file_picker/file_picker.dart';
import 'package:flutter/material.dart';
import 'dart:async';

import 'package:flutter/services.dart';
import 'package:font_metadata/font_metadata.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _fontName = '未知'; // 初始化字体名称为 "未知"

  [@override](/user/override)
  void initState() {
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              OutlinedButton(
                onPressed: () async {
                  // 打开文件选择器
                  FilePickerResult? result =
                      await FilePicker.platform.pickFiles(type: FileType.any);
                  if (result != null) {
                    File file = File(result.files.single.path!);
                    String extension =
                        (file.path.split('.').last).toLowerCase();
                    if (extension == 'ttf' || extension == 'otf') {
                      if (mounted) {
                        // 创建 FontMetadata 对象并获取字体名称
                        FontMetadata fontMetadata =
                            FontMetadata(FontFileSource(path: Platform.isIOS ? result.files.single.identifier! : file.path));

                        _fontName = await fontMetadata.getFontName() ?? "";
                        setState(() {}); // 更新 UI
                      }
                    }
                  }
                },
                child: const Text("选择字体文件"),
              ),
              Text("字体名称: $_fontName") // 显示字体名称
            ],
          ),
        ),
      ),
    );
  }
}

代码说明

1. 导入必要的库：

   import 'dart:io';
   import 'package:file_picker/file_picker.dart';
   import 'package:flutter/material.dart';
   import 'dart:async';
   import 'package:flutter/services.dart';
   import 'package:font_metadata/font_metadata.dart';
   

2. 创建主应用类 MyApp：

   class MyApp extends StatefulWidget {
     const MyApp({super.key});
   
     [@override](/user/override)
     State<MyApp> createState() => _MyAppState();
   }
   

3. 初始化状态类 _MyAppState：

   class _MyAppState extends State<MyApp> {
     String _fontName = '未知'; // 初始化字体名称为 "未知"
   
     [@override](/user/override)
     void initState() {
       super.initState();
     }
   

4. 构建应用界面：

   [@override](/user/override)
   Widget build(BuildContext context) {
     return MaterialApp(
       home: Scaffold(
         appBar: AppBar(
           title: const Text('插件示例应用'),
         ),
         body: Center(
           child: Column(
             mainAxisAlignment: MainAxisAlignment.center,
             crossAxisAlignment: CrossAxisAlignment.center,
             children: [
               OutlinedButton(
                 onPressed: () async {
                   // 打开文件选择器
                   FilePickerResult? result =
                       await FilePicker.platform.pickFiles(type: FileType.any);
                   if (result != null) {
                     File file = File(result.files.single.path!);
                     String extension =
                         (file.path.split('.').last).toLowerCase();
                     if (extension == 'ttf' || extension == 'otf') {
                       if (mounted) {
                         // 创建 FontMetadata 对象并获取字体名称
                         FontMetadata fontMetadata =
                             FontMetadata(FontFileSource(path: Platform.isIOS ? result.files.single.identifier! : file.path));
   
                         _fontName = await fontMetadata.getFontName() ?? "";
                         setState(() {}); // 更新 UI
                       }
                     }
                   }
                 },
                 child: const Text("选择字体文件"),
               ),
               Text("字体名称: $_fontName") // 显示字体名称
             ],
           ),
         ),
       ),
     );
   }