티스토리 뷰

728x90
반응형

1. 환경설정


Blue View의 subview는 Yellow View

Yellow View의 subview는 GreenView & PurpleView  인 형태로 실험을 준비합니다

 

 

일일이 돌려보기 귀찮으니 Preview를 준비합니다. 

 

 

그리고 blueView에 shadow를 주세요..!! 

 

blueView에 shadow를 줬으니 Preview에서 blueView 밑에 shadow가 들어간 것을 볼 수 있습니당..!! 

 

 

여기까지 실험 전, 환경설정한 코드 입니다 

 

2. 실험

 

이제 여기서 blueView의 background를 clear로 줘봅시다 

 

 

짠! 자식뷰인 yellow view한테 shadow가 적용된 것을 볼 수 있습니다.

 

그 다음 yellowView의 backgroundcolor도 clear로 설정해줍니다.

 

 

짠! yellowView의 자식뷰인 green과 purpleView에 shadow가 적용되어졌습니다.

 

 

그럼 이번엔 Green View의 컬러도 clear하게 해봅시다 

 

 

그럼 이렇게 나옵니당 

 

 

반대로 purpleView의 color를 clear하게 해보면

 

 

이렇게 나옵니다 

 

 

 

3. 정리

위의 실험을 정리해보자면 

해당 뷰에 shadow를 적용했는데, 해당뷰가 clear라면 shadow를 그릴 수 없으니 가장 가까운 (depth가 가장 얕은?!!) 자식뷰를 찾아가서 거기에 shadow를 그려준다?!?! 정도가 될 것 같습니다. 

 

똑똑한 저의 동료분께서 

"shadow가 단순히 shadow effect를 그려주는 것이 아니라, 진짜 의미적으로 shadow를 그린다"   라고 멋있게 정리해주셨습니다. 

 

 

 

전체 코드 :

https://github.com/eunjin3786/AmazingShadow

반응형
댓글