【Swift】 심플하고 멋진 NVActivityIndicatorView 사용해 본 【예의 빙글빙글】

이번에도 비망록입니다.

깨끗한 로딩의 저것(빙글빙글 돌리는 녀석)을 자작하려고 했던 곳
세련된 라이브러리가 이미 있었으므로 사용해 보았습니다.



아이츠의 정식 명칭, 인디케이터라고 하는, 처음으로 알았다

환경

Xcode8, Sierra, Swift3, cocoapods 설치됨

cocoapods 의 설치 방법은 선인의 위대한 사람이 많이 쓰고 있으므로 그쪽을 봐 주세요.

소개

1. 우선, 프로젝트를 세운다 (이름은 임의로).

2. 터미널에서 조금 전에 만든 프로젝트로 이동
cd documents/swift/{プロジェクト名}
3. Podfile 작성. 다음을 터미널에서 실행
pod init
4. Podfile을 엽니 다. 이것도 터미널에서
open Podfile
5.Podfile에 pod 'NVActivityIndicatorView' 추가


6. 라이브러리 설치. 터미널 r (ry
pod install
오 같으면 오 k.　다음 단계로

구현

1. {프로젝트 이름} .xcworkspase라는 흰 파일을 엽니 다.

2. {프로젝트 이름}> Main.storyboard를 엽니 다.

3. 오른쪽 하단에서 View를 중간 가운데에 드래그 앤 드롭으로 놓는다.

4. 추가 한 View를 선택하고 Identity inspector를 열고 Class와 Module을 NVActivityIndicator로 변경.



5.assistant editor를 열고 추가한 View를 드래그 앤 드롭으로 소스 코드에 배치.
name은 activeIndicator로도 할 수 있습니다.

6. NVActivityIndicator 가져오기
import NVActivityIndicator
7.viewDidLoad ()에 한 줄 추가. 실제 코드라면

SettingViewController.swift

import UIKit
import NVActivityIndicatorView

class SettingViewController: UIViewController {

    @IBOutlet weak var activeIndicatorView: NVActivityIndicatorView!

    override func viewDidLoad() {
        super.viewDidLoad()

        //ここの１行を追加
        activeIndicatorView.startAnimating()

        // Do any additional setup after loading the view.
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

8. 결과


할 수 있었다! ! ! !

맞춤형

NVActivityIndicator는이 빙글빙글 이외에도 괄호 좋은 인디케이터가 많이 있다.




1
2
3
4


1. BallPulse
2. BallGridPulse
3. BallClipRotate
4. SquareSpin

5. BallClipRotatePulse
6. BallClipRotateMultiple
7. BallPulseRise
8. BallRotate

9. CubeTransition
10. BallZigZag
11. BallZigZagDeflect
12. BallTrianglePath

13. BallScale
14. LineScale
15. LineScaleParty
16. BallScaleMultiple

17. BallPulseSync
18. BallBeat
19. LineScalePulseOut
20. LineScalePulseOutRapid

21. BallScaleRipple
22. BallScaleRippleMultiple
23. BallSpinFadeLoader
24. LineSpinFadeLoader

25. TriangleSkewSpin
26. Pacman
27. BallGridBeat
28. SemiCircleSpin

29. BallRotateChase
30. Orbit
31. AudioEqualizer



만약 12번의 빙글빙글을 사용하고 싶다면,

1. 스토리 보드에서 activeIndicator의 View attribute Inspector를 선택합니다.
유형 이름에 테이블 문자를 넣습니다.
※숫자는 넣지 말아 주세요

2.enter를 누르십시오

Identity Inspector로 이동하면


User Defined Runtime Attributes에 자신이 추가하고 싶은 쿠루 쿠루의 이름이 들어 있으면 k



할 수 있었다! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! !

요약

공식 사이트가 간절히 정중하게 해설하고 있는 것을 더러운 일본어로 고쳤을 뿐
htps : // 기주 b. 코 m / 닌자 p 로 x / 응 ゔ c ゔ ぃ 치 ぃ

빙글빙글의 시작은 activityIndicatorView.startAnimating()
끝은 activityIndicatorView.stopAnimating()
그렇다고합니다.

마지막 시간의 방법은 어디에서 사용합니까? w

색상도 버튼으로 바꿀 수 있으므로 매우 간단합니다. 좋은

아니, 안돼. 더 이렇게! 재미있는 더 할거야 등이 있으면,
코멘트란에 부탁합니다.