안드로이드/Design

Figma로 앱 설계 (다크모드)

다크 모드 다크 모드는 눈을 편하게 하기 위해 만들어진 모드라고 한다. 나는 다크 모드가 디자인이 더 이뻐서 사용하는 경우가 많다. 그래서 이번에 앱 디자인을 설계할 때 다크 모드도 가능하도록 개발하기 위해 공부를 했다. 다크 모드의 바탕은 검은색이 아니다 다크 모드의 바탕은 검정색이 아니라고 한다. 검정보다 조금 밝은 색이 들어간다고 한다. 이 사실을 알고난 뒤 예전에 사이드 프로젝트로 개발한 앱의 다크모드가 마음에 들지 않았는데 밝은 색을 첨가하지 않아서 그런 것 같다. 높이(층)은 밝기로 조절한다 처음에는 이해를 못했던 말인데, 카드뷰와 같이 높이를 가지고 싶으면 라이트 모드에서는 그림자, 다크 모드에서는 색의 밝기를 조절한다고 한다. 위의 조건을 가지고 아래와 같은 결과물을 얻을 수 있었다. 핑크..

android shared elements transition

애니메이션으로 활동 시작 | Android 개발자 | Android Developers 애니메이션으로 활동 시작 | Android 개발자 | Android Developers 애니메이션으로 활동 시작 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 머티어리얼 디자인 앱의 활동 전환은 공통 요소 간의 모션 및 변환을 통해 서로 developer.android.com 적용하는 방법은 쉽다. 하지만 AndroidManifest에서 activity부분 또는 fragment 부분을 수정했다면 확인이 필요하다. 나 같은 경우에는 launchMode가 singleInstance인 경우 작동하지 않았다. -> https://stackoverflow.com/questions/32650545..

안드로이드 BottomNavigationView 커스텀하기

CustomBottomNav 최종 이미지 코드 import com.google.android.material.bottomnavigation.BottomNavigationView import android.content.Context import android.util.AttributeSet import androidx.core.content.ContextCompat import android.graphics.* import com.telefield.iot_user_app.R class CustomBottomNavigationView : BottomNavigationView { private var mPath: Path = Path() private var mPaint: Paint = Paint() pri..