- 标准编辑器: freezed数据模型 + 5Tab工具栏 + 多图层管理 + 文字增强 + 背景系统 + 导出链路 - 迷你编辑器: 极简6项功能(文字/字号/颜色/背景/预览/导出) + 三种调用方式(全屏/半屏/内嵌) - 共享组件: GlassSlider/ColorPicker/FontPicker/TipsView - 服务层: ExportService/ImageImportService/FontService/XycardService - 设计系统: 统一主题令牌 + Liquid Glass风格
3.0 KiB
3.0 KiB
如何使用Flutter与OpenHarmony通信 FlutterChannel
本文介绍在Flutter OpenHarmony化工程中,如何使用 Flutter Channel 能力。
以下是关键实现代码,完整的demo请参考 channel_demo。
MethodChannel
dart代码:
// 创建实例
final _platform = const MethodChannel('samples.flutter.dev/battery');
// 调用方法 getBatteryLevel
final result = await _platform.invokeMethod<int>('getBatteryLevel');
ets代码:
onAttachedToEngine(binding: FlutterPluginBinding): void {
let that = this;
// 创建实例
this.channel = new MethodChannel(binding.getBinaryMessenger(), "samples.flutter.dev/battery");
// 设置回调,调用具体的实现
this.channel.setMethodCallHandler({
onMethodCall(call: MethodCall, result: MethodResult) {
switch (call.method) {
case "getBatteryLevel":
that.api.getBatteryLevel(result);
break;
default:
result.notImplemented();
break;
}
}
})
}
BasicMessageChannel
dart代码:
int count = 0;
// 创建实例
final _basicChannel = const BasicMessageChannel(
"samples.flutter.dev/basic_channel", StandardMessageCodec());
// 调用方法,获取平台侧的返回值
String result = await _basicChannel.send(++count) as String;
ets代码:
onAttachedToEngine(binding: FlutterPluginBinding): void {
// 创建实例
this.basicChannel = new BasicMessageChannel(binding.getBinaryMessenger(), "samples.flutter.dev/basic_channel", new StandardMessageCodec());
// 设置回调,调用具体的实现
this.basicChannel.setMessageHandler({
onMessage(message: Any, reply: Reply<Any>) {
Log.i(TAG, "message=" + message);
if (message % 2 == 0) {
reply.reply("run with if case.");
} else {
reply.reply("run with else case");
}
}
})
}
EventChannel
dart代码:
// 创建实例
final _eventChannel = const EventChannel('samples.flutter.dev/event_channel');
// 注册事件监听
_eventChannel.receiveBroadcastStream().listen((event) {
setState(() {
message = "EventChannel event=$event";
});
});
ets代码:
private eventSink?: EventSink;
onAttachedToEngine(binding: FlutterPluginBinding): void {
let that = this;
// 创建实例
this.eventChannel = new EventChannel(binding.getBinaryMessenger(), "samples.flutter.dev/event_channel");
// 设置回调,获取EventSink
this.eventChannel.setStreamHandler({
onListen(args: Any, events: EventSink): void {
that.eventSink = events;
Log.i(TAG, "onListen: " + args);
},
onCancel(args: Any): void {
that.eventSink = undefined;
Log.i(TAG, "onCancel: " + args);
}
});
}
// ...
// 使用 EventSink 发送数据后,dart断的事件监听回调会收到发送的数据。
that.eventSink?.success("Success at " + new Date());