Flutter字体图标管理插件flutter_glyph_kit的使用

Flutter Glyph Kit

Flutter实现的由Nothing Technology Ltd开发的Glyph-Developer-Kit插件。

开始使用

注意事项

此插件只能在Nothing Phone (1) 和 Nothing Phone (2) 上使用。

安装

在你的pubspec.yaml文件中添加以下内容：

flutter pub add flutter_glyph_kit

在你的AndroidManifest.xml文件中添加以下内容：

<!-- 在调试模式下使用以下行 -->
<meta-data android:name="NothingKey" android:value="test"/>

<!-- 在发布模式下使用以下行 -->
<meta-data android:name="NothingKey" android:value="YOUR_KEY"/>

注意

在调试模式下，你可以使用test键。但在发布模式下，你需要使用由Nothing提供的密钥。

为了在调试模式下使用插件，你还需要在终端中执行以下命令：

adb shell settings put global nt_glyph_interface_debug_enable 1

使用

该插件的使用非常简单，它提供了两个类Phone1Glyph和Phone2Glyph。

它还提供了两个枚举类型Phone1Led和Phone2Led，以帮助你使用该插件。

如果你想开发自己的实现，可以使用包含所有方法的GlyphInterfaceSdk类。

Phone1Glyph

import 'package:flutter/material.dart';
import 'package:flutter_glyph_kit/flutter_glyph_kit.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Phone 1 Glyph Example'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () async {
              final glyph = Phone1Glyph();
              await glyph.toggle(
                channels: [
                    Phone1Led.a1,
                    Phone1Led.a2,
                ]
              );
              // 这将打开A1和A2 LED灯
            },
            child: const Text('Toggle'),
          )
        ),
      ),
    );
  }
}

Phone2Glyph

import 'package:flutter/material.dart';
import 'package:flutter_glyph_kit/flutter_glyph_kit.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Phone 2 Glyph Example'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () async {
              final glyph = Phone2Glyph();
              await glyph.toggle(
                channels: [
                    Phone2Led.a1,
                    Phone2Led.a2,
                ]
              );
              // 这将打开A1和A2 LED灯
            },
            child: const Text('Toggle'),
          )
        ),
      ),
    );
  }
}

更多信息

有关SDK的更多信息，可以查看官方仓库：https://github.com/Nothing-Developer-Programme/Glyph-Developer-Kit

许可证

该项目采用MIT许可证，详情请参见LICENSE文件。

示例代码

以下是使用flutter_glyph_kit插件的示例代码：

import 'package:flutter/material.dart';
import 'package:flutter_glyph_kit/flutter_glyph_kit.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> {
  [@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(
            children: [
              ElevatedButton(
                  onPressed: () async {
                    final phone2Glyph = Phone2Glyph();
                    await phone2Glyph.toggle(
                        channels: [Phone2Led.a1, Phone2Led.a2, Phone2Led.c1_1]);
                  },
                  child: const Text('切换')),
              ElevatedButton(
                  onPressed: () async {
                    final phone2Glyph = Phone2Glyph();
                    await phone2Glyph.animate(
                      channels: [Phone2Led.a1, Phone2Led.a2, Phone2Led.c1_1],
                      duration: const Duration(seconds: 5),
                      cycles: 5,
                      intervalDuration: 10,
                    );
                  },
                  child: const Text('动画')),
              ElevatedButton(
                  onPressed: () async {
                    final phone2Glyph = Phone2Glyph();
                    await phone2Glyph.animate(
                      channels: [Phone2Led.a2, Phone2Led.c2, Phone2Led.c3],
                      duration: const Duration(milliseconds: 500),
                      cycles: 5,
                      intervalDuration: 1,
                    );
                  },
                  child: const Text('复杂动画'))
            ],
          ),
        ),
      ),
    );
  }
}