Flutter开发之——IOSView

铁佛  金牌会员 | 2024-8-25 06:09:12 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题

主题 787|帖子 787|积分 2361

init(messenger:FlutterBinaryMessenger) {
self.messenger = messenger
super.init()
}
func create(withFrame frame: CGRect, viewIdentifier viewId: Int64, arguments args: Any?) -> FlutterPlatformView {
return MyFlutterView(frame,viewID: viewId,args: args,messenger: messenger)
}
func createArgsCodec() -> FlutterMessageCodec & NSObjectProtocol {
return FlutterStandardMessageCodec.sharedInstance()
}
}
3.4 在 AppDelegate 中注册

import UIKit
import Flutter
@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
override func application(
_ application: UIApplication,
didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
) -> Bool {
GeneratedPluginRegistrant.register(with: self)
let registrar:FlutterPluginRegistrar = self.registrar(forPlugin: “plugins.flutter.io/custom_platform_view_plugin”)!
let factory = MyFlutterViewFactory(messenger: registrar.messenger())
registrar.register(factory, withId: “plugins.flutter.io/custom_platform_view”)
return super.application(application, didFinishLaunchingWithOptions: launchOptions)
}
}
说明:


  • plugins.flutter.io/custom_platform_view ,这个字符串在 Flutter 中需要与其保持一致
3.5 编辑Flutter页面

在Intellij页面中编辑main.dart
import ‘package:flutter/foundation.dart’;
import ‘package:flutter/material.dart’;
void main() {
runApp(PlatformViewDemo());
}
class PlatformViewDemo extends StatelessWidget {
@override
Widget build(BuildContext context) {
Widget? platformView() {
if (defaultTargetPlatform == TargetPlatform.android) {
return AndroidView(
viewType: ‘plugins.flutter.io/custom_platform_view’,
);
} else if (defaultTargetPlatform == TargetPlatform.iOS) {
return UiKitView(
viewType: ‘plugins.flutter.io/custom_platform_view’,
);
}
}
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text(“Platform”),
),
body: Center(
child: platformView(),
),
),
);
}
}

3.6 结果图


四 Flutter中嵌入IOS自定义View时设置初始化参数

4.1 Flutter 端修改如下

UiKitView(
viewType: ‘plugins.flutter.io/custom_platform_view’,
creationParams: {‘text’: ‘Flutter传给IOSTextView的参数’},
creationParamsCodec: StandardMessageCodec(),
)


  • creationParams :通报的参数,插件可以将此参数通报给 AndroidView 的构造函数。
  • creationParamsCodec :将 creationParams 编码后再发送给平台侧,它应该与通报给构造函数的编解码器匹配。值的范围
  • StandardMessageCodec
  • JSONMessageCodec
  • StringCodec
  • BinaryCodec
4.2 IOS自定义View担当参数

import Foundation
import Flutter
class MyFlutterView: NSObject,FlutterPlatformView {
let label = UILabel()
init(_ frame: CGRect,viewID: Int64,args :Any?,messenger :FlutterBinaryMessenger) {
super.init()
if(args is NSDictionary){
let dict = args as! NSDictionary
label.text = dict.value(forKey: “text”) as! String
}
}
func view() -> UIView {
return label
}
}
4.3 结果图


五 Flutter 向 iOS View 发送消息

5.1 Flutter 端,创建 MethodChannel 用于通讯(Intellij端修改)

import ‘package:flutter/foundation.dart’;
import ‘package:flutter/material.dart’;
import ‘package:flutter/services.dart’;
void main() {
runApp(PlatformViewDemo());
}
class PlatformViewDemo extends StatefulWidget {
@override
_PlatformViewDemoState createState() => _PlatformViewDemoState();
}
class _PlatformViewDemoState extends State {
static const platform =
const MethodChannel(‘com.example.flutterios.MyFlutterView’);
@override
Widget build(BuildContext context) {
Widget? platformView() {
if (defaultTargetPlatform == TargetPlatform.android) {
return AndroidView(
viewType: ‘plugins.flutter.io/custom_platform_view’,
creationParams: {‘text’: ‘Flutter传给AndroidTextView的参数’},
creationParamsCodec: StandardMessageCodec(),
);
} else if (defaultTargetPlatform == TargetPlatform.iOS) {
return UiKitView(
viewType: ‘plugins.flutter.io/custom_platform_view’,
creationParams: {‘text’: ‘Flutter传给IOSTextView的参数’},
creationParamsCodec: StandardMessageCodec(),
);
}
}
return MaterialApp(
home: Scaffold(
appBar: AppBar(),
body: Column(children: [
RaisedButton(
child: Text(‘通报参数给原生View’),
onPressed: () {
platform.invokeMethod(‘setText’, {‘name’: ‘张三’, ‘age’: 18});
},
),
Expanded(child: Center(child: platformView())),
]),
),
);
}
}
说明:


  • com.example.flutterios.MyFlutterView:是IOS端端自定义View路径,与IOS端MethodChannel端保持一致
5.2 IOS原生View 中也创建一个 MethodChannel 用于通讯(Xcode)

import Foundation
import Flutter
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里不停到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己探索发展或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学结果低效又漫长,而且极易碰到天花板技能停滞不前!
因此收集整理了一份《2024年Android移动开发全套学习资料》,初志也很简单,就是盼望可以或许帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。





既有适合小白学习的零基础资料,也有适合3年以上履历的小伙伴深入学习提升的进阶课程,根本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比力大,这里只是将部门目录截图出来,每个节点内里都包罗大厂面经、学习条记、源码讲义、实战项目、讲授视频,而且会连续更新!
假如你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)
结语



  • 现在随着短视频,抖音,快手的盛行NDK模块开发也显得越发重要,需要这块人才的企业也越来越多,随之学习这块的人也变多了,音视频的开发,往往是比力难的,而这个比力难的技能就是NDK内里的技能。
  • 音视频/高清大图片/人工智能/直播/抖音等等这年与用户最精密,与我们生存最相干的技能不停都在探求终极的技能落地平台,从前是windows体系,而现在则是移动体系了,移动体系中又是以Android占比绝大部门为前提,所以AndroidNDK技能已经是我们必备技能了。
  • 要学习好NDK,其中的关于C/C++,jni,Linux基础都是需要学习的,除此之外,音视频的编解码技能,流媒体协议,ffmpeg这些都是音视频开发必备技能,而且
  • OpenCV/OpenGl/这些又是图像处理必备知识,下面这些我都是当年自己搜集的资料和做的一些图,因为当年我就感觉视频这块会是一个大的趋势。所以提前做了一些准备。现在拿出来分享给大家。


《互联网大厂口试真题剖析、进阶开发焦点学习条记、全套讲授视频、实战项目源码讲义》点击传送门即可获取!
则是移动体系了,移动体系中又是以Android占比绝大部门为前提,所以AndroidNDK技能已经是我们必备技能了。


  • 要学习好NDK,其中的关于C/C++,jni,Linux基础都是需要学习的,除此之外,音视频的编解码技能,流媒体协议,ffmpeg这些都是音视频开发必备技能,而且
  • OpenCV/OpenGl/这些又是图像处理必备知识,下面这些我都是当年自己搜集的资料和做的一些图,因为当年我就感觉视频这块会是一个大的趋势。所以提前做了一些准备。现在拿出来分享给大家。
[外链图片转存中…(img-VuWLwmMJ-1713317913432)]
[外链图片转存中…(img-6n5hBxoF-1713317913433)]
《互联网大厂口试真题剖析、进阶开发焦点学习条记、全套讲授视频、实战项目源码讲义》点击传送门即可获取!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

铁佛

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表