tsa

TSActionAlertView

iOS一个好用的弹窗父类,弹窗动画效果很多,界面自定义

Showing:

Popularity

Downloads/wk

0

GitHub Stars

52

Maintenance

Last Commit

3yrs ago

Contributors

1

Package

Dependencies

0

License

MIT

Categories

Readme

TSActionAlertView

介绍: TSActionAlertView 是用Objective-C实现的一个弹窗

2018.4.14 增加了cocoapod的支持,可以直接用 TSActionAlertView来添加到项目中

1. 弹窗背景有两种 TSActionAlertViewBackgroundStyle

TSActionAlertViewBackgroundStyle说明
TSActionAlertViewBackgroundStyleSolid背景半透明
TSActionAlertViewBackgroundStyleGradient背景渐变

2. 弹窗的出现动画有五种 TSActionAlertViewTransitionStyle

TSActionAlertViewTransitionStyle说明
TSActionAlertViewTransitionStyleSlideFromBottom上来,然后下去
TSActionAlertViewTransitionStyleFade渐变
TSActionAlertViewTransitionStyleBounce弹出
TSActionAlertViewTransitionStyleDropDown下落
TSActionAlertViewTransitionStyleSlideFromTop下滑,然后上去

效果: 效果图加载中...

3. 弹窗的用法

1. 继承 TSActionAlertView
2. 实现添加自定义控件
@interface TSActionDemoView()

@property (strong,nonatomic)UIButton * headerBtn;//头部视图
@property (strong,nonatomic)UITextField * inputField;//输入框
@property (strong,nonatomic)UIButton * sureBtn;//确定按钮
@property (strong,nonatomic)UIButton * cancelBtn;//取消按钮

@end
3. 懒加载子控件
4. 给控件添加事件,可以借助提供的handler,也可以自己写
@property (strong,nonatomic)TSActionAlertViewStringHandler stringHandler;
5. 实现继承的以下方法
 - (void)layoutContainerView{
//布局containerview的位置,就是那个看得到的视图
}

- (void)setupContainerViewAttributes{
//设置containerview的属性,比如切边啥的
}

- (void)setupContainerSubViews{
//给containerview添加子视图
}

- (void)layoutContainerViewSubViews{
//设置子视图的frame
}

4. 弹窗的调用和隐藏

    TSActionDemoView * demoAlertView  = [TSActionDemoView actionAlertViewWithAnimationStyle:TSActionAlertViewTransitionStyleSlideFromTop];
    [demoAlertView show];
    
    [demoAlertView dismissAnimated:YES];

5. 其他功能

代理的使用:定义了代理来在视图的出现,消失的时候进行一些回调 点击背景自动隐藏: 设置属性 isAutoHidden=YES

遵循协议:TSActionAlertViewDelegate

- (void)actionAlertViewWillShow;//即将出现
- (void)actionAlertViewDidShow;//已经出现
- (void)actionAlertViewWillDismiss;//即将消失
- (void)actionAlertViewDidDismiss;//已经消失
- (void)actionAlertViewDidSelectBackGroundView;//点击了背景

具体效果请看demo 更多用法: 简书文章地址 效果实例 只是一些参考效果,丑是没办法的...

1. 正常弹窗

正常弹窗

2. 输入弹窗

正常弹窗

3. web弹窗

正常弹窗

4. 下拉列表选项弹窗

正常弹窗

5. 跳转弹窗

正常弹窗

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100