疯狂猜图中的图片放大缩小功能的实现
为什么80%的码农都做不了架构师?>>>
#import "ViewController.h"@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIButton *questionImageBtn;
@property (strong, nonatomic) UIButton *mask;
@end@implementation ViewController- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view, typically from a nib.
}- (void)didReceiveMemoryWarning {[super didReceiveMemoryWarning];// Dispose of any resources that can be recreated.
}//解决状态栏黑掉的方法
- (UIStatusBarStyle)preferredStatusBarStyle
{return UIStatusBarStyleLightContent;
}- (UIButton *)mask
{if (_mask == nil) {//1,新增一个蒙版_mask = [[UIButton alloc] initWithFrame:self.view.bounds];//背景色及其透明度_mask.backgroundColor = [UIColor colorWithWhite:0.0 alpha:0.5];//0.5是颜色的透明度_mask.alpha = 0;[_mask addTarget:self action:@selector(smallImage) forControlEvents:UIControlEventTouchUpInside];[self.view addSubview:_mask];}return _mask;
}
//放大或者缩小图片
- (IBAction)bigImage:(id)sender {if (self.mask.alpha == 0) {//放大图片//1,显示蒙版self.mask.alpha = 1;//2,将图片放到最外层[self.view bringSubviewToFront:self.questionImageBtn];//3,放大图片NSInteger bigImageWith = self.view.bounds.size.width;NSInteger bigImageHeight = bigImageWith;NSInteger bitImageX = 0;NSInteger bigImageY = (self.view.bounds.size.height-bigImageHeight)*0.5;[UIView animateWithDuration:1 animations:^{self.questionImageBtn.frame = CGRectMake(bitImageX, bigImageY, bigImageWith, bigImageHeight);}];}else{//缩小图片[self smallImage];}}- (void)smallImage
{[UIView animateWithDuration:1 animations:^{//1,图片回到初始状态self.questionImageBtn.frame = CGRectMake(85, 98, 150, 150);} completion:^(BOOL finished) {//2,蒙版透明度变为0[UIView animateWithDuration:1 animations:^{self.mask.alpha = 0;}];}];
}@end
转载于:https://my.oschina.net/cgphp/blog/389969
疯狂猜图中的图片放大缩小功能的实现相关推荐
- js实现图片放大缩小功能
在web项目中,用到js来实现图片的放大缩小功能,在这里是通过zoomify来实现,并在这个基础上进行二次改进,已达到更满意的效果. 1.下面是展示的效果: 通过对zoomifyjs改进,达到上述效果 ...
- 点击图片放大缩小功能
1.点击图片放大缩小的思路 图片部分: <table><div><img style="width:62px;height:83px;display:block ...
- 通过layui组件的滑动块实现控制图片放大缩小功能!
先看效果图 html 代码:创建滑块 <div id="slideys" class="demo-slider"></div> //ja ...
- js两只手指控制div图片放大缩小功能(2)
可以在github 上下载demo链接 https://github.com/fongdaBoy/hammer-pinch-master html代码 <!DOCTYPE html> &l ...
- js两只手指控制div图片放大缩小功能
可以在github 上下载demo链接 https://github.com/fongdaBoy/hammer-pinch-master html代码 <!DOCTYPE html> &l ...
- php中图片放大,jquery实现图片放大缩小特效
和大家分享一个最近用到的jquery实现图片的放大缩小的特效.具体效果是鼠标移动到图片上,图片自动缩到左上角,右下角出现文字说明,鼠标移走后图片恢复,文字被图片遮挡.非常不错的一个图片特效功能.贴一下 ...
- iOS 仿淘宝实现商品规格图片的放大缩小功能
刚好最近在做个商城项目,甲方爸爸说咱们要求不高,你就照着淘宝来就好,额~~~~ 好吧,咱就不吐槽了,直接开撸吧,惯例先上一下效果图 需求以及思路 我们要实现的功能有如下几个: 图片的全屏查看以及保存 ...
- iphone iPhone开发中如何将制作图片放大缩小代码实现案例
1:原文摘自:http://mobile.51cto.com/iphone-285108.htm iPhone开发中如何将制作图片放大缩小案例是本文要介绍的内容,主要是来学习iphone开发中动画的制 ...
- html 图片滚动 放大缩小,js实现图片旋转 js滚动鼠标中间对图片放大缩小
从开通博客园到今天,有两个多月了.我发现之前没有开通博客记录自己所做的东西,真是后悔啊. 现在一点一点把自己所做的功能以博客的形式记录下来,一方面可以给大家分享,大家一起学习,同时自己也从新回顾一下. ...
最新文章
- Bag of Words模型
- 区块链技术指南笔记(二):区块链技术
- php遍历中记录所有,php遍历类中包含的所有元素的方法
- 第一周 从C走进C++ 008 函数缺省参数
- 父类可以调用子类的方法吗_python类的继承、多继承及查找方法顺序
- [html] websocket可以携带cookie吗?为什么?如果可以,怎样做到呢?
- 前端学习(593):使用devtools作为代码编辑器
- 敏捷开发系列学习总结(6)——你用什么工具管理项目
- 零基础带你学习MySQL—foreign key 外键(二十六)
- 阿帕奇,StringUtil工具类,各种常用字符串的处理
- 计算机网络原理之网络层(解疑答惑)
- app安全渗透测试详细方法流程
- Flash Lite作为S40和S60系列上的特性出现在技术规范中
- MDM平台UI升级功能说明
- window10 Embedded 各分支
- WiFi共享二维码自动生成
- Acrel-7000企业能源管控平台助力新疆某企业实现双碳双控
- 数据结构:什么是红黑树?为什么要用红黑树?
- 南京柳树湾与云南汉族人
- 如何删除电脑浏览记录