Android 그림자 색상 변경

먼저 그림자를 사용하는 이유는?

구글 머터리얼 가이드에 따르면 특정 뷰에 그림자 효과를 추가함으로써 집중도를 높일수 있다고 합니다.

실제로 구글이나 많은 앱에서 카드뷰의 형태나, 해당 화면의 핵심 기능을 하는 버튼의 경우 그림자를 추가해 사용자가 쉽게 포커싱 할수 있도록 합니다. 

 

구글 스토어의 카드뷰 형태 ( 왼쪽 ), 제가 운영중인 식물 일기 앱의 식물 추가 버튼 ( 오른쪽 ) 

우측 사진과 같이 뷰가 겹치는 경우 그림자 효과를 주지 않으면 버튼이라고 인식하기 어려워 유저에게 불편함을 줍니다.

 

그림자 속성추가

xml

        <LinearLayout
            android:layout_width="0dp"
            android:elevation="3dp"
            android:layout_height="wrap_content">

코드

  binding.llGoogle.elevation = 4f

 

적용 결과

적용전(왼), 적용후(오)

 

그림자 색상 변경 

outlineSpotShadowColor를 이용해 변경 가능합니다.

 <LinearLayout
            android:id="@+id/llGoogle"
            android:layout_width="0dp"
            android:outlineSpotShadowColor="@color/color_CC3388"
            android:background="@drawable/round_8_white"
            android:elevation="10dp"
            android:layout_height="wrap_content">

그 밖의 커스텀

안드로이드에서 그림자 영역은 컨트롤하기 쉽지 않습니다.

그와 관련된 내용이 잘 정리된 블로그 링크입니다. 참고하시면 좋을것 같습니다.