iOS使用核心的50行代码撸一个路由组件

分类：iOS作者：编程之家用户

使用组件化是为了解耦处理，多个模块之间通过协议进行交互。而负责解析协议，找到目的控制器，或者是返回对象给调用者的这个组件就是路由组件。本文讲解如何使用核心的50行代码实现一个路由组件。

  • 组件化和路由

  • 路由的实现

路由注册实现
路由使用实现

  • 客户端的使用

  • 一些小想法

组件化和路由

之前看过挺多的关于路由管理、路由处理的文章，常常会和组件化出现在一起，一开始不知道为何路由和组件化出现在一起，后来公司的项目中使用了路由组件（他本身也是一个组件，确切的说是一个中间人或者中介者），才突然想明白了，原来如此。

使用组件化是为了解耦处理，多个模块之间通过协议进行交互。而负责解析协议，找到目的控制器，或者是返回对象给调用者的这个组件就是路由组件。

路由组件的职责主要是：

  • 给注册者提供注册接口

注册者传递path和path对应的block，block的具体实现又注册者自己处理

  • 给调用者提供使用接口

调用者最简单可以传递一个path给路由组件发起调用，路由组件会把具体的处理转发给注册者，理论上是可以任意的操作，包括页面跳转、弹窗提示、返回一个值给调用者等

下面会会在以上分析的基础上实现一个简单的路由组件，对应的代码可以在YTRouterDemo这里找到

路由的实现

路由的实现包括两部分：路由注册实现以及路由使用实现

路由注册实现

路由注册实现时序图：

iOS使用核心的50行代码撸一个路由组件


如上图所示，步骤很简单：

  • 初始化一个YTRouterActionObject对象，用于保存path和对应的blok
  • 获取到路径对应的节点，path会使用"/"符拆分为多个pathItem，每个pathItem都会保存在一个Dictionary对应的位置上，subRouterMapWithPath负责深度遍历Dictionary，然后找到对应的位置
  • 把YTRouterActionObject对象保存在上一步找到的位置中

以上步骤对应的代码如下：

- (void)registerPath:(NSString *)path actionBlock:(RouterActionBlock)actionBlock {
 YTRouterActionObject *actionObject = [YTRouterActionObject new];
 actionObject.path = path;
 actionObject.actionBlock = actionBlock;
 NSMutableDictionary *subRouter = [self subRouterMapWithPath:path];
 subRouter[YTRouterActionObjectKey] = actionObject;
}
- (NSMutableDictionary *)subRouterMapWithPath:(NSString *)path {
 NSArray *components = [path componentsSeparatedByString:@"/"];
 NSMutableDictionary *subRouter = self.routerMap;
 for (NSString *component in components) {
  if (component.length == 0) {
   continue;
  }
  if (!subRouter[component]) {
   subRouter[component] = [NSMutableDictionary new];
  }
  subRouter = subRouter[component];
 }
 return subRouter;
}

在Demo中注册的几个路由最终的配置如下，比如home/messagelist对应的路由配置保存在<YTRouterActionObject: 0x6040000365e0>对象中

Printing description of self->_routerMap:
{
 home =  {
  "_" = "<YTRouterActionObject: 0x60c00003b040>";
  messagelist =   {
   "_" = "<YTRouterActionObject: 0x6040000365e0>";
   detail =    {
    "_" = "<YTRouterActionObject: 0x600000038ec0>";
   };
   getmessage =    {
    "_" = "<YTRouterActionObject: 0x600000038e80>";
   };
  };
 };
}

路由使用实现

路由使用实现时序图：

iOS使用核心的50行代码撸一个路由组件


如上图所示，步骤很简单：

从注册的配置中找到匹配的YTRouterActionObject对象

执行YTRouterActionObject对象的actionBlock，会传递一个YTRouterActionCallbackObject对象，如果调用者需要的是返回值，可以使用YTRouterActionCallbackObject对象的actionCallbackBlock传递一个返回值，这个actionBlock是又业务方的注册者实现的

