创建完成后的目录如图所示，其中example是测试工程，用来测试我们写的插件。lib目录下的文件，就是需要具体实现的。
flutter_plugin_platform_interface.dart文件就是我们定义接口的地方，flutter_plugin_method_channel.dart是对应Andoid、IOS的文件，flutter_plugin_web.dart是对应web平台。
Android、IOS平台要分别实现flutter_plugin_platform_interface.dart定义的方法。这里以Android和Web为例，实现接口中的方法。
1、在android目录上点击右键，选择Flutter菜单下的Open Android module in Android Studio
2、打开后的界面如下
我们主要在FlutterPlugin这个文件的onMethodCall方法中做具体实现
1、在flutter_plugin_platform_interface.dart类中增加方法
Future<String?> hello(){
throw UnimplementedError('hello() has not been implemented.');
}
2、在flutter_plugin_method_channel.dart类中实现上面的方法
@override
Future<String?> hello() async {
final msg = await methodChannel.invokeMethod<String>('hello');
return msg;
}
3、在flutter_plugin.dart中调用
Future<String?> hello() {
return FlutterPluginPlatform.instance.hello();
}
4、Android端实现
FlutterPlugin.kt
override fun onMethodCall(@NonNull call: MethodCall, @NonNull result: Result) {
when (call.method) {
"getPlatformVersion" -> {
result.success("Android ${android.os.Build.VERSION.RELEASE}")
}
"hello" -> {
result.success("Android invoke==>hello()")
}
else -> {
result.notImplemented()
}
}
}
5、在Example中测试
main.dart
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'dart:async';
import 'package:flutter/services.dart';
import 'package:flutter_plugin/flutter_plugin.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatefulWidget {
const MyApp({super.key});
@override
State<MyApp> createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
String _platformVersion = 'Unknown';
String? _msg;
final _flutterPlugin = FlutterPlugin();
@override
void initState() {
super.initState();
initPlatformState();
}
// Platform messages are asynchronous, so we initialize in an async method.
Future<void> initPlatformState() async {
String platformVersion;
// Platform messages may fail, so we use a try/catch PlatformException.
// We also handle the message potentially returning null.
try {
platformVersion = await _flutterPlugin.getPlatformVersion() ?? 'Unknown platform version';
} on PlatformException {
platformVersion = 'Failed to get platform version.';
}
// If the widget was removed from the tree while the asynchronous platform
// message was in flight, we want to discard the reply rather than calling
// setState to update our non-existent appearance.
if (!mounted) return;
setState(() {
_platformVersion = platformVersion;
});
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Plugin example app'),
),
body: Center(
child: Column(
children: [
Text('Running on: $_platformVersion\n'),
Text('msg: ${_msg ?? ""}\n'),
ElevatedButton(
onPressed: () async {
var msg = await _flutterPlugin.hello();
if (kDebugMode) {
print('msg from android:$msg');
setState(() {
_msg = msg;
});
}
},
child: const Text("调用hello")),
],
),
),
),
);
}
}
6、测试结果
可以看出，成功调用到了Android端的方法
1、在flutter_plugin_platform_interface.dart类中增加方法
Future<String?> hi(String message){
throw UnimplementedError('hi() has not been implemented.');
}
2、在flutter_plugin_method_channel.dart类中实现上面的方法
@override
Future<String?> hi(String message) async {
Map<String, dynamic> param = <String, dynamic>{};
param["message"] = message;
final msg = await methodChannel.invokeMethod<String>('hi', param);
return msg;
}
3、在flutter_plugin.dart中调用
Future<String?> hi(String message) {
return FlutterPluginPlatform.instance.hi(message);
}
4、Android端实现
FlutterPlugin.kt
override fun onMethodCall(@NonNull call: MethodCall, @NonNull result: Result) {
when (call.method) {
"getPlatformVersion" -> {
result.success("Android ${android.os.Build.VERSION.RELEASE}")
}
"hello" -> {
result.success("Android invoke==>hello()")
}
"hi" -> {
val param = call.arguments as Map<String, String>
result.success("Android invoke==>hi(${param["message"]})")
}
else -> {
result.notImplemented()
}
}
}
5、在Example中测试
main.dart
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Plugin example app'),
),
body: Center(
child: Column(
children: [
Text('Running on: $_platformVersion\n'),
Text('msg: ${_msg ?? ""}\n'),
ElevatedButton(
onPressed: () async {
var msg = await _flutterPlugin.hello();
if (kDebugMode) {
print('msg from android:$msg');
setState(() {
_msg = msg;
});
}
},
child: const Text("调用hello")),
ElevatedButton(
onPressed: () async {
var msg = await _flutterPlugin.hi("hi");
if (kDebugMode) {
print('msg from android:$msg');
setState(() {
_msg = msg;
});
}
},
child: const Text("调用hi(msg)")),
],
),
),
),
);
}
1、在flutter_plugin_platform_interface.dart类中增加方法
Future<String?> hey(String message){
throw UnimplementedError('hey() has not been implemented.');
}
2、在flutter_plugin_method_channel.dart类中实现上面的方法
@override
Future<String?> hey(String message) async {
Map<String, dynamic> param = <String, dynamic>{};
param["message"] = message;
final msg =
await methodChannel.invokeMethod<Map<dynamic, dynamic>>('hey', param);
return msg?["message"];
}
3、在flutter_plugin.dart中调用
Future<String?> hey(String message) {
return FlutterPluginPlatform.instance.hey(message);
}
4、Android端实现
FlutterPlugin.kt
override fun onMethodCall(@NonNull call: MethodCall, @NonNull result: Result) {
when (call.method) {
"getPlatformVersion" -> {
result.success("Android ${android.os.Build.VERSION.RELEASE}")
}
"hello" -> {
result.success("Android invoke==>hello()")
}
"hi" -> {
val param = call.arguments as Map<String, String>
result.success("Android invoke==>hi(${param["message"]})")
}
"hey" -> {
val param = call.arguments as Map<String, String>
val response = mutableMapOf<String, String>()
response["message"] = "Android invoke==>hey(${param["message"]})"
result.success(response)
}
else -> {
result.notImplemented()
}
}
}
5、在Example中测试
main.dart
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Plugin example app'),
),
body: Center(
child: Column(
children: [
Text('Running on: $_platformVersion\n'),
Text('msg: ${_msg ?? ""}\n'),
ElevatedButton(
onPressed: () async {
var msg = await _flutterPlugin.hello();
if (kDebugMode) {
print('msg from android:$msg');
setState(() {
_msg = msg;
});
}
},
child: const Text("调用hello")),
ElevatedButton(
onPressed: () async {
var msg = await _flutterPlugin.hi("hi");
if (kDebugMode) {
print('msg from android:$msg');
setState(() {
_msg = msg;
});
}
},
child: const Text("调用hi(msg)")),
ElevatedButton(
onPressed: () async {
var msg = await _flutterPlugin.hey("hey");
if (kDebugMode) {
print('msg from android:$msg');
setState(() {
_msg = msg;
});
}
},
child: const Text("调用hey(msg)")),
],
),
),
),
);
}
1、在flutter_plugin_platform_interface.dart类中增加方法
Future<String?> event(){
throw UnimplementedError('event() has not been implemented.');
}
2、在flutter_plugin_method_channel.dart类中实现上面的方法
late StreamSubscription<dynamic> _eventSubscription;
MethodChannelFlutterPlugin() {
_initEvent();
}
void _initEvent() {
_eventSubscription = _eventChannel()
.receiveBroadcastStream()
.listen((event) {
final Map<dynamic,dynamic> map = event;
switch(map["event"]){
case "demoEvent":{
String message = map["message"];
if (kDebugMode) {
print("demo event:$message");
}
}
}
}, onDone: () {}, onError: (err) {
final PlatformException e = err;
throw e;
});
}
EventChannel _eventChannel() {
return const EventChannel("flutter_plugin_demo_event");
}
@override
Future<String?> event() async{
final msg =
await methodChannel.invokeMethod<Map<dynamic, dynamic>>('event');
return msg?["message"];
}
3、在flutter_plugin.dart中调用
Future<String?> event() {
return FlutterPluginPlatform.instance.event();
}
4、Android端实现
FlutterPlugin.kt
// 事件派发对象
private var eventSink: (EventChannel.EventSink)? = null
// 事件流
private val streamHandler = object : EventChannel.StreamHandler {
override fun onListen(arguments: Any?, events: EventChannel.EventSink?) {
eventSink = events
}
override fun onCancel(arguments: Any?) {
eventSink = null
}
}
override fun onAttachedToEngine(@NonNull flutterPluginBinding: FlutterPlugin.FlutterPluginBinding) {
channel = MethodChannel(flutterPluginBinding.binaryMessenger, "flutter_plugin_demo")
channel.setMethodCallHandler(this)
//初始化事件
val eventChannel =
EventChannel(flutterPluginBinding.binaryMessenger, "flutter_plugin_demo_event")
eventChannel.setStreamHandler(streamHandler)
}
override fun onMethodCall(@NonNull call: MethodCall, @NonNull result: Result) {
when (call.method) {
"getPlatformVersion" -> {
result.success("Android ${android.os.Build.VERSION.RELEASE}")
}
"hello" -> {
result.success("Android invoke==>hello()")
}
"hi" -> {
val param = call.arguments as Map<String, String>
result.success("Android invoke==>hi(${param["message"]})")
}
"hey" -> {
val param = call.arguments as Map<String, String>
val response = mutableMapOf<String, String>()
response["message"] = "Android invoke==>hey(${param["message"]})"
result.success(response)
}
"event" -> {
if (eventSink != null) {
val response = mutableMapOf<String, String>()
response["event"] = "demoEvent"
response["message"] = "Android invoke==>event"
eventSink?.success(response)
}
val response = mutableMapOf<String, String>()
response["message"] = "Android invoke==>event"
result.success(response)
}
else -> {
result.notImplemented()
}
}
}
5、在Example中测试
main.dart
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Plugin example app'),
),
body: Center(
child: Column(
children: [
Text('Running on: $_platformVersion\n'),
Text('msg: ${_msg ?? ""}\n'),
ElevatedButton(
onPressed: () async {
var msg = await _flutterPlugin.hello();
if (kDebugMode) {
print('msg from android:$msg');
setState(() {
_msg = msg;
});
}
},
child: const Text("调用hello")),
ElevatedButton(
onPressed: () async {
var msg = await _flutterPlugin.hi("hi");
if (kDebugMode) {
print('msg from android:$msg');
setState(() {
_msg = msg;
});
}
},
child: const Text("调用hi(msg)")),
ElevatedButton(
onPressed: () async {
var msg = await _flutterPlugin.hey("hey");
if (kDebugMode) {
print('msg from android:$msg');
setState(() {
_msg = msg;
});
}
},
child: const Text("调用hey(msg)")),
ElevatedButton(
onPressed: () async {
var msg = await _flutterPlugin.event();
if (kDebugMode) {
print('msg from android:$msg');
setState(() {
_msg = msg;
});
}
},
child: const Text("调用event()")),
],
),
),
),
);
}
1、在flutter_plugin_platform_interface.dart类中增加方法
Future<String?> alert(String message){
throw UnimplementedError('alert() has not been implemented.');
}
2、在项目根目录下新增assets文件夹，然后增加plugin.css，plugin.js文件，在plugin.js文件里加入以下代码
function showAlert(msg) {
alert(msg);
}
3、在pubspec.yaml中增加以下配置
assets:
- assets/
4、在flutter_plugin_web.dart类中实现上面的方法
FlutterPluginWeb(){
injectCssAndJSLibraries();
}
@override
Future<String?> alert(String message) {
_showAlert(msg: message);
return Future(() => message);
}
/// [injectCssAndJSLibraries] which add the JS and CSS files into DOM
Future<void> injectCssAndJSLibraries() async {
final List<Future<void>> loading = <Future<void>>[];
final List<html.HtmlElement> tags = <html.HtmlElement>[];
final html.LinkElement css = html.LinkElement()
..id = 'plugin-css'
..attributes = {"rel": "stylesheet"}
..href = 'assets/packages/flutter_plugin/assets/plugin.css';
tags.add(css);
final html.ScriptElement script = html.ScriptElement()
..async = true
..src = "assets/packages/flutter_plugin/assets/plugin.js";
loading.add(script.onLoad.first);
tags.add(script);
html.querySelector('head')!.children.addAll(tags);
await Future.wait(loading);
}
_showAlert({String msg = ""}) {
_insertAlertJs(msg);
}
_insertAlertJs(String msg) {
String m = msg.replaceAll("'", "\\'").replaceAll("\n", "<br />");
html.Element? ele = html.querySelector("#alert-js");
String content = """
showAlert('$m');
""";
if (html.querySelector("#alert-js") != null) {
ele!.remove();
}
final html.ScriptElement scriptText = html.ScriptElement()
..id = "alert-js"
..innerHtml = content;
html.querySelector('head')!.children.add(scriptText);
}
5、在flutter_plugin.dart中调用
Future<String?> alert(String message) {
return FlutterPluginPlatform.instance.alert(message);
}
6、在Example中测试
main.dart
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Plugin example app'),
),
body: Center(
child: Column(
children: [
//...
ElevatedButton(
onPressed: () async {
var msg =
await _flutterPlugin.alert("hello,web!");
if (kDebugMode) {
print('msg from web:$msg');
setState(() {
_msg = msg;
});
}
},
child: const Text("调用alert()")),
],
),
),
),
);
}
1、在flutter_plugin_platform_interface.dart类中增加方法
Future<bool?> copy(String message){
throw UnimplementedError('copy() has not been implemented.');
}
2、在plugin.js文件里加入以下代码
function copy(msg) {
const input = document.getElementById('input_cp');
// 选择需要复制的文本
input.focus();
if (input.setSelectionRange) {
input.setSelectionRange(0, input.value.length);
} else {
input.select();
}
try {
const result = document.execCommand('copy');
} catch (e) {
console.err("复制失败，请重试~");
}
// 让输入框失去焦点
input.blur();
// 让移动端的输入键盘自动收回
document.activeElement.blur();
}
3、在plugin.css文件中加入以下代码
.main {
position: relative;
}
.input_wrap {
position: absolute;
top: 0;
left: 0;
width: 1px;
opacity: 0;
overflow: hidden;
user-select: none;
}
.input_wrap input {
width: 1px;
resize: none;
border: none;
outline: none;
user-select: none;
color: transparent;
background: transparent;
}
4、在flutter_plugin_web.dart类中实现上面的方法
@override
Future<bool?> copy(String message) {
_copy(msg: message);
return Future(() => true);
}
_copy({String msg = ""}) {
_insertCopyHtml(msg);
_insertCopyJs(msg);
}
_insertCopyHtml(String msg) {
String m = msg.replaceAll("'", "\\'").replaceAll("\n", "<br />");
html.Element? ele = html.querySelector("#copy-html");
String content = """
<div class="input_wrap">
<input id="input_cp" type="text" readonly="true" value='$m'>
</div>
""";
if (html.querySelector("#copy-html") != null) {
ele!.remove();
}
final html.BodyElement scriptText = html.BodyElement()
..id = "copy-html"
..innerHtml = content;
html.querySelector('body')!.children.add(scriptText);
}
_insertCopyJs(String msg) {
String m = msg.replaceAll("'", "\\'").replaceAll("\n", "<br />");
html.Element? ele = html.querySelector("#copy-js");
String content = """
copy('$m');
""";
if (html.querySelector("#copy-js") != null) {
ele!.remove();
}
final html.ScriptElement scriptText = html.ScriptElement()
..id = "copy-js"
..innerHtml = content;
html.querySelector('head')!.children.add(scriptText);
}
5、在flutter_plugin.dart中调用
Future<bool?> copy(String message) {
return FlutterPluginDemoPlatform.instance.copy(message);
}
6、在Example中测试
main.dart
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Plugin example app'),
),
body: Center(
child: Column(
children: [
//...
ElevatedButton(
onPressed: () async {
var result =
await _flutterPlugin.copy("hello,web!!!");
if (kDebugMode) {
print('copy result:$result');
setState(() {
_msg = "copy result:$result";
});
}
},
child: const Text("调用copy()"))
],
),
),
),
);
}
我正在编写一个包含C扩展的gem。通常当我写一个gem时，我会遵循TDD的过程，我会写一个失败的规范，然后处理代码直到它通过，等等......在“ext/mygem/mygem.c”中我的C扩展和在gemspec的“扩展”中配置的有效extconf.rb，如何运行我的规范并仍然加载我的C扩展？当我更改C代码时，我需要采取哪些步骤来重新编译代码？这可能是个愚蠢的问题，但是从我的gem的开发源代码树中输入“bundleinstall”不会构建任何native扩展。当我手动运行rubyext/mygem/extconf.rb时，我确实得到了一个Makefile(在整个项目的根目录中)，然后当
我已经在Sinatra上创建了应用程序，它代表了一个简单的API。我想在生产和开发上进行部署。我想在部署时选择，是开发还是生产，一些方法的逻辑应该改变，这取决于部署类型。是否有任何想法，如何完成以及解决此问题的一些示例。例子:我有代码get'/api/test'doreturn"Itisdev"end但是在部署到生产环境之后我想在运行/api/test之后看到ItisPROD如何实现？ 最佳答案 根据SinatraDocumentation:EnvironmentscanbesetthroughtheRACK_ENVenvironm
有没有办法在这个简单的get方法中添加超时选项？我正在使用法拉第3.3。Faraday.get(url)四处寻找，我只能先发起连接后应用超时选项，然后应用超时选项。或者有什么简单的方法？这就是我现在正在做的:conn=Faraday.newresponse=conn.getdo|req|req.urlurlreq.options.timeout=2#2secondsend 最佳答案 试试这个:conn=Faraday.newdo|conn|conn.options.timeout=20endresponse=conn.get(url
我们的git存储库中目前有一个Gemfile。但是，有一个gem我只在我的环境中本地使用(我的团队不使用它)。为了使用它，我必须将它添加到我们的Gemfile中，但每次我checkout到我们的master/dev主分支时，由于与跟踪的gemfile冲突，我必须删除它。我想要的是类似Gemfile.local的东西，它将继承从Gemfile导入的gems，但也允许在那里导入新的gems以供使用只有我的机器。此文件将在.gitignore中被忽略。这可能吗？ 最佳答案 设置BUNDLE_GEMFILE环境变量:BUNDLE_GEMFI
这似乎非常适得其反，因为太多的gem会在window上破裂。我一直在处理很多mysql和ruby-mysqlgem问题(gem本身发生段错误，一个名为UnixSocket的类显然在Windows机器上不能正常工作，等等)。我只是在浪费时间吗？我应该转向不同的脚本语言吗？ 最佳答案 我在Windows上使用Ruby的经验很少，但是当我开始使用Ruby时，我是在Windows上，我的总体印象是它不是Windows原生系统。因此，在主要使用Windows多年之后，开始使用Ruby促使我切换回原来的系统Unix，这次是Linux。Rub
我想在Ruby中创建一个用于开发目的的极其简单的Web服务器(不，不想使用现成的解决方案)。代码如下:#!/usr/bin/rubyrequire'socket'server=TCPServer.new('127.0.0.1',8080)whileconnection=server.acceptheaders=[]length=0whileline=connection.getsheaders想法是从命令行运行这个脚本，提供另一个脚本，它将在其标准输入上获取请求，并在其标准输出上返回完整的响应。到目前为止一切顺利，但事实证明这真的很脆弱，因为它在第二个请求上中断并出现错误:/usr/b
我正在玩HTML5视频并且在ERB中有以下片段:mp4视频从在我的开发环境中运行的服务器很好地流式传输到chrome。然而firefox显示带有海报图像的视频播放器，但带有一个大X。问题似乎是mongrel不确定ogv扩展的mime类型，并且只返回text/plain，如curl所示:$curl-Ihttp://0.0.0.0:3000/pr6.ogvHTTP/1.1200OKConnection:closeDate:Mon,19Apr201012:33:50GMTLast-Modified:Sun,18Apr201012:46:07GMTContent-Type:text/plain
我意识到这可能是一个非常基本的问题，但我现在已经花了几天时间回过头来解决这个问题，但出于某种原因，Google就是没有帮助我。(我认为部分问题在于我是一个初学者，我不知道该问什么......)我也看过O'Reilly的RubyCookbook和RailsAPI，但我仍然停留在这个问题上.我找到了一些关于多态关系的信息，但它似乎不是我需要的(尽管如果我错了请告诉我)。我正在尝试调整MichaelHartl'stutorial创建一个包含用户、文章和评论的博客应用程序(不使用脚手架)。我希望评论既属于用户又属于文章。我的主要问题是:我不知道如何将当前文章的ID放入评论Controller。
无论您是想搭建桌面端、WEB端或者移动端APP应用，HOOPSPlatform组件都可以为您提供弹性的3D集成架构，同时，由工业领域3D技术专家组成的HOOPS技术团队也能为您提供技术支持服务。如果您的客户期望有一种在多个平台（桌面/WEB/APP，而且某些客户端是“瘦”客户端）快速、方便地将数据接入到3D应用系统的解决方案，并且当访问数据时，在各个平台上的性能和用户体验保持一致，HOOPSPlatform将帮助您完成。利用HOOPSPlatform，您可以开发在任何环境下的3D基础应用架构。HOOPSPlatform可以帮您打造3D创新型产品，HOOPSSDK包含的技术有：快速且准确的CAD
我的工作要求我为某些测试自动生成电子邮件。我一直在四处寻找，但未能找到可以快速实现的合理解决方案。它需要在outlook而不是其他邮件服务器中，因为我们有一些奇怪的身份验证规则，我们需要保存草稿而不是仅仅发送邮件的选项。显然win32ole可以做到这一点，但我找不到任何相当简单的例子。 最佳答案 假设存储了Outlook凭据并且您设置为自动登录到Outlook，WIN32OLE可以很好地完成此操作:require'win32ole'outlook=WIN32OLE.new('Outlook.Application')message=