iOS 实现类似弹出窗口

释放双眼,带上耳机,听听看~!

弹出视图效果
其实要实现这样的效果很简单:

可能很多同学试过,创建一个透明并且背景为黑色的backgroundView,然后覆盖到self.view上,然后再创建一个提示视图promptView,放到backgroundView上,但是你会发现因为backgroundView设置了alpha值,所以promptView也有他父视图的alpha值,实现的效果就不是我们这样的。其实正确的思路是:
1. 创建一个backgroundView,设置alpha为0.1,背景色为黑色,然后添加到self.view(你需要放置的位置);
2. 创建一个promptView,里面你有想要做的任何操作,比如有文子,有加载动画等等你想要的视图,然后添加到self.view上,注意,这里的promptView和backgroundView是兄弟关系,不是父子关系;
这样就完成了一个类似于弹出窗口。

我们可以把这个功能性的视图封装成一个view叫PromptView,
步骤1:在他的initWithFrame方法中,写

- (instancetype)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
_label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 0, 0)];
_label.center = self.center;
_label.backgroundColor = [UIColor whiteColor];
_label.text = @"这是提示信息";
_label.textAlignment = 1;
self.backgroundColor = [UIColor clearColor];
_backgroundView = [[UIView alloc] initWithFrame:self.bounds];
_backgroundView.backgroundColor =[UIColor blackColor];
_backgroundView.alpha = 0.1;
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
[_backgroundView removeFromSuperview];
[_label removeFromSuperview];
[self removeFromSuperview];
});
}
return self;
}

 

步骤2:写一个弹出方法-(void)showPromptViewOnView:(UIView *)view

-(void)showPromptViewOnView:(UIView *)view
{
[view addSubview:_backgroundView];
[view addSubview:_label];
[UIView animateWithDuration:0.2 animations:^{
_label.frame =CGRectMake(100, _backgroundView.center.y, 200, 40);
}];
}

 

然后在你想要让他出现的地方创建并且调用即可

 PromptView *view = [[PromptView alloc] initWithFrame:self.view.bounds];
[view showPromptViewOnView:self.view];

 

人已赞赏
iOS文章

IOS判断字典中的值是否为空

2020-3-29 22:48:01

iOS文章

IOS Plist文件操作之写入/读取/删除

2020-3-30 0:03:02

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索