yubin

I am an amazing person.

카테고리 (펼쳐보기)

‘Build modern Android apps with Material You for Compose’ 발표 영상

MaterialYou

  • 가장 최신 버전의 머티리얼 디자인
  • 애플리케이션에 대해 개인화되고 액세스 가능한 사용자 환경을 제공할 수 있는 근본적인 설계 방법

Material Design3(material3 , M3)

  • MaterialYou의 디자인 지침을 구현한것

  • m3를 통해 동적이고 표현이 풍부한 UI의 개인화 된 앱을 만들 수 있다.
    • dynamic theming
    • 유연하고 접근가능한 요소
    • 모션에 대한 업데이트
  • m3는 강력하고 유연한 디자인 시스템
    • 색상, 모양, 글꼴 커스터마이즈
  • m3는 다양한 화면 크기의 디자인 시스템에 추천됨
    • 핸드폰, 탭, 노트북, 폴더블

Material Compose 1.1 Update

  • material compose 1.1 부터 앱에서 머티리얼 라이브러리를 통해 m3 디자인 모든 요소 쓸수 있다
    • 실험적인 기능들이 이제 안정화 되서 사용가능😆

Key Features

  • 스케폴드,surface,navigation drawer 등 주요 컴포넌트 안정화👍

  • bottom sheet, 타임피커, 데이트피커,searchbar 등 광범위한 컴포넌트 지원👍

    • standard bottom sheet : 스케폴드에 사용, 메인UI와 공존 가능
    • modal bottom sheet : 혼자 사용사능, 다이얼로그 마냥 깔끔하게 분리됨, 다양한 옵션
    • datePicker
    • dateRangePicker
    • rememberDataPickerState
    • timepicker : layoutType으로 여러 형태로 쓸 수 있음
    • Topic bars 4개 제공 : 스크롤하면 안보이게 할 수 있음

    (지금 m3로 작업하는 프로젝트에서 불편했던 부분이 1.1 적용하면 많이 편해질것같다!)

m3로 마이그레이션

  • One-Shot migration : m2→m3

      //implmentation("...")//M2
  implementation("....m3")//m3

  • Phased Migration : 앱 코드베이스가 복잡하고 규모가 클 때 화면별로 점진적인 마이그레이션 진행

      implmentation("...")//M2
  implementation("....m3")//m3

  • 주의할점

    • 한 화면에 두가지 버전의 컴포넌트가 공존하면 안됨.

M2→M3

  • color scheme 변경됨
  • typography style 변경

  • shape 추가

  • m3의 많은 컴포넌트는 m2 컴포넌트에 사용 측면에서 우선순위 제공?
    • m2 컴포넌트를 m3에서 사용하려고 할 때 누락된 항목이나 변형이 많은 항목의 경우 m3에서 가장 비슷한 요소를 찾아서 최대한 m2에 비슷하게 맞춤(링크)

  • 추가적 컬러 맵핑 사용가능

  • 기타 컴포넌트들의 디자인, 기능 등이 수정, 추가됨

dynamic theming

알고리즘이 기기 배경화면에서 커스텀 컬러 뽑아서 앱 색상을 거기에 적용시켜주는것

material theme builder에서 체험 가능

접근성(Accessibility)

m3에 접근성 기준있음

  • color accessibility
    • 색상 대비는 접근성 기준에 맞춰짐
    • color roles 는 접근성을 보장하기 위해 접근성 기준에 맞춰 만들어진 컬러 파레트에서 생성됨
    • dynamic theming을 통해 만들어진 테마는 모두 이러한 접근성 기준을 따름

Resources and Tools

Tools

  • Android Studio Integration :
  • Materal Theme Builder : m3 테마 만드는걸 도와 준다!

Resource

  • docs and code labs
  • 샘플앱
  • 기타 Talks and Videos


이번에 정리한건 사실 프리온보딩 안드로이드 챌린지에서 사전 과제를 위해서였는데 막상 끝내고 나니 생각보다 도움이 많이됐다.

지금 진행하는 프로젝트를 m3기반 컴포즈로 만들면서 중요한 요소들이 안정화되지 않은탓에 애를 먹는일이 많았는데 이번 업데이트에서 대부분 해소 된 것같다.

평소에는 업데이트 소식을 민감하게 확인하는 편은 아니었는데 미리 들었거나 찾아봤다면 작업에 많은 도움이 되었을 것 같아서 아쉽다.

사실 영어가 부담되서 안들은것도 좀 있었는데(🥲) 앞으로는 대충 알아들어도 좋으니까 새로운 소식은 대강 개요만이라도 파악할 수 있도록 노력해봐야겠다!

댓글남기기

참고