成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

一篇看懂Android與Flutter之間的通信

移動開發 Android
Flutter作為一種跨平臺解決方案,經常會作為一個模塊嵌入到原生Android與iOS應用中,Flutter與Android原生端的通信必不可少。所以本文就來講述一下Android如何與flutter進行通信。

Flutter作為一種跨平臺解決方案,經常會作為一個模塊嵌入到原生Android與iOS應用中,Flutter與Android原生端的通信必不可少。所以本文就來講述一下Android如何與flutter進行通信。

1、架構概述

消息通過平臺通道在native(host)與flutter(client)之間傳遞,如下圖所示:

一篇看懂Android與Flutter之間的通信

為了確保用戶界面能夠正確響應,消息都是以異步的方式進行傳遞。無論是native向flutter發送消息,還是flutter向native發送消息。

在flutter中,MethodChannel可以發送與方法調用相對應的消息。在native平臺上,MethodChannel在Android可以接收方法調用并返回結果。這些類可以幫助我們用很少的代碼就能開發平臺插件。

注意:本節內容來自flutter官網,讀者可自行查閱。

2、平臺通道數據類型支持和編解碼器

平臺通道可以使用提供的編解碼器對消息進行編解碼,這些編解碼器支持簡單類似JSON的值的高效二進制序列化,例如布爾值,數字,字符串,字節緩沖區以及這些的列表和映射。當你發送和接收值時,會自動對這些值進行序列化和反序列化。

下表顯示了如何在平臺端接收Dart值,反之亦然:

一篇看懂Android與Flutter之間的通信

關于編解碼器,Android端提供了以下幾種。

  1. BinaryCodec:是最簡單的一種編解碼器,其返回值類型與入參的類型相同,均為二進制格式(ByteBuffer)。由于BinaryCodec在編解碼過程中什么都沒做,只是原封不動的將二進制數據返回。所以傳遞的數據在編解碼時會免于拷貝,這種方式在傳遞的數據量比較大時很有用。比如從Android側傳入一張圖片到Flutter側顯示。
  2. StandardMessageCodec:是BasicMessageChannel的默認編解碼器,支持基礎數據類型、列表及字典等。在編碼時會先將數據寫入到ByteArrayOutputStream流中,然后再將該流中的數據寫入到ByteBuffer中。在解碼時,直接從ByteBuffer中讀取數據。
  3. StandardMethodCodec:是基于StandardMessageCodec的封裝。是MethodChannel與EventChannel的默認編解碼器。
  4. StringCodec:是用于字符串與二進制數據之間的編解碼,其編碼格式為UTF-8。在編碼時會將String轉成byte數組,然后再將該數組寫入到ByteBuffer中。在解碼時,直接從ByteBuffer中讀取數據
  5. JSONMessageCodec:內部調用StringCodec來實現編解碼。
  6. JSONMethodCodec:基于JSONMessageCodec的封裝。可以在MethodChannel與EventChannel中使用。

ByteBuffer是Nio中的一個類,顧名思義——就是一塊存儲字節的區域。它有兩個實現類——DirectByteBuffer與HeapByteBuffer,DirectByteBuffer是直接在內存中開辟了一塊區域來存儲數據,而HeapByteBuffer是在JVM堆中開辟一塊區域來存儲數據,所以要想數據在DirectByteBuffer中與HeapByteBuffer互通,就需要進行一次拷貝。

3、通信方式

前面講了Android與flutter通信的一些基礎知識,下面就進入正題,來看Android如何與flutter進行通信。

Android與Flutter之間的通信共有四種實現方式。

  1. 由于在初始化flutter頁面時會傳遞一個字符串——route,因此我們就可以拿route來做文章,傳遞自己想要傳遞的數據。該種方式僅支持單向數據傳遞且數據類型只能為字符串,無返回值。
  2. 通過EventChannel來實現,EventChannel僅支持數據單向傳遞,無返回值。
  3. 通過MethodChannel來實現,MethodChannel支持數據雙向傳遞,有返回值。
  4. 通過BasicMessageChannel來實現,BasicMessageChannel支持數據雙向傳遞,有返回值。

