forked from lxm_flutter/FlutterUnit
71 lines
2.2 KiB
Dart
71 lines
2.2 KiB
Dart
import 'dart:io';
|
||
import 'dart:typed_data';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter/rendering.dart';
|
||
import 'package:path_provider/path_provider.dart';
|
||
import 'dart:ui' as ui;
|
||
import 'node1_base.dart';
|
||
|
||
/// create by 张风捷特烈 on 2020/7/22
|
||
/// contact me by email 1981462002@qq.com
|
||
/// 说明:
|
||
// {
|
||
// "widgetId": 264,
|
||
// "name": "保存Widget成为图片",
|
||
// "priority": 2,
|
||
// "subtitle": "通过RenderRepaintBoundary可以获取子组件的Image信息，从而获取字节保存为图片文件。",
|
||
// }
|
||
|
||
class RepaintBoundarySave extends StatelessWidget {
|
||
final GlobalKey _globalKey = GlobalKey();
|
||
|
||
RepaintBoundarySave({Key? key}) : super(key: key);
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Stack(
|
||
children: [
|
||
RepaintBoundary(
|
||
key: _globalKey,
|
||
child: const TempPlayBezier3Page(),
|
||
),
|
||
Positioned(right: -10, child: _buildButton3(context))
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildButton3(context) => MaterialButton(
|
||
child: const Icon(
|
||
Icons.save_alt,
|
||
size: 15,
|
||
color: Colors.white,
|
||
),
|
||
color: Colors.green,
|
||
shape: const CircleBorder(
|
||
side: BorderSide(width: 2.0, color: Color(0xFFDFDFDF)),
|
||
),
|
||
onPressed: () async {
|
||
Uint8List? bits = await _widget2Image(_globalKey);
|
||
Directory dir = await getApplicationSupportDirectory();
|
||
File file = File(dir.path + "/save_img.png");
|
||
if(bits==null) return;
|
||
var f = await file.writeAsBytes(bits);
|
||
Scaffold.of(context).showSnackBar(SnackBar(
|
||
backgroundColor: Theme.of(context).primaryColor,
|
||
content: Text('保存成功后! 路径为:${f.path}'),
|
||
));
|
||
});
|
||
|
||
Future<Uint8List?> _widget2Image(GlobalKey key) async {
|
||
RenderObject? boundary = key.currentContext?.findRenderObject();
|
||
if(boundary==null || boundary is! RenderRepaintBoundary) return null;
|
||
|
||
//获得 ui.image
|
||
ui.Image img = await boundary.toImage();
|
||
//获取图片字节
|
||
var byteData = await img.toByteData(format: ui.ImageByteFormat.png);
|
||
Uint8List? bits = byteData?.buffer.asUint8List();
|
||
return bits;
|
||
}
|
||
}
|