ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 201207 - TIL
    TIL/2021 2020. 12. 8. 01:59

    iOS

     

    네트워크에 대해서 공부를 했다.

    • HTTP 메서드 - Post, Get, Put, Patch, Delete
    • HTTP 상태 코드
    • XML과 HTML
    • JSON이란?

     

    아주 기본적인 개념에 대해서 알아보았다.

    그리고 REST API란 무엇인가 공부했다.

    이해하기 좋은 두 가지 영상이 있어서 첨부한다.

     

    • REST 하다는 것은 무엇인가?
    • API란 무엇인가?

     

    얄팍한 코딩사전

     

    얄팍한 코딩사전

     

    DEVIEW2017 

     

     

     

     

    자연스러운 화면 전환 구현하기

     

     

    자연스러운 화면 전환

    여기서 사용한 기술은 container view 2개를 view에 좌우로 나란히 놓고 view의 leading 제약 조건의 constant를 바꾸는 방식이다.

    주의할 점은 view의 trailing 조건을 줘버리면 첫 번째 container view의 크기가 늘어나면서 두번째 container view가 화면으로 등장하지 않는다는 점이다.

     

     

    Container view를 나란히 배치하는게 핵심

    두번째 container view의 leading을 첫번째 container view의 trailing에 맞추면 된다.

    기본적인 제약조건은 story board에서 구현했다.

     

    코드 더 보기

    더보기
    import UIKit
    
    class ViewController: UIViewController {
    
        @IBOutlet weak var leadingConstraint: NSLayoutConstraint!
        
        @IBOutlet weak var firstBottomView: UIView!
        @IBOutlet weak var secondBottomView: UIView!
    
        @IBOutlet weak var containerView: UIView!
        
        @IBAction func showFirstView(_ sender: Any) {
            leadingConstraint.constant = 0
            
            UIView.animate(withDuration: 0.3) {
                self.view.layoutIfNeeded()
                
                self.firstBottomView.alpha = 1.0
                self.secondBottomView.alpha = 0.0
            }
        }
        
        @IBAction func showSecondView(_ sender: Any) {
            leadingConstraint.constant = -containerView.frame.width
            
            UIView.animate(withDuration: 0.3) {
                self.view.layoutIfNeeded()
                
                self.firstBottomView.alpha = 0.0
                self.secondBottomView.alpha = 1.0
            }
        }
        
        override func viewDidLoad() {
            super.viewDidLoad()
            
            secondBottomView.alpha = 0.0
        }
    }

     

     

     

    728x90

    'TIL > 2021' 카테고리의 다른 글

    201211 - TIL  (0) 2020.12.12
    201210 - TIL  (0) 2020.12.11
    201201 - TIL  (0) 2020.12.02
    201130 - TIL  (0) 2020.12.01
    201128 - TIL  (0) 2020.11.29
Designed by Tistory.