UIView 滑动手势改变图片

Question

我正在尝试实现左右滑动手势来更改我的 UIView 上的图像。

我做了以下事情：

if art_title.text == "Art Collection" {
        var imageList = ["Boulder Bean","Mother of Earth","Bamboozled","Black Figures","Modest Angel"]
        var index = 0

        func leftSwipe(_ sender: UISwipeGestureRecognizer) {

            if index < imageList.count - 1 {
                index = index + 1
                art_image.image = UIImage(named: imageList[index])
            }
        }

        func rightSwipe(_ sender: UISwipeGestureRecognizer) {
            if index > 0 {
                index = index - 1
                art_image.image = UIImage(named: imageList[index])
            }
        }
    }

当我尝试在任何注释上滑动时，我现在遇到了崩溃。

Answer 1

通常，您将拥有一个图像列表和一个索引值来跟踪您在列表中的位置。

当您“向右滑动”时，索引会减 1...当您向左滑动时，索引会增加 1。

如果索引低于 0（数组的第一个元素），您可以将其重置为 0 并保持图像原样，或者将其“环绕”到数组的末尾。同样，如果索引大于数组中元素的数量，您可以将其“环绕”为零。

所以，例如：

// initialize
var imageList = ["flower", "balloon", "cat", "dog"]
var index = 0

// set the first image
art_image.image = UIImage(named: imageList[index])

// on swipe left (arrays are Zero based)
if index < imageList.count - 1 {
    index = index + 1
    art_image.image = UIImage(named: imageList[index])
}

// on swipe right
if index > 0 {
    index = index - 1
    art_image.image = UIImage(named: imageList[index])
}

等等……

这应该会让你上路。