[Feat] 필터 뷰 구현

[nomatterjun]

⚠️ 이슈 번호

#96

✌️ 구현/추가 사항

• 필터 뷰 구현

💬 코멘트

추가한 기능에 대한 설명 및 리뷰 참고 사항

Simulator.Screen.Recording.-.iPhone.14.-.2023-03-18.at.20.41.50.mp4

버그 있음...

#91 여기에도 추가해뒀거든

.clear 였던 배경이 갑자기 색이 생겨

아마 present될 때 배경으로 깔리는 이 회색 뷰 때문인거 같은데
UIButton에서 뭘 건드려봐도 그대로네..

떠오르는 해결법 있을까??

[eung7]

1. 

혹시 에셋 아이콘 이름 바뀌었는데 나한테 적용이 안 된거 맞지...?
에셋 이름의 대문자가 들어가서 아이콘들이 하나도 안 보이는 것 같네 ㅠㅠ

---

// HeaderView.swift

private extension HeaderView {
  func makeFilterButton(title: String) -> UIButton {
    var configuration = UIButton.Configuration.plain()
    var attributedTitle = AttributedString(title)
    attributedTitle.font = .favorFont(.bold, size: 16)
    configuration.attributedTitle = attributedTitle
    configuration.baseForegroundColor = .favorColor(.titleAndLine)
    configuration.contentInsets = NSDirectionalEdgeInsets(
      top: .zero,
      leading: .zero,
      bottom: .zero,
      trailing: .zero
    )
    
    let handler: UIButton.ConfigurationUpdateHandler = { button in
      switch button.state {
      case .selected:
        button.configuration?.background.backgroundColor = .clear 🟢
        // button.configuration?.baseBackgroundColor = .clear ❌
        button.configuration?.baseForegroundColor = .favorColor(.titleAndLine)
      case .normal:
        button.configuration?.background.backgroundColor = .clear
        button.configuration?.baseForegroundColor = .favorColor(.explain)
      default:
        break
      }
    }
    
    let button = UIButton(configuration: configuration)
    button.configurationUpdateHandler = handler
    
    return button
  }
}

이걸 고쳐주면 해결돼!

애매하긴 하지만.. 내가 생각하는 원인은
baseBackgroundColor는 UIButton.Configuration을 어떤 것을 해주냐에 따라서
Overlay가 될 수도 있고, Gray가 될 수도 있고 한데..

뷰의 계층 구조상 UIButton.Configuration.Plain의 background도 그냥 투명처럼 보이긴 하는데
Apple이 만들어 놓은 건 우리가 쓰는 것처럼 backgroundColor = .clear 이런 식이 아니라
다른 방식으로 투명하게 만들어놔서 그런 게 아닐까??
이 점은 나도 잘 모르겠네...

그래서 background로 직접 참조해서 들어가면 UIButton.Configuration의 상태에 무관하게
그 자체를 바꿔줄 수 있는 것 같아!

[nomatterjun]

와우...

배경 문제 수정됐어..

애플아... 대환장...
이거만 두시간은 찾은거 같은데...

고마워!!

[nomatterjun]

애셋은 디자인에 소문자로 바뀌어있더라고...!?
그래서 그대로 넣어줬어!

[nomatterjun]

디스코드 자료 채널에 이미지 올려놨어!