- 实用流程图,多种动画效果
- [效果图] (#效果图)
- [显示模式] (#显示模式)
- [支持的动画类型] (#动画类型)
- [常用Api] (#常用Api)
- [使用方法] (#使用方法)
####效果图
####显示模式
typedef NS_OPTIONS(NSUInteger, ZLFlowChartMode) {
//默认模式
ZLFlowChartDefault,
//列表模式
ZLFlowChartList,
};
####动画类型
//支持动画组合
typedef NS_OPTIONS(NSUInteger, ZLFlowChartAnimationType) {
//无动画
ZLFlowChartAnimationNone = 1 << 0,
//渐隐
ZLFlowChartAnimationFade = 1 << 1,
//旋转
ZLFlowChartAnimationRotation = 1 << 2,
//向内缩放
ZLFlowChartAnimationZoomIn = 1 << 3,
//向外缩放
ZLFlowChartAnimationZoomOut = 1 << 4
};
####常用Api
/**
* @brief 初始化流程图
* @param title 标题
* @param stepArray 流程步骤数组
*/
- (instancetype)initWithTitle:(nullable NSString *)title
stepArray:(NSArray<NSString *> *)stepArray;
/**
* @brief 初始化流程图,并直接指定动画类型
* @param title 标题
* @param stepArray 流程步骤数组
* @param showAnimationType 显示时动画类型 动画组合可用 "|" 连接
* @param hideAnimationType 显示时动画类型 动画组合可用 "|" 连接
*/
- (instancetype)initWithTitle:(nullable NSString *)title
stepArray:(NSArray<NSString *> *)stepArray
showAnimationType:(ZLFlowChartAnimationType)showAnimationType
hideAnimationType:(ZLFlowChartAnimationType)hideAnimationType;
/**
* @brief 显示流程图,同时设置当前步骤的下标
* @param selIndex 从0开始计算,即和步骤数组保持同步
*/
- (void)showWithSelectStepIndex:(NSInteger)selIndex;
/**
* @brief 显示流程图
*/
- (void)show;
####使用方法
#import "ZLFlowChart.h"
ZLFlowChart *flowChart = [[ZLFlowChart alloc] initWithTitle:@"test" stepArray:@[@"第1步", @"第2步", @"第3步", @"第4步", @"第5步(标题最多支持两行显示)", @"第6步", @"第7步", @"第8步", @"第9步", @"第10步"] showAnimationType:ZLFlowChartAnimationRotation | ZLFlowChartAnimationZoomIn hideAnimationType:ZLFlowChartAnimationZoomOut | ZLFlowChartAnimationFade];
//设置点击回调
[flowChart setHandler:^(NSInteger index) {
NSLog(@"选中的步骤:%ld", index);
}];
//显示时候直接设置当前流程索引
[flowChart showWithSelectStepIndex:5];
/*
不需要设置索引则直接调用
[flowChart show];
*/