以上步骤对应的代码如下：

- (BOOL)runWithActionCallbackObject:(YTRouterActionCallbackObject *)actionCallbackObject {
 // 判断是否支持scheme
 if (![self canAcceptScheme:actionCallbackObject.uri.scheme]) {
  return NO;
 }
 // 获取path对应的ActionObject
 YTRouterActionObject *actionObject = [self actionObjectWithPath:actionCallbackObject.uri.path];
 // 执行Path注册的对应Block
 !actionObject.actionBlock ?: actionObject.actionBlock(actionCallbackObject);
 return YES;
}
- (YTRouterActionObject *)actionObjectWithPath:(NSString *)path {
 NSMutableDictionary *subRouter = [self subRouterMapWithPath:path];
 return subRouter[YTRouterActionObjectKey];
}

客户端的使用

以上讲到了核心的路由注册实现和路由使用实现，总共代码还没有50行，所以还是很简单的，接下来会讲下客户端的使用步骤，包括

  • 客户端注册者注册
  • 客户端调用者使用

客户端注册者注册

注册的时机需要比较找，考虑到集成的方便，选择在load方法中处理路由注册，如下代码所示，添加了几个测试的路由，分两种情况来说明下使用

1、不需要返回值

如下注册"home/messagelist"的是一个页面跳转的路由，actionBlock的参数是一个YTRouterActionCallbackObject对象，可以从YTRouterActionCallbackObject对象或者到参数，关于如何传递值，会在下面的客户端调用者使用这里讲到。然后在actionBlock处理目的页面的初始化、参数设置等步骤，然后执行页面跳转。

2、需要返回值

如下注册"home/messagelist/getmessage"的是一个提供返回值的路由，同样也可以从YTRouterActionCallbackObject对象获取参数，另外YTRouterActionCallbackObject对象还有一个actionCallbackBlock属性是专门处理返回参数给调用者的，如下的代码只是简单返回一个字符串，在更加具体的业务场景中，这里会设置接口调用、数据库查询等任务，最后把结果返回。

@implementation ModuleAUriRegister
+ (void)load {
 [[YTRouterManager sharedRouterManager] registerPath:@"home/messagelist" actionBlock:^(YTRouterActionCallbackObject *callbackObject) {
  MessageListViewController *messageListVC = [MessageListViewController new];
  NSString *title = callbackObject.uri.params[@"title"];
  messageListVC.title = title;
  [[UIViewController yt_currentViewControlloer].navigationController pushViewController:messageListVC animated:YES];;
 }];
 [[YTRouterManager sharedRouterManager] registerPath:@"home/" actionBlock:^(YTRouterActionCallbackObject *callbackObject) {
 }];
 [[YTRouterManager sharedRouterManager] registerPath:@"home/messagelist/detail" actionBlock:^(YTRouterActionCallbackObject *callbackObject) {
 }];
 [[YTRouterManager sharedRouterManager] registerPath:@"home/messagelist/getmessage" actionBlock:^(YTRouterActionCallbackObject *callbackObject) {
  // 内容回调
  !callbackObject.actionCallbackBlock ?: callbackObject.actionCallbackBlock(@"message content text demo");
 }];
}
@end

客户端调用者使用

1、简单的path跳转调用

使用YTRouterManager单例对象的runWithPath方法，传递一个注册的path参数完成跳转。

[self addActionWithTitle:@"Router页面跳转" detailText:@"home/messagelist" callback:^{
 [[YTRouterManager sharedRouterManager] runWithPath:@"home/messagelist"];
}];

2、使用URL调用和有URL参数的调用

使用YTRouterManager单例对象的runWithURLString方法，传递一个完整的包含了scheme/path，或者有参数的会才有参数的URL，比如"YTRouter://home/messagelist" 和 "YTRouter://home/messagelist?title=Hello Message" ，路由组件会解析出里面的scheme、path、params，进行scheme过滤处理、path查询YTRouterActionObject对象处理、参数传递处理。

