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

本文介绍如何在Swift中使用UIImageView创建简单的图片轮播动画。通过从images.xcassets导入图片资源,并利用UIButton触发动画播放,实现不同菜品图片的循环展示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  图像在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秒,注意数组中如果不加!会报错,大家注意一下。现在我们运行一下,效果如图:



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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值