inflearn logo
강의

Course

Instructor

Practical UI composition strategy using iOS AutoLayout - Creating an advanced UI like KakaoTalk

Graph_3_AutoLayout_Animate

이미지 활용한 애니메이션

283

stevelee

3 asked

0

안녕하세요 본 수업을 보면서 개인프로젝트를 진행중에 있습니다.

표현하고 싶은 것은 같은 위치에 2개의 이미지뷰가 존재하고

각 이미지는 UIImage.animate 로 이미지가 옆으로 이동되는 방식입니다.

표현하고 싶은것은 두이미지가 서로 반대방향으로 움직이면서 물결이 흐르듯한 애니메이션을 만들고 싶은데 , 한 이미지가 지나가고 난 후 동일한 이미지가 바로 연속적으로 따라와야 자연스러운데 이를 설정하기가 까다롭네요 ㅠㅠ

수업 내용은 아니지만 혹시나 괜찮은 조언을 주시면 감사드립니다.ㅠㅠ

''' override func viewDidLoad() {

super.viewDidLoad()

let time = DispatchTime.now() + .seconds(1)

    self.animationImageView1.image = UIImage(named:"wave_01")

self.animationImageView2.image = UIImage(named: "wave_02")

UIView.animate(withDuration: 2, animations:{self.animationImageView1.frame.origin.x = 50} , completion: nil)

for _ in 0...5{

UIView.animate(withDuration: 2, animations:{self.animationImageView1.frame.origin.x += 50} , completion: nil)

UIView.animate(withDuration: 2, animations:{self.animationImageView2.frame.origin.x -= 50} , completion: nil)

}

DispatchQueue.main.asyncAfter(deadline: time){

for _ in 0...5{

UIView.animate(withDuration: 2, animations:{self.animationImageView1.frame.origin.x -= 50} , completion: nil)

UIView.animate(withDuration: 2, animations:{self.animationImageView2.frame.origin.x += 50} , completion: nil)

}

}

// Do any additional setup after loading the view.

}

}

'''

위의 이미지는 이해를 돕고자 올렸습니다!

iOS-Autolayout

Answer 1

0

enilv0529

    UIView.animate(withDuration: 1, animations: {

}) { (finished) in

if finished {

UIView.animate(withDuration: 1, animations: {

}) { (finished) in

if finished {

}

}

}

}

간단한 방법은

위 코드처럼 completion 블록안에서 다른 애니메이션을 추가하는 식으로 진행하면

첫번째 애니메이션 종료 후 다음 애니메이션을 실행할 수 있습니다.

수강연장부탁드려도될까요..

0

42

2

Drawing Cycle 관련 질문

0

72

1

앱 제작 시 주로 코드로 작성하시는 이유가 있을까요?

0

95

2

델리게이트 패턴 관련 질문

0

66

2

수강 기간 연장 부탁드릴 수 있을까요?

0

61

1

활용 앱 57강 질문입니다.

0

55

1

활용 앱 30강 에러 질문입니다

0

64

2

기초앱 17강 Contraints 설정 질문입니다.

0

67

2

오토레이아웃 equal widths, equal heights

0

470

1

마우스 드래그 다중선택

0

957

1

테이블 뷰 응용 소스

0

254

0

선생님 제가 오랫동안 강의를 못듣다가 다시 들을건데 새버젼으로 들어야하나요?

0

194

0

강의 자료 링크가 열리지 않아요.

0

328

2

버튼에 이미지 추가?

0

250

1

modalPresentationStyle 질문

0

401

2

안녕하세요.

0

251

1

objective c 는 방식이 달라서 따라하는데 시간좀 걸렸네요

0

228

1

viewController modalPresentationStyle 질문

0

237

1

stack view 사용시 view layer depth 에 대해 질문 있습니다.

0

365

1

다운

0

268

1

질문있습니다.

0

240

1

kakao-2-tableView_default 강의 진행중에 질문있습니다

0

297

5

popup.png 이미지가 뜨지않아요 ㅠ

0

309

1

설정 관련 질문입니다.

0

233

0