Todoey (11)

UINavigation Bar 수정하기

1. Navigation Bar Title 크기 키우기

Navigation Bar의 Title 이 좀 작다고 느껴진다면 이 부분을 체크를 하면 좀 더 크게 볼 수 있다.

before

after

Title이 훨씬 더 커졌다.

2. Navigation Bar Color 변경 하기.

Category의 색에 맞게 Nav Bar의 색상을 변경하려고 한다.

// Viewdidload
if let colorHex = selectedCategory?.color {
            
            guard let navBar = navigationController?.navigationBar else { fatalError("Navigation Controller does not exist.")}
            
            navigationController?.navigationBar.barTintColor = UIColor(hexString: colorHex)
        }

이렇게 작성을 해준다.

실행하니 에러가 발생한다.

Fatal error: Navigation Controller does not exist.

존재하지 않는다는것.

그렇다면 이유는 하나.

NavigationController의 속성이 업데이트 되기 전에 ViewDidLoad가 호출된다.

에러가 발생한 시점에서 NavigationController에 대한 내용은 아무것도 없었다.

이렇땐 VC의 생명주기를 고려하여 호출을 해야한다.

 override func viewWillAppear(_ animated: Bool) {
        if let colorHex = selectedCategory?.color {
            
            guard let navBar = navigationController?.navigationBar else { fatalError("Navigation Controller does not exist.")}
            
            navigationController?.navigationBar.barTintColor = UIColor(hexString: colorHex)
        }
    }

ViewWillAppear를 사용해주었다.

3. 기타 디자인

// CategoryVC
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        
        let cell = super.tableView(tableView, cellForRowAt: indexPath)
        
        if let category = categories?[indexPath.row] {
            cell.selectionStyle = .none
            
            guard let categoryColor = UIColor(hexString: category.color) else {fatalError()}
            cell.textLabel?.text = categories?[indexPath.row].name ?? "No Categories added Yet"
            cell.backgroundColor = categoryColor
            cell.textLabel?.textColor = ContrastColorOf(categoryColor, returnFlat: true)
        }
        return cell
    }

// TodoListVC
override func viewWillAppear(_ animated: Bool) {
        if let colorHex = selectedCategory?.color {
            
            title = selectedCategory?.name
            
            guard let navBar = navigationController?.navigationBar else { fatalError("Navigation Controller does not exist.")}
            
            if let navBarColor = UIColor(hexString: colorHex) {
                navBar.barTintColor = navBarColor
                navBar.tintColor = ContrastColorOf(navBarColor, returnFlat: true)
                navBar.largeTitleTextAttributes = [NSAttributedString.Key.foregroundColor:
                ContrastColorOf(navBarColor, returnFlat: true)]
                searchBar.barTintColor = navBarColor
            }
         
        }
    }    

버전의 문제도 일부 있을듯한데 NavBar에대한 색이 변경이 되지 않았다. 해당문제는 나중에 다시 해결해보는걸로.