[self addActionWithTitle:@"Router使用URL调用" detailText:@"YTRouter://home/messagelist" callback:^{
 [[YTRouterManager sharedRouterManager] runWithURLString:@"YTRouter://home/messagelist"];
}];
[self addActionWithTitle:@"Router使用带参数的URL调用" detailText:@"YTRouter://home/messagelist?title=Hello Message" callback:^{
 [[YTRouterManager sharedRouterManager] runWithURLString:@"YTRouter://home/messagelist?title=Hello Message"];
}];

效果如下图所示：

iOS使用核心的50行代码撸一个路由组件


效果图

3、简单的path跳转调用

使用YTRouterManager单例对象的runWithActionCallbackObject方法，传递一个YTRouterActionCallbackObject类型的参数，设置YTRouterActionCallbackObject对象的uri和结果回调actionCallbackBlock参数，在actionCallbackBlock中处理返回值。

[self addActionWithTitle:@"Router获取返回值" detailText:@"home/messagelist/getmessage" callback:^{
 __block id message = nil;
 YTRouterActionCallbackObject *actionCallbackObject = [YTRouterActionCallbackObject new];
 actionCallbackObject.uri = [[YTUri alloc] initWithPath:@"home/messagelist/getmessage"];
 actionCallbackObject.actionCallbackBlock = ^(id result) {
  message = result;
 };
 [[YTRouterManager sharedRouterManager] runWithActionCallbackObject:actionCallbackObject];

 NSLog(@"message = %@",message);
}];

一些小想法

  • load方法中注册path对性能有一定的影响，如果这里会成为性能瓶颈，考虑把这部分分代码放在对象方法中初始化，比如主模块发送消息给各个模块，然后在各个模块中处理注册
  • YTRouterActionObject 如果需要更高的细嫩，可以考虑把path参数解析为components进行缓存，这是一种以空间换时间的策略为了提高查找的效率，使用Dictionary而不是数组保存RouterActionObject
  • 为了提高查找的效率，使用Dictionary而不是数组保存RouterActionObject

总结

以上所述是小编给大家介绍的iOS使用核心的50行代码撸一个路由组件，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

组件组件

相关推荐

