iOS利用UIScrollView实现图片的缩放实例代码
本文介绍了iOS利用UIScrollView实现图片的缩放实例代码,分享给大家:
第一步:添加scrollView到控制器中
UIScrollView *scrollView = [[UIScrollView alloc] init]; scrollView.frame = CGRectMake(40, 250, 300, 200); self.scrollView = scrollView; [self.view addSubview:scrollView];
第二步:添加图片控件到scrollView中
添加图片方式一:
UIImageView *imageView = [[UIImageView alloc] init]; imageView.image = [UIImage imageNamed:@"minion"]; imageView.frame = CGRectMake(0, 0, imageView.image.size.width, imageView.image.size.height);
添加图片方式二:
UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"minion"]]; [scrollView addSubview:imageView]; scrollView.contentSize = imageView.image.size; self.imageView = imageView;
第三步:设置scrollView的代理以及缩放比例
// 设置代理 self.scrollView.delegate = self; // 设置缩放比例 self.scrollView.maximumZoomScale = 2.0; self.scrollView.minimumZoomScale = 0.2;
第四步:实现scrollView的代理方法,使其内部子控件可以缩放
/** * 这个方法的返回值决定了要缩放的内容(返回值只能是UIScrollView的子控件) */ - (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView { return self.imageView; }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
相关推荐
-
IOS中多手势之间的冲突和解决办法
IOS中多手势之间的冲突和解决办法 UIImageView默认是不支持交互的,也就是userInteractionEnabled=NO ,因此要接收触摸事件(手势识别),必须设置userInteractionEnabled=YES(在iOS中UILabel.UIImageView的userInteractionEnabled默认都是NO,UIButton.UITextField.UIScrollView.UITableView等默认都是YES). 在iOS中,如果一个手势A的识别部分是另一个手势
-
iOS实现按钮点击选中与被选中切换功能
其实这个没什么记的,初始化按钮给按钮分别设置选中时对图片和被选中时的图片,给按钮添加方法,在方法中实现三句话就OK了,下面直接看代码: 首先在.m中声明一个按钮 @property (nonatomic, strong) UIButton *selecBtn; //初始化按钮 UIButton * button = [UIButton buttonWithType:UIButtonTypeCustom]; //给按钮设置图片 [button setBackgroundImage:[UIImage
-
iOS实现搭建聊天页面的实例代码
由于工作需要,需要用到ios聊天页面,在网上搜了半天没有想要的,果断自己写一个,发个笔记 功能分析,模仿QQ聊天页面 输入框失去第一响应的情况: 1:点击页面 2:下滑页面 输入框成为第一响应的情况: 1:开始输入 2:上滑页面最底部 控制器 // // WDPersonMessageDetailVC.m // WestDevelopment // // Created by wangtao on 2017/6/23. // Copyright © 2017年 xikaijinfu. All r
-
IOS 开发之UILabel 或者 UIButton加下划线链接
IOS 开发之UILabel 或者 UIButton加下划线链接 本文主要介绍了IOS中 UILable及UIButton的带下划线链接的实现方法及附有源码下载,大家开发IOS 应用有需要的可以参考下: 方法一: NSMutableAttributedString *str = [[NSMutableAttributedString alloc] initWithString:@"查看所有中奖记录"]; NSRange strRange = {0,[str lengt
-
iOS输出手机系统版本号
一,代码. - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. //手机系统版本 NSString* phoneVersion = [[UIDevice currentDevice] systemVersion]; NSLog(@"--手机系统版本--%@-----",phoneVersion); //手机型
-
React-Native实现ListView组件之上拉刷新实例(iOS和Android通用)
在web应用中,上拉刷新加载更多,下拉刷新列表的操作非常常见,那么在React-Native中是如何实现呢,我们具体来看一下 ReactNative提供了RefreshControl下拉刷新组件,但是没有提供上拉刷新组件,上拉刷新在App中是很常用的. 今天我们来实现一个iOS和Android通用的上拉刷新功能. 下面简要介绍下我实现的思路. 思路: 1.常量定义: const moreText = "加载完毕"; //foot显示的文案 //页码 var pageNum = 1; /
-
iOS利用UIScrollView实现图片的缩放实例代码
本文介绍了iOS利用UIScrollView实现图片的缩放实例代码,分享给大家: 第一步:添加scrollView到控制器中 UIScrollView *scrollView = [[UIScrollView alloc] init]; scrollView.frame = CGRectMake(40, 250, 300, 200); self.scrollView = scrollView; [self.view addSubview:scrollView]; 第二步:添加图片控件到scrol
-
利用vueJs实现图片轮播实例代码
最近新学习了vuejs,尝试着用vuejs写了一个简单的图片轮播,便做个简单的记录 以下只贴出carousel.vue代码,其他的省略 <template> <div ref="root"> <div class="sliderPanel"> <div v-for="(item,index) in imgArray" class="verticalCenter picbox">
-
iOS 图片旋转方法实例代码
通过 CGImage 或 CIImage 旋转特定角度 UIImage可通过CGImage或CIImage初始化,初始化方法分别为init(cgImage: CGImage, scale: CGFloat, orientation: UIImageOrientation)和init(ciImage: CIImage, scale: CGFloat, orientation: UIImageOrientation).通过UIImageOrientation的不同取值,可以使图片旋转90.180.2
-
微信小程序movable view移动图片和双指缩放实例代码
movable-area是微信小程序的新组件,可以用来移动视图区域movable-view.移动方向可选择任何.垂直和平行.可移动区域里包含其他文本.图片.按钮等组件.可移动区域可绑定touchend等事件.movable-view的参数可调整动画效果. 先从movable-view开始说起吧. movable-view是小程序自定义的组件.其描述为:"可移动的视图容器,在页面中可以拖拽滑动". 官方文档地址: https://mp.weixin.qq.com/debug/wxadoc
-
JavaScript基于SVG的图片切换效果实例代码
最近太忙了,自动来到rjxy后,不晓得怎么回事,忙的都没时间更博了. 昨天还有个同学跟我说,你好久没更新博客了.. 甚为惭愧~~ 正好12月来了,今天开一篇. 最近上课讲到了 SVG,不晓得同学们理解到没. -_-!!! 图片轮播见的太多,今天就用 SVG 写了一个图片轮播,效果如下. 效果要求 点击控制块,图片切换.切换的时候使用圆形做遮罩,由小到大变化.每次切换的时候,圆的位置随机产生. 主要知识点 1. SVG 的裁切(遮罩),clip-path 的运用. 2. SVG 利用 JS 更改层
-
jQuery 利用ztree实现树形表格的实例代码
最近公司的项目中要做一个树形表格,因为之前一直在用ztree实现基本的树形结构,理所当然的首先想到利用ztree来做. 网上找了一下别人做的树形表格,有使用ztree的,也有使用treeTable的,但效果都不太好,于是参考使用ztree的做法自己做了一个,贴出来供大家参考,请看注释说明,效果如下所示. <!DOCTYPE HTML> <html> <head> <link href="https://cdn.bootcss.com/zTree.v3/3
-
IOS开发实现手机震动的提示实例代码
IOS开发实现手机震动的提示实例代码 我们都知道手机有震动功能,其实呢,这个功能实现起来特别的简单,我们只需要用到几个函数就可以了: - (void)motionBegan:(UIEventSubtype)motion withEvent:(UIEvent *)event - (void)motionEnded:(UIEventSubtype)motion withEvent:(UIEvent *)event - (void)motionCancelled:(UIEventSubtype)mot
-
简单的jQuery banner图片轮播实例代码
朋友给我看了一个轮播效果,把js下载一看,丫丫的一个这么简单的效果,这么的就能写个几百行的,严重影响浏览器加载速度嘛,以为人家宽带流量不要钱玩的哦..无奈之下给他写了个简单的,把所有代码放上去都没有超过70行,还有圆角的那个CSS,不是每个浏览器都是圆角的,不过不影响美观,嘻嘻. 先给大家展示下效果图: <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>无标题页</title&
-
iOS 设置导航条透明效果的实例代码
APP中很多界面都是这样的.从有不透明到透明,透明到不透明 以下代码即可实现该功能 //设置导航栏透明 func setNavigationIsTranslucent(isTranslucent:Bool) { if isTranslucent == true { self.navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default) self.navigationController?.navi
-
Android栗子の图片验证码生成实例代码
废话不多说了,下面一段代码给大家分享android 生成栗子图片验证码功能,具体代码如下所示: import java.util.Random; import android.graphics.Bitmap; import android.graphics.Bitmap.Config; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; public class
随机推荐
- node.js中grunt和gulp的区别详解
- iOS10 适配-Xcode8问题总结及解决方案
- 讲解C++的do while循环和循环语句的嵌套使用方法
- python Django批量导入不重复数据
- JavaScript对象数组排序函数及六个用法
- JavaScript实现字符串与日期的互相转换及日期的格式化
- php中call_user_func函数使用注意事项
- WordPress中邮件的一些修改和自定义技巧
- c语言链表基本操作(带有创建链表 删除 打印 插入)
- mysql 5.6.26 winx64安装配置图文教程(一)
- MongoDB的Master-Slave主从模式配置及主从复制要点解析
- 教你一步步用jQyery实现轮播器
- 深入理解jquery跨域请求方法
- JS获取数组最大值、最小值及长度的方法
- 利用python批量检查网站的可用性
- Winform实现抓取web页面内容的方法
- Android实现支持进度条显示的短信备份工具类
- Android仿正点闹钟时间齿轮滑动效果
- 解决vue build打包之后首页白屏的问题
- 简单实现java抽奖系统