본문 바로가기
IOS

[iOS] (까다로운 디자인 수정) UITabbar line 제거 후 Shadow 적용.

by eigen96 2022. 11. 13.
728x90

처음부터 커스텀해서 만들면 괜찮겠지만 지금까지 UITabbar가 멀쩡하게 있기 때문에 굳이 만들 필요성을 못느꼈다.
아무리 찾아도 Line을 제거하면서 Shadow를 적용하는 방법이 없었다. 4시간은 찾아본듯

디자이너분께서 현재 하단 탭바는 line이 아닌 Shadow 효과가 들어가야한다고 요청을 해주셨기 때문에 그림자를 적용시켜주었다.

하지만 다시 해달라는 요청을 받았다. 그이유는 그림자가 생겼지만 여전히 실선이 존재하기 때문...

clipToBound값을 true로 주면 실선이 없어지지만 경계선을 넘어가는 그림자도 마찬가지로 사라지게 된다...

관련된 stackOverFlow와 애플 개발자 커뮤니티를 다 뒤졌지만 못찾았다...
그래서 그냥 그림자를 빼고 실선부분만 흰색 뷰를 추가해서(addSubView) 가려주기로 하였다.

 

 

 

흰색 뷰에 그라데이션을 줄까 잠깐 생각했었는데
탭뷰 안의 영역에서 만들어지면서 간격문제가 생기므로 위 방법으로 적용하게 됨.


https://fomaios.tistory.com/entry/UIView-%EB%B0%B1%EA%B7%B8%EB%9D%BC%EC%9A%B4%EB%93%9C-%EA%B7%B8%EB%9D%BC%EB%8D%B0%EC%9D%B4%EC%85%98-%EC%83%89-%EB%84%A3%EA%B8%B0-UIView-Background-gradient-color

 

[iOS/UI] UIView 백그라운드 그라데이션 색 넣기 (UIView Background gradient color)

오늘은 UIView에 그라데이션 색 효과넣는 법을 알아봅시다. 제일 먼저 스토리보드에서 시험하기 위한 view를 하나 만들어주고 뷰컨트롤러에 연결시켜줍니다. 그런 다음 extension으로 UIView를 확장시

fomaios.tistory.com

 

728x90

댓글