支持自定义的AlertView

近期项目中,UI设计增加了个弹窗样式,打开手机qq 点赞系统 当你点赞次数超过每日次数之后 会提示一个窗口,我们项目需要这个弹窗的样式。找了一些demo都满足不了需求,最后还是自己写了一个,主要思路是 触发弹窗的时候 将显示的控件添加到一个背景的view上 最终一行代码调用即可 下面上代码:(显示部分的ui可自定义 )


支持自定义的AlertView_第1张图片
自定义方法

self则是整体的背景view 增加点透明度 可以看到底部的内容,用户角度上看就是一个alert

block是为了 在弹窗上点击之后 触发一些操作而设定的 默认设定的是 弹窗消失,可去除




支持自定义的AlertView_第2张图片
三种位置的弹窗

顶部  中间  底部 根据需求来使用  dosomeThing是点击弹窗之后 需要进行的操作 比如 跳转页面 请求接口等 默认添加了 弹窗消失的功能 即点击弹窗之后 弹窗消失 再去调用block内的代码。


支持自定义的AlertView_第3张图片
利用枚举来对控件的显示位置进行区分

上中下三种 位置可自行调整


支持自定义的AlertView_第4张图片
显示的弹窗整体

self.mainView是弹窗本体 所有弹窗显示的内容都添加到这个View上,当然这个也可以自定义大小,背景颜色 背景图等。


支持自定义的AlertView_第5张图片
动画

最后是弹窗显示 和消失的动画 需要遵守协议 动画类型可以自行更换 犹豫项目中只需要这个样式的动画 暂时未封装。最重要的事 代理方法 动画结束后需要移除self。想要demo可到github下载:https://github.com/FormerMonster/AlertView  

你可能感兴趣的:(支持自定义的AlertView)