如何查看图像数组中的下一个图像?

时间:2017-06-02 19:29:21

标签: arrays swift xcode indexing

在此功能中,我需要更改图像视图的图像,将其移动到阵列中的下一个图像。

private func updateImage(index: Int) {
    for x in 0..<urlArray.count
    {
        let imageUrl:URL = URL(string: "\(urlArray.object(at: x) as! String)")!
        let request:URLRequest = URLRequest.init(url: imageUrl)
        NSURLConnection.sendAsynchronousRequest(request, queue: OperationQueue.main, completionHandler: { (response, imageDta, error) in
            if (error == nil)
            {
                self.imagesArray.add(UIImage(data: imageDta!)!)
                if self.imagesArray.count > 0
                {
                    self.iv.image = self.imagesArray.object(at: 0) as! UIImage
                }
            }else{
                print("ERROR - \(error!)")
            }
        })
    }

}

但是,目前,正在使用的图像被设置为我的数组中索引0处的图像。如果多次调用此函数,我将如何移动到下一个图像?

这是我主要需要帮助的行:

self.iv.image = self.imagesArray.object(at: 0) as! UIImage

更新:我已经尝试将Charly Pico建议的代码添加到我的函数中,但它似乎没有移动到数组中的下一个图像,我认为它与它的调用方式有关。我将详细介绍我的文件是如何构建的,并希望澄清我想如何使用更改图像代码。

var urlArray:NSMutableArray! = NSMutableArray()
var imagesArray:NSMutableArray! = NSMutableArray()

这些包含URL和图像的数组不在任何函数之内。

func GetTheStories() {
    let ref = FIRDatabase.database().reference().child("Content")
    ref.observe(FIRDataEventType.value, with: {(snapshot) in
        self.fileArray.removeAll()
        if snapshot.childrenCount>0{
            for content in snapshot.children.allObjects as![FIRDataSnapshot]{
                let contentInfo = content.value as? [String: String]
                let contentType = contentInfo?["contentType"]
                let storyLink = contentInfo?["pathToImage"]
                let content = storyLink   
                self.urlArray = NSMutableArray.init(array:[storyLink])                    
            }   
        }  
    })
}

这是我调用的功能,用于将我的Firebase服务器中的URL附加到URLSARRAY。

override func viewDidAppear(_ animated: Bool) {

    for x in 0..<urlArray.count
    {
        let imageUrl:URL = URL(string: "\(urlArray.object(at: x) as! String)")!
        let request:URLRequest = URLRequest.init(url: imageUrl)
        NSURLConnection.sendAsynchronousRequest(request, queue: OperationQueue.main, completionHandler: { (response, imageDta, error) in
            if (error == nil)
            {
                self.imagesArray.add(UIImage(data: imageDta!)!)
                if self.imagesArray.count > 0
                {
                    self.iv.image = self.imagesArray.object(at: 0) as! UIImage
                }
            }else{
                print("ERROR - \(error!)")
            }
        })
    }
}

这是Charly创建和解释的功能,它允许我在屏幕加载时在ImageView上设置初始图像

private func updateImage(index: Int) {
    var imageToPresent = 0
    for x in 0..<urlArray.count
    {
        let imageUrl:URL = URL(string: "\(urlArray.object(at: x) as! String)")!
        let request:URLRequest = URLRequest.init(url: imageUrl)
        NSURLConnection.sendAsynchronousRequest(request, queue: OperationQueue.main, completionHandler: { (response, imageDta, error) in
            if (error == nil)
            {
                self.imagesArray.removeAllObjects()
                self.imagesArray.add(UIImage(data: imageDta!)!)
                if self.imagesArray.count > 0
                {
                    for x in 0..<self.imagesArray.count
                    { 
                        if self.iv.image == self.imagesArray.object(at: x) as! UIImage
                        {
                            imageToPresent = x + 1 
                            if imageToPresent >= self.imagesArray.count
                            {   
                                imageToPresent = 0
                            }
                        }
                    }
                    self.iv.image = self.imagesArray.object(at: imageToPresent) as! UIImage
                }
            }else{
                print("ERROR - \(error!)")
            }
        })
    } 
}

这是被调用的函数,用于将图像更新为数组中的下一个图像。但是,我认为它不起作用,因为我尝试在下面应用Charly的代码是不正确的。此函数在ViewDidLoad中调用,如此

updateImage(index: 0)

这里调用它来更新图像。当分段进度条更改为下一个进度条时,将调用此函数。

func segmentedProgressBarChangedIndex(index: Int) {
    print("Now showing index: \(index)")
    updateImage(index: index)
}

我知道为什么我不使用按钮和操作有点令人困惑,这主要是因为我正在尝试创建一个Instagram风格的故事,片段在完成后,或屏幕被点击,更改图像到数组中的下一个。我知道有很多东西要看,但我认为这将解释我想如何更详细地使用图像数组。

3 个答案:

答案 0 :(得分:1)

所以,让我们说你的imagesArray包含2张图片,我建议你做的是:

//Create a @IBAction and attach it to a UIButton in your Storyboard as a touchUpInside action.
@IBAction func changeImage()
{
   //Set a variable with Int as 0.
   var imageToPresent = 0

   //Create a for to check image by image inside the array.
   for x in 0..<imagesArray.count
   {

      //Compare the image at self.iv with the image in imagesArray at index x. And if the images are the same add a + 1 to imageToPresent.
      if self.iv.image == imagesArray.object(at: x) as! UIImage
      {
         imageToPresent = x + 1

         //Check if imageToPresent isn't bigger or equal than imagesArray, otherwise we will get an error and the App will crash.
         if imageToPresent >= imagesArray.count
         {

            //If imageToPreset if bigger or equal to imagesArray.count, it means that there are no more images at a higher index, so we return imageToPresent to 0.
            imageToPresent = 0
         }
      }
   }

   //Set the new image of imagesArray at index imageToPresent as UIImage to self.iv.
   self.iv.image = imagesArray.object(at: imageToPresent) as! UIImage
}

每当您想要更改self.iv image时,您需要触摸按钮才能触发操作。

更新

所以我添加了一个NSTimer来模拟你的Progress View在3秒内完成动画制作,在将图像旋转到另一个图像的3秒后,你可以在加载全部的for之后添加此代码来自网址的图片:

Timer.scheduledTimer(withTimeInterval: 3.0, repeats: true) { (timer) in
        self.changeImage()
    }

首先将你的urlArray更新为:

urlArray = NSMutableArray.init(array: ["https://firebasestorage.googleapis.com/v0/b/motive-73352.appspot.com/o/Content%2F20170525130622.jpg?alt=media&token=1e654c60-2f47-43c3-9298-b0282d27f66c","https://www.videomaker.com/sites/videomaker.com/files/styles/magazine_article_primary/public/articles/18984/363%20C03%20Lighting%20primary.png"])

因此,您至少有2张图像可以旋转图像。

答案 1 :(得分:0)

更改该行以使用传递给您的函数的索引,如此

self.iv.image = self.imagesArray.object(at: index) as! UIImage

答案 2 :(得分:0)

这个函数试图同时做很多事情,所以很难说它如何让它做你想做的事情,但是,你确实有一个索引参数。在此使用它而不是0:

  if self.imagesArray.count > index
  {
        self.iv.image = self.imagesArray.object(at: index) as! UIImage
  }

等待加载该图像,然后将其设置为视图。

注意:您需要检查索引是否在范围内