如何将图像放入进度视图并使其移动

Question

我正在研究空气应用程序，并且在那里我有一个进度视图。现在的样子

所以，我需要知道，如何将图像添加到进度视图并且它会一起移动。它应该是这样的:result

我尝试过这样的东西:progressView。trackImage = UIImage(name: "smallPlane")

更新:

*

func setupProgressView() {
middleView.insertSubview(planeView, aboveSubview: progressView)
let leadingConstraint = planeView.leadingAnchor.constraint(equalTo: progressView.leadingAnchor)
NSLayoutConstraint.activate(
leadingConstraint,
planeView.widthAnchor(equalToConstant: ),
planeView.heightAnchor(equalToConstant: ),
planeView.centerYAnchor(equalTo: progressView.centerYAnchor)
)
leadingConstraint.isActive = true
leadingConstraint.constant = progressView.frame.width * CGFloat(progressView.progress)
progressView.transform = progressView.transform.scaledBy(x: 1, y: 0.5)
}

Answer 1

您需要创建UIImageView并根据进度更改其位置。假设您有someView，它包含您的进度视图:

let planeView = UIImageView(image: UIImage(named: "smallPlane"))
someView.insertSubview(planeView, aboveSubview: progressView)
// Don’t forget to store `leadingConstraint` somewhere.
let leadingConstraint = planeView.centerXAnchor.constraint(equalTo: progressView.leadingAnchor)
NSLayoutConstraint.activate([
leadingConstraint,
planeView.widthAnchor(equalToConstant: <your_value>),
planeView.heightAnchor(equalToConstant: <your_value>),
planeView.centerYAnchor(equalTo: progressView.centerYAnchor)
])

现在当你改变progressView的progress时，你可以改变leadingConstraint的constant，像这样:

leadingConstraint.constant = progressView.frame.width * progress

Answer 2

试试下面的方法，它一定会对你有用的

步骤1:用UISlider替换ProcessView

步骤2:UISlider提供程序句柄，您可以在其中设置所需的图像

slider.setThumbImage(UIImage(named: "Image_Name"), for: .normal)

步骤3:如果你想让用户不能移动手柄，那么把下面的行

slider.isUserInteractionEnabled = false