이미지 배열을위한 페이드 인 페이드 아웃

appiconhero.co

이미지 배열의 전역 변수가 있습니다.

public var images = ["11", "12", "13", "14", "15", "16", "17", "18", "11", "12", "13", "14", "15", "16", "17", "18", "11", "12", "13", "14", "15", "16", "17", "18"]

버튼을 클릭 할 때 2 초 후에 각 이미지가 페이드 아웃되는 것을 보여주고 싶습니다. 이미지 "11"이 처음 나타날 때 2 초 후에 페이드 아웃되고 이미지 "12"가 페이드 인되는 방식을 의미합니다. 하지만 내 코드가 잘 작동하지 않습니다.

내 코드는 다음과 같습니다.

@IBAction func playAutomaticPhotoImages(sender: AnyObject) {

    for image in images {
      photoImageView.hidden = false
      photoImageView.alpha = 1.0
      UIView.animateWithDuration(2.0, animations: {
        self.photoImageView.image = UIImage(named: image)
        self.photoImageView.alpha = 1
        }, completion: {
          (value: Bool) in
          self.photoImageView.hidden = true
          self.photoImageView.alpha = 0.0
      })
    }
  }

내 이미지는 다음과 같습니다.

여기에 이미지 설명 입력

Anbu.Karthik

이 여러 가지 방법으로 할 수 있습니다

선택 -1

@IBAction func playAutomaticPhotoImages(sender: AnyObject) {

 self.animateImages()

 }

fun animateImages()
{
  var count: Int = 0

  var images = ["11", "12", "13", "14", "15", "16", "17", "18", "11", "12", "13", "14", "15", "16", "17", "18", "11", "12", "13", "14", "15", "16", "17", "18"]

var image: UIImage = images[(count % images.count)]

UIView.transitionWithView(self.photoImageView, duration: 2.0, options: .CurveEaseOut, animations: {() -> Void in
self.photoImageView.image = image
}, completion: {(finished: Bool) -> Void in
self.animateImages()
// once finished, repeat again
count++
})

 }

선택 -2

 @IBAction func playAutomaticPhotoImages(sender: AnyObject) {

 self.animateImages(0) /*call animageImage with parameter number as image number as i user image name as "11", "12", "13", "14", "15", "16", "17", "18", "11", "12", "13", "14", "15", "16", "17", "18", "11", "12", "13", "14", "15", "16", "17", "18"*/

 }



    func animateImages(no:Int)
    {
        var Number:Int = no
        let t:NSTimeInterval = 1;
        let t1:NSTimeInterval = 0;
        var name:String = "yourImageName\(Number).png"
        self.photoImageView!.alpha = 0.4
        self.photoImageView!.image = UIImage(named:name);

        //code to animate bg with delay 2 and after completion it recursively calling animateImage method 
        UIView.animateWithDuration(2.0, delay: 0, options:UIViewAnimationOptions.CurveEaseOut, animations: {() in 
                                                       self.photoImageView!.alpha = 1.0;
                                                   }, 
                                         completion: {(Bool) in
                                                      Number++;

                                                      self. animateImages(Number); 
                                                   })
    }
}

선택 -3

@IBAction func playAutomaticPhotoImages(sender: AnyObject) {

NSTimer.scheduledTimerWithTimeInterval(0.2, target: self, selector: "crossfade", userInfo: nil, repeats: true)


photoImageView.animationImages = images

photoImageView.animationDuration = 2
photoImageView.animationRepeatCount = 0        
photoImageView.startAnimating()


 }




func crossfade() {
UIView.animateWithDuration(2.0, delay: 0.0, options: .CurveEaseInOut, animations: {() -> Void in
    photoImageView.alpha = !photoImageView.alpha
}, completion: {(done: Bool) -> Void in
    //
})
}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

페이드 인 / 페이드 아웃이있는 Jquery 배경 이미지주기

분류에서Dev

이미지의 무한 페이드 인 페이드 아웃 애니메이션

분류에서Dev

간단한 페이드 인 페이드 아웃 오작동

분류에서Dev

강력한 기능 : 페이드 인 / 페이드 아웃

분류에서Dev

URL 페이드 인 / 아웃

분류에서Dev

페이드 인 및 페이드 아웃을위한 jquery 애니메이션

분류에서Dev

자바 스크립트 퀴즈 배열 및 페이드 인 / 페이드 아웃

분류에서Dev

jQuery 함수를 사용하여 이미지 페이드 아웃 및 페이드 인을 시작하는 방법

분류에서Dev

