天天看点

swift UI专项训练14 ImageView图像视图

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

swift UI专项训练14 ImageView图像视图

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

swift UI专项训练14 ImageView图像视图

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

swift UI专项训练14 ImageView图像视图

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

swift UI专项训练14 ImageView图像视图

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

swift UI专项训练14 ImageView图像视图

现在效果好多了:

swift UI专项训练14 ImageView图像视图

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

swift UI专项训练14 ImageView图像视图

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

1的意思是动画在1秒内轮流播放完,所以4张图片每张显示0.25秒,注意数组中如果不加!会报错,大家注意一下。现在我们运行一下,效果如图:

swift UI专项训练14 ImageView图像视图

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

swift UI专项训练14 ImageView图像视图