Flutter Telegram贴纸导入插件telegram_stickers_import的使用

发布于 1周前 作者 vueper 来自 Flutter

Flutter Telegram贴纸导入插件telegram_stickers_import的使用

TelegramStickersImport 是一个帮助用户将第三方程序生成的贴纸集导入到 Telegram Messenger 的 Flutter 插件。该插件支持 iOS 和 Android 平台。

TelegramStickersImport插件

请注意,这并不是官方插件!

请阅读完整的文档:Telegram 官方文档

警告:

每次用户导入贴纸时,都会在 Telegram 上创建一个新的贴纸包。不要 使用导入功能来与他人分享你自己制作的贴纸。如果你想要分享你的贴纸,只需上传它们并使用 @stickers 分享你的包链接。例如,这是安装一些 Duck Stickers 的链接。


安装

pubspec.yaml 文件中添加 telegram_stickers_import 依赖:

dependencies:
  telegram_stickers_import: ^latest_version

Android

无需特殊安装步骤。

iOS

Info.plist 文件中配置 LSApplicationQueriesSchemes 键,添加以下代码片段:

<key>LSApplicationQueriesSchemes</key>
<array>
  <string>tg</string>
</array>

使用

要将一个贴纸集导入 Telegram,首先创建一个贴纸集并导入它:

final stickerSet = StickerSet(
  software: "My app",
  isAnimated: true,
  stickers: stickers,
);

TelegramStickersImport.import(stickerSet);

Android

对于 Android,需要使用 StickerData.android 方法来创建贴纸数据。

要从 Android 导入贴纸,需要构建正确的文件路径。最简单的方法是将必要的文件放入 telegram_stickers_import 文件夹内的缓存目录。

可以通过调用 path_provider 插件的 getTemporaryDirectory() 方法获取缓存文件夹路径。之后,只需将贴纸文件添加到缓存目录内的 telegram_stickers_import 文件夹中。

所有必要的设置都已由插件完成,Telegram 将能够无问题地接收您的贴纸。

如果需要使用其他路径,请务必检查如何正确地在应用程序之间共享文件:Android 文件共享设置

iOS

对于 iOS,需要使用 StickerData.iOS 方法来创建贴纸数据。

要从 iOS 应用程序导入贴纸,只需将贴纸内容写入 Uint8List


示例代码

以下是完整的示例代码,演示如何在 Flutter 中使用 telegram_stickers_import 插件:

import 'dart:async';
import 'dart:io';

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:path_provider/path_provider.dart';
import 'package:telegram_stickers_import/sticker.dart';
import 'package:telegram_stickers_import/sticker_data.dart';
import 'package:telegram_stickers_import/sticker_set.dart';
import 'package:telegram_stickers_import/telegram_stickers_import.dart';

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

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

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

class _MyAppState extends State<MyApp> {
  final _stickerNames = [
    'sticker1.webp',
    'sticker2.webp',
    'sticker3.webp',
    'sticker4.webp',
    'sticker5.webp',
    'sticker6.webp',
    'sticker7.webp',
    'sticker8.webp',
    'sticker9.webp'
  ];
  final _animatedStickerNames = [
    'a_sticker1.tgs',
    'a_sticker2.tgs',
    'a_sticker3.tgs',
    'a_sticker4.tgs',
    'a_sticker5.tgs',
    'a_sticker6.tgs',
    'a_sticker7.tgs',
    'a_sticker8.tgs',
    'a_sticker9.tgs',
  ];

  final Completer _assetsCompleter = Completer();