배열에서 용어 목록을 한 번만 페이드 인 / 페이드 아웃하고 싶습니다.

분류에서Dev

임의 위치에서 텍스트 페이드 인 / 페이드 아웃

분류에서Dev

Animate.css를 사용하여 페이드 아웃 한 다음 페이드 인

분류에서Dev

몇 초 동안 jquery에서 페이드 인 한 다음 페이드 아웃

분류에서Dev

onClick을 사용하여 페이드 인 및 페이드 아웃 전환

분류에서Dev

jquery 페이드 인 / 페이드 아웃 후 <a> 텍스트 유지

분류에서Dev

프리 로더로 이미지 페이드 인 및 아웃

분류에서Dev

두 이미지 페이드 인 및 아웃 [JavaScript]

분류에서Dev

aui-modal을 사용한 페이드 인 / 아웃 모달

분류에서Dev

jQuery : 페이드 인 및 페이드 아웃으로 페이지 새로 고침

분류에서Dev

페이지 스크롤시 페이드 인 및 페이드 아웃

분류에서Dev

간단한 Streamlabs OBS 텍스트 페이드 인 및 아웃. 페이드 인이 작동하지 않습니다.

분류에서Dev

ffmpeg : zmq로 drawtext 페이드 인 / 아웃

분류에서Dev

Android ActionBar 페이드 인 / 아웃

분류에서Dev

JQuery로 div 페이드 인 / 아웃

분류에서Dev

정렬 된 목록을 만들기위한 JQuery 페이드 아웃 / 페이드 인

분류에서Dev

Jquery 페이드 인, 일부 요소 함께 페이드 아웃

분류에서Dev

임의 페이드 인 및 페이드 아웃

분류에서Dev

AVAssetExportSession 및 페이드 인 페이드 아웃 효과

분류에서Dev

SOX 및 페이드 인 및 페이드 아웃

분류에서Dev

JQuery 텍스트 페이드 인 페이드 아웃

Related 관련 기사

  1. 1

    페이드 인 / 페이드 아웃이있는 Jquery 배경 이미지주기

  2. 2

    이미지의 무한 페이드 인 페이드 아웃 애니메이션

  3. 3

    간단한 페이드 인 페이드 아웃 오작동

  4. 4

    강력한 기능 : 페이드 인 / 페이드 아웃

  5. 5

    URL 페이드 인 / 아웃

  6. 6

    페이드 인 및 페이드 아웃을위한 jquery 애니메이션

  7. 7

    자바 스크립트 퀴즈 배열 및 페이드 인 / 페이드 아웃

  8. 8

    jQuery 함수를 사용하여 이미지 페이드 아웃 및 페이드 인을 시작하는 방법

  9. 9

    배열에서 용어 목록을 한 번만 페이드 인 / 페이드 아웃하고 싶습니다.

  10. 10

    임의 위치에서 텍스트 페이드 인 / 페이드 아웃

  11. 11

    Animate.css를 사용하여 페이드 아웃 한 다음 페이드 인

  12. 12

    몇 초 동안 jquery에서 페이드 인 한 다음 페이드 아웃

  13. 13

    onClick을 사용하여 페이드 인 및 페이드 아웃 전환

  14. 14

    jquery 페이드 인 / 페이드 아웃 후 <a> 텍스트 유지

  15. 15

    프리 로더로 이미지 페이드 인 및 아웃

  16. 16

    두 이미지 페이드 인 및 아웃 [JavaScript]

  17. 17

    aui-modal을 사용한 페이드 인 / 아웃 모달

  18. 18

    jQuery : 페이드 인 및 페이드 아웃으로 페이지 새로 고침

  19. 19

    페이지 스크롤시 페이드 인 및 페이드 아웃

  20. 20

    간단한 Streamlabs OBS 텍스트 페이드 인 및 아웃. 페이드 인이 작동하지 않습니다.

  21. 21

    ffmpeg : zmq로 drawtext 페이드 인 / 아웃

  22. 22

    Android ActionBar 페이드 인 / 아웃

  23. 23

    JQuery로 div 페이드 인 / 아웃

  24. 24

    정렬 된 목록을 만들기위한 JQuery 페이드 아웃 / 페이드 인

  25. 25

    Jquery 페이드 인, 일부 요소 함께 페이드 아웃

  26. 26

    임의 페이드 인 및 페이드 아웃

  27. 27

    AVAssetExportSession 및 페이드 인 페이드 아웃 효과

  28. 28

    SOX 및 페이드 인 및 페이드 아웃

  29. 29

    JQuery 텍스트 페이드 인 페이드 아웃

뜨겁다태그

보관