steps样式-陈翱
<h1>样式展示</h1>
<p><img src="https://www.showdoc.cc/server/api/common/visitfile/sign/6c651ae9372b2c2e141bc084e8c3943d?showdoc=.jpg" alt="" /></p>
<h1>控件代码参数说明</h1>
<pre><code> ///边距
@objc var inset = UIEdgeInsets(top: 5, left: 5, bottom: 5, right: 5)
/// 样式 默认垂直
@objc var style : stepsStyle = .vertical
/// 展示数据
@objc var models = [StepsModel]()
/// 图片大小 默认自适应大小
@objc public var imageSize :CGFloat = 0.0
/// 进度条覆盖颜色
@objc var progressColor : UIColor? = UIColor(red: 0.0, green: 120 / 255.0, blue: 236 / 255.0, alpha: 1.0)
/// 进度条初始颜色
@objc var originColor : UIColor? = UIColor.HexColor(0xf0f0f0)
/// 标题颜色
@objc var titleColor : UIColor? = UIColor.HexColor(0x333333)
/// 标题大小
@objc var titleFont : UIFont? = UIFont.systemFont(ofSize: 16)
/// 说明文本颜色
@objc var descColor : UIColor? = UIColor.HexColor(0x666666)
/// 说明文本大小
@objc var descFont : UIFont? = UIFont.systemFont(ofSize: 14)
/// 时间文本颜色
@objc var timeColor : UIColor? = UIColor.HexColor(0x999999)
/// 时间文本大小
@objc var timeFont : UIFont? = UIFont.systemFont(ofSize: 12)
/// 文本对齐方式 默认水平样式居中 垂直样式左对齐
@objc public var contentAlignment : NSTextAlignment = .left
/// 进度状态
@objc var progress : progressStyle = .start
/// 进度下标
@objc var progressIndex : Int = 0
/// 进度条宽度
@objc public var progressWidth : Float = 1.0
/// 进度条与图片间隙
@objc public var progressSpace : Float = 0.0
///可以单独设置某个step的特定样式 比全局设置的样式优先级高
class StepsModel: NSObject {
@objc var titleColor : UIColor?
@objc var titleFont : UIFont?
@objc var descColor : UIColor?
@objc var descFont : UIFont?
@objc var timeColor : UIColor?
@objc var timeFont : UIFont?
}
/// 初始化方法
///
/// - Parameters:
/// - models: 展示数据
/// - style: 样式
@objc public init(models:Array<Any>,style:stepsStyle)
/// 初始化方法
///
/// - Parameters:
/// - images: 图片
/// - titles: 标题
/// - descs: 描述
/// - times: 时间
/// - style: 样式
@objc public init(images:[String]?,titles:[String]?,descs:[String]?,times:[String]?,style:stepsStyle)</code></pre>
<h1>代码引用</h1>
<pre><code> LLUIKit_StepsView.swift</code></pre>
<h1>代码使用样例</h1>
<pre><code> NSArray *titles = @[@"标签文本1",@"标签文本1",@"标签文本1"];
NSArray *descs = @[@"辅助说明文本1",@"辅助说明文本2",@"辅助说明文本3"];
NSMutableArray *models = [NSMutableArray array];
for (NSInteger i = 0; i < 3; i++) {
StepsModel *model = [[StepsModel alloc]init];
model.stepImage = @"freight_icon";
model.stepTitle = titles[i];
model.stepDesc = descs[i];
[models3 addObject:model];
}
StepsModel *model33 = models3[2];
model33.titleColor = [UIColor redColor];
LLUIKit_StepsView *view3 = [[LLUIKit_StepsView alloc] init];
view3.models = models;
view3.progressIndex = 1;
view3.progress = progressStyleHalf;
view3.originColor = [UIColor redColor];
view3.style = stepsStyleHorizontal;
[self.view addSubview:view3];
[view3 mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(@30);
make.top.equalTo(@6);
make.right.equalTo(@(-30));
make.height.equalTo(@160);
}];</code></pre>