Sam Story

오늘은 간단한 on/off 로직을 작성함에 있어서기존의 조건문을 효율적으로 작성하는 방법에 대해서 간단히 포스팅 해보려 한다. 지난번 레이아웃만 만들었던 계산기 어플을 기능까지 적용해보고 있다.그러던 와중에 밤/낮 모드 버튼에 대한 기능을 만들다가 조건문을 작성했었는데 작성한 코드를 보자class CarculatorViewModel: ViewModel() { // 모드 상태 LiveData private val _modeData = MutableLiveData() val modeData: LiveData get() = _modeData init { _modeData.value = false } // 모드 바꾸는 함수 fun changeMode() { ..

안드로이드 애니메이션 효과에 대해서 좀 찾아보다가굉장히 유용해보이는 라이브러리를 발견해 간단히 포스팅 해보려한다. 기존에 사용해봤던 애니메이션 효과로는XML 파일을 만들어서 효과를 View에 적용하는 방식을 사용했었다. Scale,Lotate,Translate,Alpha 등 여러 속성들을 사용하여View에 애니메이션 효과를 적용할 수 있었다. Airbnb에서 제공하는 Lottie 라이브러리를 사용하면Lottie는 JSON 기반의 애니메이션 파일을 실시간으로 렌더링하는 벡터 애니메이션이다.벡터 기반이라 용량이 작고, 오픈소스 라이브러리로 별도의 변환이 필요 없어 편리하게 사용할 수 있다는 장점이 있다.     아래 사이트에서 다양한 Lottie 파일을 무료로 다운로드 할 수 있다. Featured Free..

오늘은 특정 뷰에 color를 다크모드일때 바꿔주는 방법에 대해서 포스팅 해보려 한다.  먼저 레이아웃을 보자.  사실 두 레이아웃에서 사용되는 View는 모두 같은 View지만각 View들의 특정 속성들만 다크모드일 때 변경함으로써 위와같이 레이아웃을 짤 수 있다. 그렇다면 다크모드일 때 색상을 바꾸는것부터 알아보자. colors.xml #FF000000 #FFFFFFFF #FFFFFFFF #637381 #F5F5F5 #e9ecef #ED0E98 #FE5A2D colors 파일을 이용해 먼저 기존 컬러들을 설정해 준다.여기서 설정한 color가 일반 Day모드 일때 적용되는 color가 되는것이다.  그리고 c..

간단한 계산기를 만들어 보기 위해 피그마 디자인을 참고하여 앱을 만들고 있던 도중 피그마에 있는 버튼의 배경색상이 그라데이션 처리가 되어 있었다. 버튼 배경색상을 단색으로는 많이 사용해 봤지만그라데이션 처리는 해보지 않았기에 간단한 내용이지만 포스팅 해본다.  먼저 drawable 폴더에 새로운 xml 파일을 만들어 준다. 필자는 여기서 long_button 이라는 파일로 진행했다. long_button.xml  shape 파일을 만들어서 기존 버튼에 속성을 주듯이 나머지 속성도 적용할 수 있고 그라데이션을 주기 위해서 gradient 속성을 작성해준다.  gradient 속성 ■  angle : gradient가 흐르는 방향이다. 90 과 270은 세로 방향 , 0과 180은 가로 방향 ■..