๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐ŸŽ iOS/Third Party

[iOS/Library] Swift ๋กœํ‹ฐ ์• ๋‹ˆ๋ฉ”์ด์…˜ ๊ตฌํ˜„ํ•˜๊ธฐ(Swift Lottie Animation)

by Fomagran ๐Ÿ’ป 2020. 3. 24.
728x90
๋ฐ˜์‘ํ˜•

์šฐ์„  ๋กœํ‹ฐ ํ™ˆํŽ˜์ด์ง€์— ๊ฐ€์„œ ์›ํ•˜๋Š” ์• ๋‹ˆ๋ฉ”์ด์…˜ ํŒŒ์ผ์„ ์ฐพ๋Š”๋‹ค.

Download JSON์„ ๋ˆŒ๋Ÿฌ์„œ ์ €์žฅํ•ด์ค€๋‹ค.

Xcode๋กœ ๋Œ์•„์™€์„œ ์ฒซ๋ฒˆ์งธ๋กœ ํ•  ์ผ์€ podfile์—

pod 'lottie-ios' ๋ฅผ ์ถ”๊ฐ€ํ•ด์ฃผ๊ณ 

ํ„ฐ๋ฏธ๋„๋กœ ๊ฐ€์„œ pot install์„ ํ•ด์ค€๋‹ค.

๋‹ค์šด๋ฐ›์•˜๋˜ jsonํŒŒ์ผ์„ ์ถ”๊ฐ€ํ•ด์ฃผ๊ณ  ์ด๋ฆ„์„ ์„ค์ •ํ•ด์ค€๋‹ค.

๊ทธ๋ฆฌ๊ณ  import Lottie๋ฅผ ํ•ด์ค€ ๋’ค

์ž„์˜์˜ animationView๋ฅผ ์„ค์ •ํ•ด์ฃผ๊ณ  ์ดˆ๊ธฐํ™”๋ฅผ Lottie๊ฐ€ ์ œ๊ณตํ•˜๋Š” AnimationView()๋กœ ํ•ด์ค€๋‹ค.

๊ทธ๋ฆฌ๊ณ  setup()๋ฉ”์†Œ๋“œ๋ฅผ ๋งŒ๋“ค์–ด์„œ 

์•„๋ž˜์™€ ๊ฐ™์€ ์ฝ”๋“œ๋ฅผ ๋„ฃ์–ด์ค€๋‹ค.

animationView.animation = Animation.named("์„ค์ •ํ•ด์คฌ๋˜ jsonํŒŒ์ผ์˜ ์ด๋ฆ„")

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 func setup(){
        //animationView ํฌ๊ธฐ๊ฐ€ view์™€ ๊ฐ™๊ฒŒ
        //์–ด๋–ค jsonvํŒŒ์ผ์„ ์“ธ์ง€
        animationView.animation = Animation.named("Coin")
        //ํ™”๋ฉด์— ์ ํ•ฉํ•˜๊ฒŒ
        animationView.contentMode = .scaleAspectFit
        //๋ฐ˜๋ณต๋˜๊ฒŒ
        animationView.loopMode = .loop
        //์‹คํ–‰
        animationView.play()
        //view์•ˆ์— Subview๋กœ ๋„ฃ์–ด์ค€๋‹ค,
        view.addSubview(animationView)
    }
 
 
http://colorscripter.com/info#e" target="_blank" style="color:#e5e5e5text-decoration:none">Colored by Color Scripter

์•„๋ž˜์™€ ๊ฐ™์ด ์• ๋‹ˆ๋ฉ”์ด์…˜์ด ์ž˜ ์ž‘๋™๋œ๋‹ค.

728x90
๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€