본문 바로가기
UIKIT

네비게이션 바에 배경 색상 넣기....

by 밤새는 탐험가89 2024. 2. 20.
728x90
SMALL

 

 

아래 처럼 나와야 하는데.. 

이거 하느라 엄청 뻘짓했다..

 

 

아래 보면 스크롤하면 글자가 작아지고 커지고하면서 배경색이 그대로지만

 

    func setupNavigationTitle() {
        self.navigationItem.title = "Home Controller"
        
        let appearance = UINavigationBarAppearance()
        appearance.backgroundColor = .systemIndigo
        
        navigationController?.navigationBar.standardAppearance = appearance
        navigationController?.navigationBar.scrollEdgeAppearance = appearance
        
        
        /*
         그냥 navigationBar.barTintColor로 색상 설정하면
         화면으로 내려야지 색상이 변하다가
         다시 원래 자리로 그러니까 화면이 처음 나왔을 때 높은 위치로 돌아오면
         색상이 사라진다. 그레서 별도로 appearance 변수를 만들어서 background로 접근한다.
         */
        
        
//        self.navigationController?.navigationBar.barTintColor = .systemRed
        self.navigationController?.navigationBar.prefersLargeTitles = true
        self.navigationItem.largeTitleDisplayMode = .automatic
    }

 

 

 

근데 아래처럼 하면 스크롤하기전에는 배경색이 안나오다가 스크롤하면 나온다. 

    func setupNavigationTitle() {
...
        
       self.navigationController?.navigationBar.barTintColor = .systemRed
...
    }

 

 

 

 

 

그래서 생각해보면 쿠팡이나, 뭐 네이버나 이런거 보면 

스크롤 내리면 상단이 바뀌는데.. 이거 잘 사용해봐야겠다 

728x90
LIST

'UIKIT' 카테고리의 다른 글

카카오톡 로그인 API 구현  (0) 2024.05.23
CollectionView 만들기 (코드로 구현)  (1) 2024.02.25
탭 제스처 + 사진 선택  (0) 2024.02.02
알림창 안에 맵 넣기  (2) 2024.02.01
알림창  (0) 2024.02.01