博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
swift UI专项训练14 ImageView图像视图
阅读量:5871 次
发布时间:2019-06-19

本文共 730 字,大约阅读时间需要 2 分钟。

  图像在swift中基于UIImageView,我们从storyboard中拖一个ImageView出来。

  那么我们如何使用工程中的图片呢,点开images.xcassets,在空白处点击右键点击import,导入图片。

现在回到storyboard中,就能看到选择图片时有选项了。

我选择土豆丝,然后运行一下:

可以看到图片被拉长了,在Mode中选择Aspect Fit这个是图片自适应

现在效果好多了:

我们调整imageView的大小,然后在界面上增加一个按钮,把imageView与控制器关联起来。

我们的代码需要在按钮的action中完成,代码如下:

@IBAction func playButton(sender: UIButton) {        imageVew1.animationImages = [            UIImage(named: "红烧肉")!,            UIImage(named: "土豆丝")!,            UIImage(named: "梅菜扣肉")!,            UIImage(named: "红烧狮子头")!        ]        imageVew1.contentMode = .ScaleAspectFit        imageVew1.animationDuration = 1        imageVew1.startAnimating()    }
1的意思是动画在1秒内轮流播放完,所以4张图片每张显示0.25秒,注意数组中如果不加!会报错,大家注意一下。现在我们运行一下,效果如图:

然后我们点击按钮,可以看到图片已经动起来了。

你可能感兴趣的文章
STM32系统滴答_及不可不知的延时技巧 - (上)
查看>>
Linux下企业级分区方案
查看>>
CentOS下LAMP一键yum安装脚本
查看>>
拖来拖去今天终于重装系统了
查看>>
NestJS 脑图
查看>>
我的友情链接
查看>>
Html body的滚动条禁止与启用
查看>>
Tengine新增nginx upstream模块的使用
查看>>
多媒体工具Mediainfo
查看>>
1-小程序
查看>>
CentOS图形界面和命令行切换
查看>>
HTML5通信机制与html5地理信息定位(gps)
查看>>
Mind_Manager_2
查看>>
手动升级 Confluence - 规划你的升级
查看>>
汽车常识全面介绍 - 悬挂系统
查看>>
电子政务方向:We7.Cloud政府云门户
查看>>
连接数据库超时设置autoReconnect=true
查看>>
虚拟机Centos7连接Internet
查看>>
ansible 基本操作(初试)
查看>>
更改tomcat的根目录路径
查看>>