图像变化取决于 UISlider 值

Posted 2023-03-13

【中文标题】图像变化取决于 UISlider 值

【英文标题】：Image change dependent of UISlider value

【发布时间】：2016-06-23 14:41:30

【问题描述】：

我有一些图像需要根据滑块的值显示。它不工作 - 我哪里出错了？

@IBOutlet weak var image1: UISlider! [this is connected to the slider NOT the image]

image1.setImage(UIImage(named:"image1.png"),forState:UIControlState.Selected)

@IBAction func sliderValue(sender: UIButton) 
    let slider value = Int(sender.value)
    if sliderValue == 1 
        image1.setImage
    

【参考方案1】：

也许你想做这样的事情？每次更改滑块的值时检查滑块的值，然后将图像设置到 imageView。

@IBOutlet weak var imageView: UIImageView!

@IBAction func sliderValueChanged(sender: UISlider) 
    var sliderValue = Int(sender.value)
    if sliderValue == 1 
        self.imageView.image = UIImage(named: "foo")
    

要将情节提要中的滑块连接到代码：

在故事板的右侧面板中，选择您的 ViewController，转到第三个选项卡。在自定义类 > 类字段中，输入您正在使用的类。它应该会自动完成。

点击“SHOW THE ASSISTANT EDITOR”（两个圆圈图标）在情节提要和代码之间拆分窗口。

按住 Ctrl 键并拖动元素（此处为您的滑块）到代码中。

选择Outlet 或Action。对于您的 imageView，请选择 outlet，因为您将能够以编程方式与其交互，但用户不会对其执行任何操作。如果您需要有关 IBOutlet 和 IBAction 的更多详细信息，我会让您搜索 Google

致谢：图片来自this site

【讨论】：

谢谢 Olivier - 我不知道如何连接它 - 我是将插座/动作连接到滑块还是图像？

我找到了this link，用图像、视频和书面说明解释了如何做到这一点。我将编辑我的答案以快速解释您必须做什么。

这不是不知道如何连接它们的情况 - 这是不知道哪些插座和操作连接到哪些按钮以使代码工作的情况

对不起，我理解错了，但你仍然可以在我的回答中找到你需要的东西，我在回答的开头放了一个例子。您将 UIImageView 与 IBOutlet 连接，将 UISlider 与 IBAction 连接（事件称为“值更改”）。在您的 IBAction 创建的函数中，您有滑块的值，您可以更改 UIImageView 的图像