下面就來看一下這幾種方式的使用。

3.1、初始化時傳值

主要是利用了創建flutter頁面傳遞的route來做文章,筆者認為該種方式屬于取巧,但還是可以用來傳遞數據。它的使用很簡單,代碼如下。

首先來看Android代碼。

  1. //第三個參數可以換成我們想要字符串。 
  2. FlutterView flutterView = Flutter.createView(this, getLifecycle(), "route"); 

在flutter中,我們只需要通過下面代碼來獲取值即可。

  1. void main() => runApp(MyApp( 
  2.  initParams: window.defaultRouteName, 
  3.  )); 
  4. class MyApp extends StatelessWidget { 
  5.  final String initParams;//既是前面傳遞的值——route 
  6.  MyApp({Key key, @required this.initParams}) : super(keykey); 
  7.  @override 
  8.  Widget build(BuildContext context) {...} 

通過該種方式就可以在初始化flutter時,Android給flutter傳遞數據。由于runApp僅會調用一次,所以該種方式只能傳遞一次數據且數據只能是字符串。

  • 使用window的相關API需要導入包dart:ui

3.2、EventChannel

EventChannel是一種native向flutter發送數據的單向通信方式,flutter無法返回任何數據給native。主要用于native向flutter發送手機電量變化、網絡連接變化、陀螺儀、傳感器等。它的使用方式如下。

首先來看Android代碼。

  1. public class EventChannelPlugin implements EventChannel.StreamHandler { 
  2.  private static final String TAG = EventChannelPlugin.class.getSimpleName(); 
  3.  private EventChannel.EventSink eventSink; 
  4.  private Activity activity; 
  5.  static EventChannelPlugin registerWith(FlutterView flutterView) { 
  6.  EventChannelPlugin plugin = new EventChannelPlugin(flutterView); 
  7.  new EventChannel(flutterView, "EventChannelPlugin").setStreamHandler(plugin); 
  8.  return plugin; 
  9.  } 
  10.  private EventChannelPlugin(FlutterView flutterView) { 
  11.  this.activity = (Activity) flutterView.getContext(); 
  12.  } 
  13.  void send(Object params) { 
  14.  if (eventSink != null) { 
  15.  eventSink.success(params); 
  16.  } 
  17.  } 
  18.  void sendError(String str1, String str2, Object params) { 
  19.  if (eventSink != null) { 
  20.  eventSink.error(str1, str2, params); 
  21.  } 
  22.  } 
  23.  void cancel() { 
  24.  if (eventSink != null) { 
  25.  eventSink.endOfStream(); 
  26.  } 
  27.  } 
  28.  //第一個參數為flutter初始化EventChannel時返回的值,僅此一次 
  29.  @Override 
  30.  public void onListen(Object o, EventChannel.EventSink eventSink) { 
  31.  this.eventSink = eventSink; 
  32.  Log.i(TAG, "eventSink:" + eventSink); 
  33.  Log.i(TAG, "Object:" + o.toString()); 
  34.  Toast.makeText(activity, "onListen——obj:" + o, Toast.LENGTH_SHORT).show(); 
  35.  } 
  36.  @Override 
  37.  public void onCancel(Object o) { 
  38.  Log.i(TAG, "onCancel:" + o.toString()); 
  39.  Toast.makeText(activity, "onCancel——obj:" + o, Toast.LENGTH_SHORT).show(); 
  40.  this.eventSink = null
  41.  } 

筆者對Android端代碼做了一個簡單的封裝,還是很好理解的。下面就來看flutter代碼實現。

  1. class _MyHomePageState extends State<MyHomePage> { 
  2.  EventChannel _eventChannelPlugin = EventChannel("EventChannelPlugin"); 
  3.  StreamSubscription _streamSubscription; 
  4.  @override 
  5.  void initState() { 
  6.  _streamSubscription = _eventChannelPlugin 
  7.  //["abc", 123, "你好"]對應著Android端onListen方法的第一個參數,可不傳值 
  8.  .receiveBroadcastStream(["abc", 123, "你好"]) 
  9.  .listen(_onToDart, onError: _onToDartError, onDone: _onDone); 
  10.  super.initState(); 
  11.  } 
  12.  @override 
  13.  void dispose() { 
  14.  if (_streamSubscription != null) { 
  15.  _streamSubscription.cancel(); 
  16.  _streamSubscription = null
  17.  } 
  18.  super.dispose(); 
  19.  } 
  20.  //native端發送正常數據 
  21.  void _onToDart(message) { 
  22.  print(message); 
  23.  } 
  24.  //當native出錯時,發送的數據 
  25.  void _onToDartError(error) { 
  26.  print(error); 
  27.  } 
  28.  //當native發送數據完成時調用的方法,每一次發送完成就會調用 
  29.  void _onDone() { 
  30.  print("消息傳遞完畢"); 
  31.  } 
  32.  @override 
  33.  Widget build(BuildContext context) {...} 

上面就是通過EventChannel來進行通信的代碼實現,調用EventChannelPlugin的send方法就能給flutter發送數據。

3.3、MethodChannel

MethodChannel是一種native與flutter之間互相發送數據的通信方式,顧名思義,通過MethodChannel就能調用native與flutter中相對應的方法,該種方式有返回值。它的使用方式如下。

首先來看Android端的代碼實現。

  1. public class MethodChannelPlugin implements MethodChannel.MethodCallHandler { 
  2.  private Activity activity; 
  3.  private MethodChannel channel; 
  4.  public static MethodChannelPlugin registerWith(FlutterView flutterView) { 
  5.  MethodChannel channel = new MethodChannel(flutterView, "MethodChannelPlugin"); 
  6.  MethodChannelPlugin methodChannelPlugin = new MethodChannelPlugin((Activity) flutterView.getContext(), channel); 
  7.  channel.setMethodCallHandler(methodChannelPlugin); 
  8.  return methodChannelPlugin; 
  9.  } 
  10.  private MethodChannelPlugin(Activity activity, MethodChannel channel) { 
  11.  this.activity = activity; 
  12.  this.channel = channel; 
  13.  } 
  14.  //調用flutter端方法,無返回值 
  15.  public void invokeMethod(String method, Object o) { 
  16.  channel.invokeMethod(method, o); 
  17.  } 
  18.  //調用flutter端方法,有返回值 
  19.  public void invokeMethod(String method, Object o, MethodChannel.Result result) { 
  20.  channel.invokeMethod(method, o, result); 
  21.  } 
  22.  @Override 
  23.  public void onMethodCall(MethodCall methodCall, MethodChannel.Result result) { 
  24.  switch (methodCall.method) { 
  25.  case "send"://返回的方法名 
  26.  //給flutter端的返回值 
  27.  result.success("MethodChannelPlugin收到:" + methodCall.arguments); 
  28.  Toast.makeText(activity, methodCall.arguments + "", Toast.LENGTH_SHORT).show(); 
  29.  if (activity instanceof FlutterAppActivity) { 
  30.  ((FlutterAppActivity) activity).showContent(methodCall.arguments); 
  31.  } 
  32.  break; 
  33.  default
  34.  result.notImplemented(); 
  35.  break; 
  36.  } 
  37.  } 

筆者對Android端代碼做了一個簡單的封裝,還是很好理解的。下面就來看flutter代碼實現。

  1. class _MyHomePageState extends State<MyHomePage> { 
  2.  MethodChannel _methodChannel = MethodChannel("MethodChannelPlugin"); 
  3.  @override 
  4.  void initState() { 
  5.  _methodChannel.setMethodCallHandler((handler) => Future<String>(() { 
  6.  print("_methodChannel:${handler}"); 
  7.  //監聽native發送的方法名及參數 
  8.  switch (handler.method) { 
  9.  case "send"
  10.  _send(handler.arguments);//handler.arguments表示native傳遞的方法參數 
  11.  break; 
  12.  } 
  13.  })); 
  14.  super.initState(); 
  15.  } 
  16.  //native調用的flutter方法 
  17.  void _send(arg) { 
  18.  setState(() { 
  19.  _content = arg; 
  20.  }); 
  21.  } 
  22.  String _resultContent = ""
  23.  //flutter調用native的相應方法 
  24.  void _sendToNative() { 
  25.  Future<String> future = 
  26.  _methodChannel.invokeMethod("send", _controller.text); 
  27.  future.then((message) { 
  28.  setState(() { 
  29.  //message是native返回的數據 
  30.  _resultContent = "返回值:" + message; 
  31.  }); 
  32.  }); 
  33.  } 
  34.  @override 
  35.  Widget build(BuildContext context) {...} 

上面就是通過MethodChannel來進行通信的代碼實現。還是比較簡單的。在Android端使用只需要調用MethodChannelPlugin的invokeMethod方法即可。在flutter端使用只需要參考_sendToNative方法的實現即可。

3.4、BasicMessageChannel

BasicMessageChannel是一種能夠在native與flutter之間互相發送消息的通信方式,它支持數據類型最多,使用范圍最廣。EventChannel與MethodChannel的應用場景可以使用BasicMessageChannel來實現,但BasicMessageChannel的應用場景就不一定能夠使用EventChannel與MethodChannel來實現。該方式有返回值。它的使用方式如下。

首先來看Android代碼的實現。

  1. //這里支持的數據類型為String。 
  2. public class BasicMessageChannelPlugin implements BasicMessageChannel.MessageHandler<String> { 
  3.  private Activity activity; 
  4.  private BasicMessageChannel<String> messageChannel; 
  5.  static BasicMessageChannelPlugin registerWith(FlutterView flutterView) { 
  6.  return new BasicMessageChannelPlugin(flutterView); 
  7.  } 
  8.  private BasicMessageChannelPlugin(FlutterView flutterView) { 
  9.  this.activity = (Activity) flutterView.getContext(); 
  10.  this.messageChannel = new BasicMessageChannel<String>(flutterView, "BasicMessageChannelPlugin", StringCodec.INSTANCE); 
  11.  messageChannel.setMessageHandler(this); 
  12.  } 
  13.  @Override 
  14.  public void onMessage(String s, BasicMessageChannel.Reply<String> reply) { 
  15.  reply.reply("BasicMessageChannelPlugin收到:" + s); 
  16.  if (activity instanceof FlutterAppActivity) { 
  17.  ((FlutterAppActivity) activity).showContent(s); 
  18.  } 
  19.  } 
  20.  void send(String str, BasicMessageChannel.Reply<String> reply) { 
  21.  messageChannel.send(str, reply); 
  22.  } 

筆者對Android端代碼做了一個簡單的封裝,還是很好理解的。下面就來看flutter代碼實現。

  1. class _MyHomePageState extends State<MyHomePage> { 
  2.  //StringCodec()為編碼格式 
  3.  BasicMessageChannel<String> _basicMessageChannel = 
  4.  BasicMessageChannel("BasicMessageChannelPlugin", StringCodec()); 
  5.  @override 
  6.  void initState() { 
  7.  _basicMessageChannel.setMessageHandler((message) => Future<String>(() { 
  8.  print(message); 
  9.  //message為native傳遞的數據 
  10.  setState(() { 
  11.  _content = message; 
  12.  }); 
  13.  //給Android端的返回值 
  14.  return "收到Native消息:" + message; 
  15.  })); 
  16.  _controller = TextEditingController(); 
  17.  super.initState(); 
  18.  } 
  19.  //向native發送消息 
  20.  void _sendToNative() { 
  21.  Future<String> future = _basicMessageChannel.send(_controller.text); 
  22.  future.then((message) { 
  23.  _resultContent = "返回值:" + message; 
  24.  }); 
  25.  } 
  26.  @override 
  27.  Widget build(BuildContext context) {...} 

上面就是通過BasicMessageChannel來進行通信的代碼實現。在Android端只需要調用BasicMessageChannelPlugin的send方法就可以向flutter發送數據,BasicMessageChannel.Reply是返回值的回調方法。在flutter端使用只需要參考_sendToNative方法的實現即可。

4、通信原理

從分析Android與Flutter通信的源碼來看,實現還是比較簡單的,都是以ByteBuffer為數據載體,然后通過BinaryMessenger來發送與接收數據。整體設計如下。

一篇看懂Android與Flutter之間的通信

從圖中可以看出,Android側與flutter側采用了相同的設計。前面說過通信時是異步進行的,那么線程切換在哪?其實是在系統底層實現的。在Android與Flutter通信中,系統底層屏蔽了線程切換、數據拷貝等大量復雜操作。使得Android側與flutter側能方便的來進行通信。

在Android側,BinaryMessenger是一個接口,在FlutterView中實現了該接口,在BinaryMessenger的方法中通過JNI來與系統底層溝通。在Flutter側,BinaryMessenger是一個類,該類的作用就是與類window溝通,而類window才真正與系統底層溝通。

5、總結

在Android與Flutter混合開發模式下,相互之間通信的場景肯定不會少。了解Android與Flutter之間通信的各種方式及使用,有助于選用合理的方式來實現。

最后

如果你看到了這里,覺得文章寫得不錯就給個贊唄?如果你覺得那里值得改進的,請給我留言。一定會認真查詢,修正不足。謝謝。

責任編輯:未麗燕 來源: 今日頭條
相關推薦

2021-05-27 05:24:21

云計算數據網絡

2015-11-12 10:40:43

2019-04-17 15:16:00

Sparkshuffle算法

2021-04-09 08:40:51

網絡保險網絡安全網絡風險

2024-06-25 08:18:55

2014-08-08 15:22:20

2024-02-22 17:15:22

JS垃圾回收機制

2024-01-09 12:06:55

MVCC并發控制MySQL

2015-03-17 10:26:23

2020-04-14 20:40:58

Git內部存儲

2025-06-05 08:15:00

Linux故障排查運維

2022-07-19 19:39:05

RTK技術定位技術

2020-11-20 10:15:05

TensorFlow

2018-01-09 20:35:11

Swift編程語言

2022-05-29 09:14:22

Web主頁WCAG

2017-11-06 10:17:41

CIO信息化安全

2023-03-13 21:38:08

TCP數據IP地址

2021-05-14 16:34:12

Semaphore原理

2022-02-11 08:45:28

通信協議CAN

2021-07-02 08:51:28

Vite線程項目
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 日韩在线视频精品 | 午夜ww | 天天色综| 国产日韩欧美 | 91动漫在线观看 | 日本中文在线 | 久热电影 | 国产日韩欧美综合 | 亚洲综合色视频在线观看 | 国产精品视频网 | 91精品国产91| 国产精品地址 | 成人精品久久日伦片大全免费 | 97人人澡人人爽91综合色 | 欧美天堂在线 | 久日精品 | 夜夜艹 | 亚洲精品中文在线观看 | 一区二区三区国产好的精 | 北条麻妃一区二区三区在线视频 | 国产在线精品一区二区三区 | 精品1区2区 | 无码日韩精品一区二区免费 | 亚洲一区二区三区在线视频 | 久久午夜精品福利一区二区 | 丁香婷婷久久久综合精品国产 | 成人精品一区二区三区中文字幕 | 激情91| 精品国产乱码久久久久久果冻传媒 | 99热这里都是精品 | 久久精品中文字幕 | 黑人巨大精品欧美一区二区免费 | 精品国产一区一区二区三亚瑟 | 动漫www.被爆羞羞av44 | 欧美精品一二三 | 99久久久99久久国产片鸭王 | 天天看天天干 | 亚洲精品免费视频 | 日韩免费电影 | 日韩精品一区二区三区视频播放 | 新疆少妇videos高潮 |