Question

我正在尝试使用滑块更改UIView的宽度。我的问题是，我的代码没有更新视图宽度，而是添加了新视图。我不知道如何在快速的操场上更新视图。

import UIKit
import PlaygroundSupport

class MyViewController : UIViewController {

    var feelings01Slider: UISlider!
    var feelingsWidth01 = 100

    var dayFeelings01: UIView!
    var dayFeelings02: UIView!
    var dayFeelings03: UIView!

    override func loadView() {
        let view = UIView()
        view.backgroundColor = .white
        self.view = view

        feelings01Slider = UISlider()
        feelings01Slider.frame = CGRect(x: 62, y: 375, width: 250, height: 20)
        feelings01Slider.minimumValue = 1
        feelings01Slider.maximumValue = 248
        feelings01Slider.value = 100
        feelings01Slider.isContinuous = true

        feelings01Slider.addTarget(self, action: #selector(sliderValueDidChange(sender:)), for: .valueChanged)
        setUpFeelings()

        view.addSubview(feelings01Slider)
    }

    func setUpFeelings() {

        feelingsWidth01 = Int(feelings01Slider.value)
        var feelingsX02 = feelingsWidth01 + 62
        var feelingsWidth02 = 80
        var feelingsX03 = feelingsX02 + feelingsWidth02
        var feelingsWidth03 = 70

        dayFeelings01 = UIView(frame: CGRect(x: 62, y: 100, width: feelingsWidth01, height: 250))
        dayFeelings01.backgroundColor = .yellow

        dayFeelings02 = UIView(frame: CGRect(x: feelingsX02, y: 100, width: feelingsWidth02, height: 250))
        dayFeelings02.backgroundColor = .blue

        dayFeelings03 = UIView(frame: CGRect(x: feelingsX03, y: 100, width: feelingsWidth03, height: 250))
        dayFeelings03.backgroundColor = .red

        view.addSubview(dayFeelings01)
        view.addSubview(dayFeelings02)
        view.addSubview(dayFeelings03)

    }

    @objc func sliderValueDidChange(sender:UISlider) {
        feelingsWidth01 = Int(sender.value)
        dayFeelings03.removeFromSuperview()
        dayFeelings02.removeFromSuperview()
        dayFeelings01.removeFromSuperview()
        setUpFeelings()
    }


}
// Present the view controller in the Live View window
PlaygroundPage.current.liveView = MyViewController()

我是编程新手，如果我的代码看起来很乱，请原谅。

Answer 1

您无需将视图替换为新的大小不同的视图。您可以更改它们的框架。将此替换为滑块选择器操作：

==

注意：因为黄色视图是首先添加的，所以它正在其他视图的下方扩展。这就是为什么您看不到它越来越宽的原因。尝试更改顺序，以便最后添加该顺序，您会看到它。如果您希望其他视图调整为可用空间，则也可以更新其框架，UIStackView可能会使其变得容易。

祝你好运！

如何使用UISlider更新UIView宽度？

1 个答案: