-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
10 changed files
with
233 additions
and
12 deletions.
There are no files selected for viewing
61 changes: 61 additions & 0 deletions
61
Handy/Handy-Storybook/Component/NavigationViewController.swift
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,61 @@ | ||
| // | ||
| // NavigationViewController.swift | ||
| // Handy-Storybook | ||
| // | ||
| // Created by 서준영 on 11/13/24. | ||
| // | ||
|
|
||
| import UIKit | ||
| import Handy | ||
| import SnapKit | ||
|
|
||
| class NavigationViewController: HandyNavigation { | ||
| let page1: UIViewController = { | ||
| let viewController = UIViewController() | ||
| viewController.view.backgroundColor = HandySemantic.bgBasicStrong | ||
| viewController.tabBarItem = UITabBarItem(title: "Label", image: HandyIcon.icHomeFilled, selectedImage: HandyIcon.icHomeFilled) | ||
| return viewController | ||
| }() | ||
|
|
||
| let page2: UIViewController = { | ||
| let viewController = UIViewController() | ||
| viewController.view.backgroundColor = HandySemantic.bgStatusPositive | ||
| viewController.tabBarItem = UITabBarItem(title: "Label", image: HandyIcon.icHomeFilled, selectedImage: HandyIcon.icHomeFilled) | ||
| return viewController | ||
| }() | ||
|
|
||
| let page3: UIViewController = { | ||
| let viewController = UIViewController() | ||
| viewController.view.backgroundColor = HandySemantic.bgStatusNegative | ||
| viewController.tabBarItem = UITabBarItem(title: "Label", image: HandyIcon.icHomeFilled, selectedImage: HandyIcon.icHomeFilled) | ||
| return viewController | ||
| }() | ||
|
|
||
| let page4: UIViewController = { | ||
| let viewController = UIViewController() | ||
| viewController.view.backgroundColor = HandySemantic.bgBasicDefault | ||
| viewController.tabBarItem = UITabBarItem(title: "Label", image: HandyIcon.icHomeFilled, selectedImage: HandyIcon.icHomeFilled) | ||
| return viewController | ||
| }() | ||
|
|
||
| let page5: UIViewController = { | ||
| let viewController = UIViewController() | ||
| viewController.view.backgroundColor = HandySemantic.bgBasicLight | ||
| viewController.tabBarItem = UITabBarItem(title: "Label", image: HandyIcon.icHomeFilled, selectedImage: HandyIcon.icHomeFilled) | ||
| return viewController | ||
| }() | ||
|
|
||
| override init(nibName nibNameOrNil: String?, bundle nibBundleOrNil: Bundle?) { | ||
| super.init(nibName: nibNameOrNil, bundle: nibBundleOrNil) | ||
|
|
||
| self.setViewControllers([page1, page2, page3, page4, page5], animated: true) | ||
| } | ||
|
|
||
| required init?(coder: NSCoder) { | ||
| fatalError("init(coder:) has not been implemented") | ||
| } | ||
|
|
||
| override func viewDidLoad() { | ||
| super.viewDidLoad() | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,114 @@ | ||
| // | ||
| // HandyNavigation.swift | ||
| // Handy | ||
| // | ||
| // Created by 서준영 on 11/7/24. | ||
| // | ||
|
|
||
| import UIKit | ||
|
|
||
| open class HandyNavigation: UITabBarController { | ||
|
|
||
| /// 내부에서 사용되는 레이아웃 수치입니다. | ||
| let itemImageVerticalInset: CGFloat = 10 | ||
|
|
||
| /// 상단 탭바에 사용되는 디바이더입니다. | ||
| let divider = HandyDivider() | ||
|
|
||
| open override func viewDidLoad() { | ||
| super.viewDidLoad() | ||
| setupView() | ||
| } | ||
|
|
||
| /// 뷰 세팅 | ||
| private func setupView() { | ||
| setProperties() | ||
| setLayouts() | ||
| } | ||
|
|
||
| /// 프로퍼티 세팅 | ||
| private func setProperties() { | ||
| let appearance = UITabBarAppearance() | ||
| appearance.configureWithOpaqueBackground() // 불투명한 배경으로 설정 | ||
| appearance.backgroundColor = HandySemantic.bgBasicDefault | ||
| appearance.shadowColor = .clear // 탭바 그림자 제거 | ||
|
|
||
| // 탭바 아이템 설정 | ||
| /// 기본 설정 | ||
| let tabBarItemAppearance = UITabBarItemAppearance(style: .stacked) | ||
| tabBarItemAppearance.normal.iconColor = HandySemantic.iconBasicDisabled // 아이콘 색상 | ||
| tabBarItemAppearance.normal.titleTextAttributes = [ | ||
| .foregroundColor: HandySemantic.textBasicDisabled, // 텍스트 색상 | ||
| .font: UIFont.systemFont(ofSize: 11)] // 텍스트 폰트 사이즈 | ||
|
|
||
| /// 선택 되었을 때 설정 | ||
| tabBarItemAppearance.selected.iconColor = HandySemantic.iconBasicPrimary // 선택된 아이콘 색상 | ||
| tabBarItemAppearance.selected.titleTextAttributes = [ | ||
| .foregroundColor: HandySemantic.textBasicPrimary, // 선택된 텍스트 색상 | ||
| .font: UIFont.systemFont(ofSize: 11)] // 텍스트 폰트 사이즈 | ||
|
|
||
| // appearance의 각 레이아웃 스타일에 탭바 아이템 외형 설정을 적용 | ||
| appearance.stackedLayoutAppearance = tabBarItemAppearance | ||
| appearance.compactInlineLayoutAppearance = tabBarItemAppearance | ||
| appearance.inlineLayoutAppearance = tabBarItemAppearance | ||
|
|
||
| tabBar.standardAppearance = appearance | ||
| tabBar.scrollEdgeAppearance = appearance | ||
| } | ||
|
|
||
| /// 레이아웃 세팅 | ||
| private func setLayouts() { | ||
| tabBar.addSubview(divider) | ||
| divider.snp.makeConstraints { | ||
| $0.top.leading.trailing.equalToSuperview() | ||
| } | ||
| } | ||
| } | ||
|
|
||
| //MARK: - 탭바 아이템 중앙 정렬 | ||
| extension HandyNavigation { | ||
| open override var viewControllers: [UIViewController]? { | ||
| didSet { setTabBarItemImageInsets() } | ||
| } | ||
|
|
||
| open override func setViewControllers(_ viewControllers: [UIViewController]?, animated: Bool) { | ||
| super.setViewControllers(viewControllers, animated: true) | ||
| setTabBarItemImageInsets() | ||
| } | ||
|
|
||
| /// title이 nil이라면 imageInsets을 조정해서 image를 중앙 정렬합니다. | ||
| public func setTabBarItemImageInsets() { | ||
| viewControllers?.forEach { | ||
| if $0.tabBarItem.title == nil { | ||
| // title이 없는 경우 | ||
| $0.tabBarItem.imageInsets = UIEdgeInsets(top: itemImageVerticalInset, | ||
| left: 0, | ||
| bottom: -itemImageVerticalInset, | ||
| right: 0) | ||
| } else { | ||
| // FIXME: 레이아웃 적용 안됨 | ||
| // title이 있는 경우: 이미지와 텍스트 위치 조정 | ||
| tabBarItem.imageInsets = UIEdgeInsets( | ||
| top: itemImageVerticalInset, | ||
| left: 0, | ||
| bottom: 0, | ||
| right: 0 | ||
| ) | ||
| } | ||
| } | ||
| } | ||
| } | ||
|
|
||
| /** | ||
| TODO: 레이아웃 간격 | ||
| - UITabBar의 높이 설정 불가 | ||
| - UITabBar의 아이콘 크기 설정 불가 | ||
| */ | ||
|
|
||
| /** | ||
| 파일 변경점 | ||
| 1. Component폴더 생성 | ||
| 2. HandyNavigation.swift 생성 | ||
| 3. HandyIcon.swift 파일에 icHomeFilled 추가 | ||
| 4. Asset/HandyIcon에 이미지 추가 | ||
| */ |
6 changes: 6 additions & 0 deletions
6
Handy/Handy/Source/Foundation/Asset/HandyIcon.xcassets/navigation/Contents.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| { | ||
| "info" : { | ||
| "author" : "xcode", | ||
| "version" : 1 | ||
| } | ||
| } |
23 changes: 23 additions & 0 deletions
23
...Source/Foundation/Asset/HandyIcon.xcassets/navigation/icHomeFilled.imageset/Contents.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| { | ||
| "images" : [ | ||
| { | ||
| "filename" : "icHome.png", | ||
| "idiom" : "universal", | ||
| "scale" : "1x" | ||
| }, | ||
| { | ||
| "filename" : "[email protected]", | ||
| "idiom" : "universal", | ||
| "scale" : "2x" | ||
| }, | ||
| { | ||
| "filename" : "[email protected]", | ||
| "idiom" : "universal", | ||
| "scale" : "3x" | ||
| } | ||
| ], | ||
| "info" : { | ||
| "author" : "xcode", | ||
| "version" : 1 | ||
| } | ||
| } |
Binary file added
BIN
+324 Bytes
...Foundation/Asset/HandyIcon.xcassets/navigation/icHomeFilled.imageset/icHome.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+528 Bytes
...undation/Asset/HandyIcon.xcassets/navigation/icHomeFilled.imageset/[email protected]
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+784 Bytes
...undation/Asset/HandyIcon.xcassets/navigation/icHomeFilled.imageset/[email protected]
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters