iOS开发笔记之七十三——基于状态机的页面构建方案

最新推荐文章于 2023-07-27 16:21:22 发布

iOS猎人笔记

最新推荐文章于 2023-07-27 16:21:22 发布

阅读量1w

点赞数

分类专栏： iOS移动开发文章标签： GKStateMachine 页面构建状态机生命周期 GKState

本文链接：https://blog.csdn.net/lizitao/article/details/81055648

版权

iOS移动开发专栏收录该内容

98 篇文章 7 订阅

订阅专栏

******阅读完此文，大概需要20分钟******

一、简介

在美团点评时，页面基本都是列表页、详情页这类页面，所以以UIScollView/UITableView这类可以进行信息平铺的手段搭建页面为主。我之前也输出过这种页面的一种方案iOS开发笔记之六十四——基于UIView模块化组件方案_iOS开发笔记-CSDN博客，这种基于模块化，可以横向或者纵向平铺展示的方案还有很多。然而，原来的这种方案在Vivavideo这种工具类产品家族中，发挥的余地不是很理想。大家可以看下，这种工具类的一个典型的页面：

从上面的截图可以看出，工具类的这种编辑页下面有三种tab，每种tab下面又有很多的工具集合，如果你用传统的做法，无怪乎就是每种工具做一次addSubview，用到时做一次present的操作展示出来，你会发现，如果这样，你的VC会膨胀到你无法想象的地步。

所以，在此基础上，我们探索出了一种状态机进行页面构建的方案，我们采取了GameplayKit中的GKStateMachine进行管理的，当然也可以自己做一套状态机进行管理。如果使用GKStateMachine去管理页面，是可以享受到它带给你一些便利的，例如以下几个操作：

- (BOOL)canEnterState:(Class)stateClass;

- (BOOL)enterState:(Class)stateClass;

以及GKState类的几种state生命周期的几个操作：

- (void)didEnterWithPreviousState:(nullable GKState *)previousState;

- (void)willExitWithNextState:(GKState *)nextState;

当你进入/退出一种状态时，都会有相应的回调；注意，这是iOS 9之后才有的。

在此基础上，我抽象出了一层基类，代码地址在这里，GitHub - Leon0206/MDStatePageKit: this is my statemachine page solution.，这只是1.0版本，后续还会不断迭代。

二、MDStatePageKit原理

1、树形结构管理状态机

每一个状态，犹如树形结构中的一个节点，它会有父状态、兄弟状态集合、子状态集合，如下图：

它有以下几个特征，

（1）一个状态有唯一的父状态（fatherState）；

（2）一个状态可以有多个兄弟状态（brotherStates），兄弟状态之间可以随便切换；

（3）一个状态可以有多个子状态（childStates），父状态可以进入自己的子状态，子状态也可以返回父状态；

这些都已经体现在抽象出的基本状态单元类BaseViewState中：

@interface MDBaseViewState : GKState

@property (nonatomic, strong) UIView *fatherView;

@property (nonatomic, strong) UIView *contentView;

@property (nonatomic, strong) GKState *fatherState;

@property (nonatomic, strong) GKStateMachine *childStates;

@property (nonatomic, strong) GKStateMachine *brotherStates;

@end

每个状态都持有父状态的view，便于自己的contentView的布局与展示；

2、子状态的管理

当进入某一状态时（didEnterWithPreviousState:），才会去load它对应的子状态和兄弟状态；当离开某一状态时，此状态下的view也会被remove：

- (void)didEnterWithPreviousState:(MDBaseViewState *)preState
{
    NSLog(@"did enter the state: %@",self.name);
    [self.fatherView addSubview:self.contentView];
    [self loadChildStates];
    [self freeChildStates:preState];
}

/*
 前一个状态节点的子状态以及contentView实时释放，从而可以及时
 释放部分内存，尽可能做到内存轻量化
*/
- (void)freeChildStates:(MDBaseViewState *)preState
{
    preState.childStates = nil;
}

- (void)willExitWithNextState:(MDBaseViewState *)nextState
{
    NSLog(@"will exit the state: %@",self.name);
    [_contentView removeFromSuperview];
    _contentView = nil;
}

当然，使用者在这也可以去扩展

3、抽象基类BaseStateViewController对状态的管理

默认进入一个VC时，它是的父状态是空或者空状态（BaseZeroViewState），它的兄弟状态集合也是空（使用者可以自己扩展）；

而它的子状态，需要使用者VC实现childViewStates方法，如下：

- (NSArray *)childViewStates
{
    return @[
             @"MDHopeZeroState",
             @"MDHopeFirstState",
             @"MDHopeSecondState",
             @"MDHopeThirdState",
             ];
}

基类会在viewdidload时加载属于自己的子状态，与此同时，每个子状态之间又互为兄弟状态，所以每个子状态的兄弟状态也在此时进行了初始化，如下：

- (void)loadChildStates
{
    NSMutableArray *viewStates = [NSMutableArray array];
    for (NSString *obj in [self childViewStates]) {
        Class class = NSClassFromString(obj);
        if (!class) continue;
        MDBaseViewState *state = [[class alloc]init];
        state.fatherView = self.view;
        state.commonDataBoard = self.commonDataBoard;
        [viewStates addObject:state];
    }
    self.childStates = [GKStateMachine stateMachineWithStates:viewStates];
    //对于每种状态，它的子状态之间，互为兄弟状态
    for (MDBaseViewState *state in viewStates) {
        state.brotherStates = self.childStates;
    }
}

3、使用实例

下载GitHub - Leon0206/MDStatePageKit: this is my statemachine page solution.，运行里面的example，里面有一个完整的使用demo，MDStatePageKit还在不断完善中，有好的建议可以联系我634376133@qq.com。