10个常见的苹果iOS16问题及解决方法
当我们远离最新的 iOS 16 更新版本时，我们听到了困扰 Apple 最新软件的错误和性能问题。
怎么激活苹果手机？苹果手机激活步骤详解
欧版/美版 特别说一下，美版选错了 可能会永久丧失4G，不过只有5%的概率会遇到选择运营商界面且部分必须连接到iTunes才可以激活
借助辅助工具appuploader iOS应用上架流程
一般在接外包的时候, 通常第三方需要安装你的app进行测试(这时候你的app肯定是还没传到app store之前)。
Flutter中实现整个App变为灰色
前言为了让更多的人永远记住12月13日，各大厂都在这一天将应用变灰了。那么接下来我们看一下Flutter是如何实现的。Flutter中实现整个App变为灰色在Flutter中实现整个App变为灰色是非常简单的，只需要在最外层的控件上包裹ColorFiltered，用法如下：ColorFiltered（颜色过滤器）看名字就知道是增加颜色滤镜效果的，ColorFiltered( colorFilter:ColorFilter.mode(Colors.grey, BlendMode.
【Cocos creator】Cocos creator介绍和入门
Cocos creator介绍和入门
Vue3使用axios的配置教程详解
vue3.0 axios封装
flutter升级/版本切换
flutter升级/版本切换
【C++入门】文件流fstream介绍和使用
(1)在C++11标准时，open函数的文件路径可以传char指针也可以传string指针，而在C++98标准，open函数的文件路径只能传char指针；(2)open函数的第二个参数是打开文件的模式，从函数定义可以看出，如果调用open函数时省略mode模式参数，则默认按照可读可写(ios_base:in | ios_base::out)的方式打开；(3)打开文件时的mode的模式是从内存的角度来定义的，比如：in表示可读，就是从文件读数据往内存读写；out表示可写，就是把内存数据写到文件中；
iOS App页面置灰
文章目录方法一：分别将图片和文字置灰UIImage转成灰度图UIColor转成灰度颜色方法二：给App整体添加灰色滤镜参考App页面置灰，本质是将彩色图像转换为灰度图像，本文提供两种方法实现，一种是App整体置灰，一种是单个页面置灰，可结合具体的业务场景使用。方法一：分别将图片和文字置灰一般情况下，App页面的颜色深度是24bit，也就是RGB各8bit；如果算上Alpha通道的话就是32bit，RGBA(或者ARGB)各8bit。灰度图像的颜色深度是8bit，这8bit表示的颜色不是彩色，而是256
iOS黑(灰)白化实现方案---记录
领导让调研下黑(灰)白化实现方案，自己调研了两天，根据网上资料，做下记录只是学习过程中的记录，还是写作者牛逼
让学前端不再害怕英语单词二
让学前端不再害怕英语单词（二），通过本文，可以对css，js和es6的单词进行了在逻辑上和联想上的记忆，让初学者更快的上手前端代码
电视剧里的代码真能运行吗？
用Python送你一颗跳动的爱心
在uni-app的app项目中使用live-pusher实现人脸识别
在uni-app项目中实现人脸识别，既使用uni-app中的live-pusher开启摄像头，创建直播推流。通过快照截取和压缩图片，以base64格式发往后端。
vue支付项目-APP微信支付功能
商户APP调用微信提供的SDK调用微信支付模块，商户APP会跳转到微信中完成支付，支付完后跳回到商户APP内，最后展示支付结果。CSDN前端领域优质创作者，资深前端开发工程师，专注前端开发，在CSDN总结工作中遇到的问题或者问题解决方法以及对新技术的分享，欢迎咨询交流，共同学习。），验证通过打开选择支付方式弹窗页面，选择微信支付或者支付宝支付；4.可取消支付，放弃支付会返回会员页面，页面提示支付取消；2.判断支付方式，如果是1，则是微信支付方式。1.判断是否在微信内支付，需要在微信外支付。
U3D热更新技术
iOS修改ipa并重新签名打包
Mac命令行修改ipa并重新签名打包
UniApp 在 iOS 16 下真机自定义基座调试指南，可解决模拟器无法输出调试日志问题
首先在 iOS 设备中打开开发者模式。位于：设置 - 隐私&安全 - 开发者模式（需重启）
IOS开发之——Undefined symbol:_OBJC_CLASS
一 现象导入MBProgressHUD显示信息时，出现如下异常现象Undefined symbols for architecture x86_64: "_OBJC_CLASS_$_MBProgressHUD", referenced from: objc-class-ref in ViewController.old: symbol(s) not found for architecture x86_64clang: error: linker command failed wit
uni-app开发App上架Apple Store流程简略版
Profiles >> 加号添加 >> Distribution >> "App Store" >> 选择 2.1 创建的App ID >> 选择绑定 2.3 的发布证书（.cer）>> 输入描述文件名称 >> Generate 生成描述文件 >> Download。Certificates >> 加号添加 >> "App Store and Ad Hoc" >> “Choose File...” >> 选择上一步生成的证书请求文件 >> Continue >> Download。
Unity 分享 功能 用Unity Native Share Plugin 实现链接、图片、视频等文件的分享+ 安卓 Ios 都可以，代码图文详解
今天有需求，要实现的功能大致如下：在安卓和ios端实现分享功能可以分享链接，图片，文字，视频，文件，等欢迎大佬多多来给萌新指正，欢迎大家来共同探讨。如果各位看官觉得文章有点点帮助，跪求各位给点个“一键三连”，谢啦~声明：本博文章若非特殊注明皆为原创原文链接。
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot