HUD风格的选项弹窗是我们在日常开发中经常会碰到的一类需求,通常因为项目周期等因素,很少会专门抽出时间来对此类弹窗进行专门的定制开发和维护。常见的情况就是google类似的效果控件,如果恰好匹配需求,效果上说得过去,那么便可以节省不少的时间和精力,但更多的情况是,我们花费了更多的时间去修改、去填坑,效果缺不见得如意,导致开发者最后不得不吐槽:还不如自己写。对于注重追求效率的开发者,似乎什么轮子都可以上路跑,只要它ok,但对于更注重用户体验和效果的开发者而言,就很难将就了,但人的精力总归有限,抽不开身怎么办呢?这个时候就很需要一款效果很赞,使用方便、简洁、可快速集成的组件了:SKChoosePopView便应运而生了。
简述
SKChoosePopView是一个HUD风格的可定制化选项弹窗的快速解决方案,集成了上、下、左、右、中5个进场方向的6种动画效果,如果不能满足你对酷炫效果的需要,SKChoosePopView同样支持自定义动画,以及选择记录、动画的开闭、点击特效、行列数量控制等。如果你觉得还不错,star支持一下吧!
效果图
如何开始
1.从GitHub上Clone-->, 然后查看Demo
2.请仔细阅读下方特别指出的部分和需要注意问题
3.在项目中使用SKChoosePopView,直接将SKPopView文件夹拷贝到工程中
4.SKChoosePopView基于Masonry布局,请确保你的工程里已存在Masonry,
使用方法
头文件导入
#import "SKPopView.h"
初始化
SKPopView * popView = [[SKPopView alloc] initWithOptionsTitle:kDate.title OptionsIconNormal:kDate.normalIcons OptionsIconSelected:kDate.selectedIcons selectedTitleColor:[UIColor orangeColor] delegate:self completion:^{// TODO: 如果这里不需要就nil}];
显示
[popView show];
消失
[popView dismiss];
设置动画类型
popView.animationType = SK_TYPE_SPRING;
设置动画方向
popView.animationDirection = SK_SUBTYPE_FROMBOTTOM;
动画时间
popView.animationDuration = 0.5;
开启/关闭选择记录
popView.enableRecord = YES;
开启/关闭动画效果
popView.enableAnimation = YES;
行数设置
popView.optionsLine = 2;
列数设置
popView.optionsRow = 3;
最小行间距
popView.minLineSpacing = 10;
最小列间距
popView.minRowSpacing = 10;
注意事项
1.optionsLine
和optionsRow
属性是必须设置的, 且遵循垂直布局原则,请确保optionsLine
* optionsRow
于选项数量相等
2.最小行、列间距如不需要可以不设置,默认为0
3.如果开启动画,请确保animationType
、animationDirection
和animationDuration
属性已经设置
4.如果遇到其它问题,欢迎提交issues,我会及时回复
感谢你花时间阅读以上内容, 如果这个项目能够帮助到你,记得告诉我,或者直接在文章下方留言
Email: shevakuilin@gmail.com