demo1 动态显示view或弹框 动态隐藏view或弹框
时间:2022-04-26
本文章向大家介绍demo1 动态显示view或弹框 动态隐藏view或弹框,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
实现界面如上所示:
有一个弹框,弹框上边有一个关闭按钮,点击按钮,可以关闭弹框。点击弹框的周围区域也可以关闭按钮。 点击上边的隐藏弹框也可以关闭按钮。
在实现功能的基础上,以动画的形式展示跟隐藏。
思路:在之前的开发中,我的思路比较局限。想着用一个view来做中间的那一块,那么问题来了,左上角的关闭按钮,就加在view的左上角。效果猛一看是可以实现,但是这个关闭按钮的点击事件,却不怎么好使,因为按钮有一部分超出了view的界限,于是,点击起来就不太好使。
遇见问题,解决问题。于是我就转换了一种思路。当然这思路还是在别人的指点下完成的。
思路如下:
1.首先确实需要一个弹框的view1 view1的大小是整个界面的大小。设置这个view的背景为半透明,透明度可以是0.5 或者是任意0-1之间的数值,具体看你想要的效果。
2.然后需要一个放内容的view2 这个view2里边包含了 上边的img 还有两行文字,都是放在这个view2里边的。
3.最后将关闭按钮 加在view1的上边。这样就大功告成了。 随便点击关闭按钮,丝毫没有任何印象。
核心代码实现:acercodeview的代码
//
// ACErCodeView.m
// demo1二维码点击动态出现
//
// Created by Alice_ss on 2018/1/3.
// Copyright © 2018年 AC. All rights reserved.
//
#import "ACErCodeView.h"
#define SCREENW [UIScreen mainScreen].bounds.size.width
#define SCREENH [UIScreen mainScreen].bounds.size.height
@implementation ACErCodeView{
UIImageView *codeIMG;
UILabel *nickNameLabel;
UILabel *sexLabel;
UIButton *closeBtn;
}
-(instancetype)initWithFrame:(CGRect)frame{
if (self = [super initWithFrame:frame]) {
[self createUI];
}
return self;
}
- (void)createUI{
//1.创建一个view背景设置呈透明的因为这样的话才能将关闭按钮悬浮在上边。
UIImageView *bgView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 64, SCREENW,SCREENH)];
UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tapClose)];
bgView.userInteractionEnabled = YES;
[bgView addGestureRecognizer:tap];
[self addSubview:bgView];
//2.放内容的大view
UIView *contentView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, SCREENW-120,SCREENH-200)];
contentView.backgroundColor = [UIColor whiteColor];
[self addSubview:contentView];
//3.二维码图片
codeIMG = [[UIImageView alloc]initWithFrame:CGRectMake((CGRectGetWidth(contentView.frame)-100)/2, CGRectGetMinY(contentView.frame), 100, 100)];
codeIMG.backgroundColor = [UIColor redColor];
[contentView addSubview:codeIMG];
//4.昵称
nickNameLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, CGRectGetMaxY(codeIMG.frame)+10, CGRectGetWidth(contentView.frame), 44)];
// nickNameLabel.backgroundColor = [UIColor blueColor];
nickNameLabel.text = @"我是你们喜欢的Alice";
nickNameLabel.textAlignment = NSTextAlignmentCenter;
[contentView addSubview:nickNameLabel];
//5.sex
sexLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, CGRectGetMaxY(nickNameLabel.frame)+10, CGRectGetWidth(contentView.frame), 44)];
// sexLabel.backgroundColor = [UIColor redColor];
sexLabel.text= @"我的性别是一个漂亮的小美女哦";
sexLabel.textAlignment = NSTextAlignmentCenter;
[contentView addSubview:sexLabel];
//给contentview设置高度
contentView.frame = CGRectMake(SCREENW/2-(SCREENW-120)/2, (SCREENH-(CGRectGetMaxY(sexLabel.frame)+10))/2, SCREENW-120, CGRectGetMaxY(sexLabel.frame)+10);
//6.关闭按钮
closeBtn = [[UIButton alloc]initWithFrame:CGRectMake(CGRectGetMinX(contentView.frame)-10, CGRectGetMinY(contentView.frame)-10, 30, 30)
];
[closeBtn setBackgroundImage:[UIImage imageNamed:@"icon_shouye_GuanBi.png"] forState:0];
[closeBtn addTarget:self action:@selector(closeBtnClicked:) forControlEvents:UIControlEventTouchUpInside];
[self addSubview:closeBtn];
}
//关闭页面
- (void)closeBtnClicked:(UIButton*)sender{
[UIView animateWithDuration:0.3 animations:^{
self.transform = CGAffineTransformScale(CGAffineTransformIdentity, 0.3, 0.3);
} completion:^(BOOL finished) {
[UIView animateWithDuration:0.2 animations:^{
self.transform = CGAffineTransformScale(CGAffineTransformIdentity, 0, 0);
}];
self.hidden = YES;
self.blockCloseClicked(self.hidden);
}];
}
//点击背景隐藏界面
- (void)tapClose{
[UIView animateWithDuration:0.3 animations:^{
self.transform = CGAffineTransformScale(CGAffineTransformIdentity, 0.3, 0.3);
} completion:^(BOOL finished) {
[UIView animateWithDuration:0.2 animations:^{
self.transform = CGAffineTransformScale(CGAffineTransformIdentity, 0, 0);
}];
self.hidden = YES;
self.blockCloseClicked(self.hidden);
}];
}
@end
//viewcontroller的书写
//
// Created by Alice_ss on 2018/1/3.
// Copyright © 2018年 AC. All rights reserved.
//
#import "ViewController.h"
#import "ACErCodeView.h"
#define SCREENW [UIScreen mainScreen].bounds.size.width
#define SCREENH [UIScreen mainScreen].bounds.size.height
@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIBarButtonItem *navRBarItem;
@property(nonatomic,strong)ACErCodeView *erCodeIMG;
@end
@implementation ViewController
- (IBAction)naviRBarClicked:(UIBarButtonItem *)sender {
NSLog(@"RIGHT BAR ITEM CLICKED");
if(_erCodeIMG.hidden){
_erCodeIMG.hidden = NO;
sender.title = @"点击隐藏";
_erCodeIMG.transform = CGAffineTransformScale(CGAffineTransformIdentity, CGFLOAT_MIN, CGFLOAT_MIN);
[UIView animateWithDuration:0.3 animations:^{
self.erCodeIMG.transform = CGAffineTransformScale(CGAffineTransformIdentity, 1.0, 1.0);
} completion:^(BOOL finished) {
[UIView animateWithDuration:0.2 animations:^{
_erCodeIMG.transform = CGAffineTransformIdentity;
}];
}];
}else{
sender.title = @"点击显示";
[UIView animateWithDuration:0.3 animations:^{
self.erCodeIMG.transform = CGAffineTransformScale(CGAffineTransformIdentity, 0.3, 0.3);
} completion:^(BOOL finished) {
[UIView animateWithDuration:0.2 animations:^{
_erCodeIMG.transform = CGAffineTransformScale(CGAffineTransformIdentity, 0, 0);
}];
_erCodeIMG.hidden = YES;
}];
}
}
- (void)viewDidLoad {
[super viewDidLoad];
self.view.backgroundColor = [UIColor yellowColor];
// Do any additional setup after loading the view, typically from a nib.
_erCodeIMG = [[ACErCodeView alloc]initWithFrame:CGRectMake(0, 0,SCREENW , SCREENH)];
_erCodeIMG.backgroundColor = [UIColor colorWithRed:0 green:0 blue:0 alpha:0.5];
_erCodeIMG.hidden = YES;
__weak typeof(self) weakSelf = self;
_erCodeIMG.blockCloseClicked = ^(BOOL ishidden) {
if (ishidden) {
self.navRBarItem.title = @"点击显示";
}else{
self.navRBarItem.title = @"点击隐藏";
}
};
[self.view addSubview:_erCodeIMG];
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
@end
以上就是全部代码。
希望新的一年,自己工作越来越踏实。同时也要学会拒绝,学会给与。
如有任何问题。请联系我的邮箱 673658917@qq.com .
- CentOS7安装MySQL
- 分布式系统唯一ID生成方案汇总
- 操作系统底层技术——CPU亲和性
- AngularJS例子 ng-repeat遍历输出 通过js的splice方法删除当前行
- mongoDB报错Cannot find module '../build/Release/bson'
- 计算机视觉处理三大任务:分类、定位和检测
- Windows下RabbitMQ安装及入门
- 计算机视觉任务:图像梯度和图像完成
- Yarn【label-based scheduling】实战总结(一)
- 配置sonarqube+maven
- Yarn【label-based scheduling】实战总结(二)
- HDFS学习:HDFS机架感知与副本放置策略
- spring cloud 报错Error creating bean with name 'hystrixCommandAspect' ,解决方案
- Spring Security OAuth2 Demo
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Flutter基础widgets教程-LinearProgressIndicator篇
- Flutter基础widgets教程-ListTile篇
- 深入剖析 linux GCC 4.4 的 STL String
- Flutter基础widgets教程-MaterialApp篇
- 如何使用Visual Studio Code开发Django项目
- Flutter基础widgets教程-Padding篇
- Flutter基础widgets教程-Placeholder篇
- Flutter基础widgets教程-PopupMenuButton篇
- Python部署rad+xray自动化
- 2.建立第一个django项目与配置
- Flutter基础widgets教程-Radio篇
- Django中的QuerySet
- Python—requests模块详解
- python爬虫伪装请求头---fake-useragent
- Flutter基础widgets教程-RaisedButton篇