  [@override](/user/override)
  void initState() {
    super.initState();
    _copyAssets().then((value) => _assetsCompleter.complete());
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: _appBar(),
        body: _body(),
      ),
    );
  }

  AppBar _appBar() {
    return AppBar(title: const Text('Plugin example app'));
  }

  Widget _body() {
    return Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          _importButton(),
          const SizedBox(height: 50),
          _importAnimatedButton(),
        ],
      ),
    );
  }

  Widget _importButton() {
    return ElevatedButton(
      onPressed: _onImportPressed,
      child: const Text("Import"),
    );
  }

  Widget _importAnimatedButton() {
    return ElevatedButton(
      onPressed: _onImportAnimatedPressed,
      child: const Text("Import animated"),
    );
  }

  Future<void> _onImportPressed() async {
    debugPrint("On import pressed");
    await _assetsCompleter.future;

    final stickers = [
      Sticker(
        emojis: ["☺️"],
        data: await _stickerData(_stickerNames[0]),
      ),
      Sticker(
        emojis: ["\uD83D\uDE22"],
        data: await _stickerData(_stickerNames[1]),
      ),
      // ... 其他贴纸
      Sticker(
        emojis: ["☺️"],
        data: await _stickerData(_stickerNames[8]),
      ),
    ];

    final set = StickerSet(
      software: "My app",
      isAnimated: false,
      stickers: stickers,
    );

    await TelegramStickersImport.import(set);
  }

  Future<void> _onImportAnimatedPressed() async {
    debugPrint("On import animated pressed");

    final stickers = [
      Sticker(
        emojis: ["☺️"],
        data: await _stickerData(_animatedStickerNames[0]),
      ),
      Sticker(
        emojis: ["\uD83D\uDE22"],
        data: await _stickerData(_animatedStickerNames[1]),
      ),
      // ... 其他贴纸
      Sticker(
        emojis: ["☺️"],
        data: await _stickerData(_animatedStickerNames[8]),
      ),
    ];

    final stickerSet = StickerSet(
      software: "My app",
      isAnimated: true,
      stickers: stickers,
    );

    await TelegramStickersImport.import(stickerSet);
  }

  Future<void> _copyAssets() async {
    if (defaultTargetPlatform == TargetPlatform.android) {
      final directory = await getTemporaryDirectory();
      final names = <String>{};
      names.addAll(_stickerNames);
      names.addAll(_animatedStickerNames);
      for (final name in names) {
        ByteData data = await rootBundle.load("assets/$name");
        List<int> bytes = data.buffer.asUint8List(
          data.offsetInBytes,
          data.lengthInBytes,
        );
        Directory(
          "${directory.path}/${TelegramStickersImport.androidImportFolderName}",
        ).createSync();
        await File(
          "${directory.path}/${TelegramStickersImport.androidImportFolderName}/$name",
        ).writeAsBytes(bytes);
      }
    }
  }

  Future<StickerData> _stickerData(String name) async {
    if (defaultTargetPlatform == TargetPlatform.android) {
      final directory = await getTemporaryDirectory();
      return StickerData.android(
          "${directory.path}/${TelegramStickersImport.androidImportFolderName}/$name");
    } else {
      ByteData data = await rootBundle.load("assets/$name");
      return StickerData.iOS(
        data.buffer.asUint8List(data.offsetInBytes, data.lengthInBytes),
      );
    }
  }
}

更多关于Flutter Telegram贴纸导入插件telegram_stickers_import的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter Telegram贴纸导入插件telegram_stickers_import的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然,以下是如何在Flutter项目中使用telegram_stickers_import插件来导入Telegram贴纸的一个代码示例。假设你已经添加了该插件到你的pubspec.yaml文件中。

首先,确保你的pubspec.yaml文件包含以下依赖项:

dependencies:
  flutter:
    sdk: flutter
  telegram_stickers_import: ^最新版本号  # 请替换为最新版本号

然后运行flutter pub get来安装依赖项。

接下来,在你的Flutter项目中,你需要配置和使用telegram_stickers_import插件。下面是一个简单的示例,展示了如何导入Telegram贴纸:

  1. 导入必要的包

在你的Dart文件中,导入必要的包:

import 'package:flutter/material.dart';
import 'package:telegram_stickers_import/telegram_stickers_import.dart';
  1. 创建导入贴纸的页面

创建一个按钮来触发导入贴纸的流程:

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Telegram Stickers Import Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  List<Map<String, dynamic>> stickers = [];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Telegram Stickers Import Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              onPressed: _importStickers,
              child: Text('Import Telegram Stickers'),
            ),
            Expanded(
              child: stickers.isEmpty
                  ? Center(child: Text('No stickers imported yet.'))
                  : GridView.builder(
                      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                        crossAxisCount: 3,
                        crossAxisSpacing: 4.0,
                        mainAxisSpacing: 4.0,
                      ),
                      itemCount: stickers.length,
                      itemBuilder: (context, index) {
                        Map<String, dynamic> sticker = stickers[index];
                        return Image.memory(
                          Uint8List.fromList(sticker['data']! as List<int>),
                          fit: BoxFit.cover,
                        );
                      },
                    ),
            ),
          ],
        ),
      ),
    );
  }

  Future<void> _importStickers() async {
    final result = await TelegramStickersImport.importStickers();
    if (result != null && result.isNotEmpty) {
      setState(() {
        stickers = result;
      });
    } else {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text('Failed to import stickers.')),
      );
    }
  }
}
  1. 权限配置

确保在AndroidManifest.xmlInfo.plist中添加必要的权限配置,以允许应用访问文件系统(特别是如果你需要从文件系统导入贴纸)。这通常包括读写存储权限。

对于Android,在AndroidManifest.xml中添加:

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

对于iOS,在Info.plist中添加:

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>
<key>NSPhotoLibraryAddUsageDescription</key>
<string>We need access to your photo library to import stickers.</string>
<key>NSPhotoLibraryUsageDescription</key>
<string>We need access to your photo library to import stickers.</string>

注意:实际权限请求逻辑(例如运行时权限请求)在Flutter中通常通过permission_handler等插件处理,这里为了简化示例未展示。

  1. 运行应用

现在你可以运行你的Flutter应用,点击“Import Telegram Stickers”按钮来尝试导入贴纸。如果成功,导入的贴纸将会显示在GridView中。

这个示例展示了如何使用telegram_stickers_import插件的基本流程。实际使用中,你可能需要根据具体需求进行进一步的调整和错误处理。

回到顶部