🚀 Jetpack Compose 1.2 안정화 단계 출시 (Jetpack Compose 1.2 is now stable!)

Android Developers Blog의 게시글을 번역 및 요약하였습니다.

Jetpack Compose 1.2 is now stable!

 

👀 개요

오늘, 안드로이드의 현대적이며 네이티브 툴킷인 Jetpack Compose 1.2 버전을 출시하며 로드맵을 쌓아 올리고 있습니다. 이번 릴리즈는 downloadable fonts와 lazygrids 그리고 태블릿과 Chrome OS 에 대한 더 나은 focus, mouse, input handling 개선과 같은 새로운 기능들이 포함되었습니다.

Compose 는 전화기, 태블릿 그리고 폴더블 안드로이드 기기의 어플리케이션을 빌드하기 위한 우리의 추천 방법입니다. 오늘날 우리는 또한 Compose for Wear OS 1.0 출시하여, Compose가 Wear OS app을 제작하는데 또한 최고에 방법으로 만들고 있습니다.

Twitter 엔지니어링 팀과 같이 Compose를 사용하여 더 빠른 개발을 이루어내는 개발자들을 계속하여 살펴볼 수 있습니다.

Compose increased our productivity dramatically. It’s much easier and faster to write a Composable function than to create a custom view, and it’s also made it much easier to fulfill our designers’ requirements.

Compose 는 우리의 생산성을 극적으로 증가시켰습니다. Composable function을 더 쉽고 빠르고 적어 커스텀 뷰를 생성하고, 디자이너의 요구사항을 더 쉽게 제작할 수 있게 되었습니다.

Compose 1.2 에는 폰, 태블릿, 폴더블 기기에 대한 몇 가지 업데이트를 포함합니다. 이는 expr API를 졸업한 새로운 stable API들과 새로운 버전의 Kotlin (1.7.0) 을 지원을 말합니다. 이미 samples, codelabs, Accompanist library  와 MDC-Android Compose Theme Adapter 를 Compose 1.2에 맞도록 업데이트 하였습니다.

💡Note
Compose 컴파일러 라이브러리를 1.2로 업데이트하려면 Kotlin 1.7.0을 사용해야 합니다. 이 시점부터 컴파일러 릴리스는 다른 Compose 라이브러리의 릴리스와 분리됩니다. Jetpack Composite 라이브러리의 독립 버전에 대한 블로그 게시물에서 이에 대한 근거를 더 읽어 보세요

🆕 새로운 stable 안정화 기능과 API

몇 가지 기능과 API들이 stable로 추가되었습니다.

•  LazyHorizontalGrid 와 LazyVerticalGrid API는 리스트의 아이템을 그리드로 배치할 수 있게해줍니다. 이 API들은 버전 1.1 부터 존재 하였지만 @Experimental 실험 단계였습니다.
• WindowInsets 클래스는 디바이스의 insets 를 다루기 위하여 windowInsetsPadding, systemBarsPadding 와 windowInsetsTopHeight 같은 modifier을 제공합니다. 이 클래스는  Accompanist insets library  에 기반하였으며, Insets의 기본 메커니즘으로 대체되었습니다.
• Modifier.nestedScroll 은 중첩된 스크롤을 뷰와 상호운용성을 제공합니다. 다음은 이 새로운 기능을 보여주는 sample 입니다. gestures documentation. 에서 더 알아보세요.
• 아름다운 애니메이션을 효율적으로 쓰는데 도움이 되는 Easing curves 를 추가하였습니다. animation guidance. 에서 사용방법에 대해 자세히 알아보세요.
• Modifier.pointerHoverIcon, PointerEventType.Scroll, 그리고 PointerEvent.scrollDelta 를 추가하여 마우스 지원이 향상되었습니다.

🧪 새로운 Experimental 실험 API

Compose에 새로운 실험 기능을 가져오고 있습니다. 아래는 몇 가지 주요 사항입니다.

•  LazyLayout 을 사용하여 사용자 정의 의 효율적인 scrollable 레이아웃을 제작할 수 있습니다. Modifier.overscroll 을 사용하여 scrollable 한 컨테이너에 사용자 지정 overscroll 효과를 추가합니다.
• GoogleFont 를 사용하여 다운로드 가능한 폰드를 사용할 수 있습니다. 시작하기 위해 documentation를 읽어보세요
• 많은 텍스트 기능들이 추가되었습니다.
  • includeFontPadding 과 line height의 커스텀화 허용 (Text documentation 과 blog post 를 참고하세요)
  • Brush APIs (blog post 참고)
  • pluralStringResource 추가

• Test API를 개선하였습니다. 
  • performKeyInput 는입력 동작은 테스트에서 키보드 입력과 유사합니다. 
  • 새로운  testTagsAsResourceId sementics 속성을 사용하면 UI Automator와 통합할 수 있습니다.

@OptIn 을 사용하여 새로운 API를 사용해 보고 피드백을 제공해주새요!

🐞 버그 수정

우리는 커뮤니티에서 제기된 많은 버그를 고쳤습니다. 가장 두드러지는 것은 아래와 같습니다.

• 애니메이션이 시스템에서 정의한 애니메이터 지속시간 스케일을 따르도록 합니다.
• userScrollEnabled 매개 변수를 추가하여 lazy 레이아웃의 스크롤을 비활성화할 수 있습니다. 
• TextField 의 뒤로가기 버튼 동작을 EditText 동작과 동일하게 만듭니다.

🎬 마무리

우리는  issue tracker 에 제출 된 모든 버그 보고서 및 기능 요청에 감사드립니다. 그들은 당신이 필요로하는 API를 작성하고 구축하는 데 도움이 되었습니다. 귀하의 의견을 계속 제공하고 우리가 Compose를 개선할 수 있도록 도와주세요!

업데이트 된 로드맵을 확인하여 lazy item 추가 및 제거, flow 레이아웃, 텍스트 편집 개선 등을위한 애니메이션과 같이 현재 생각하고 작업중인 기능을 확인하세요!

Jetpack Compose는 여러분이 요구하는 기능으로 계속 진화하고 있습니다. 우리는 이미 현업에서 Jetpack Compose를 사용하는 수만 개의 앱을 보게되어 기뻤고, 많은 사람들이 앱 개발을 향상시키는 방법을 공유했습니다. 우리는 여러분이 다음에 어떤 것을 만들지 기대하고 있습니다.

즐거운 Composing 하세요!

---

😎 간단 요약

• Jetpack Compose 1.2 stable이 출시 (사용하기 위해서는 Kotlin 1.7.0을 사용해야함)
• New Stable
  
  • Lazy하게 리스트를 그리드 배치 가능
  • Insets을 다루기 위한 modifier 제공
  • nestedScroll이 뷰와 상호 운용됨
  • Easing curve 애니메이션 추가
• New Expr
  • LazyLayout 으로 사용자 정의 scrollable 레이아웃 제작 가능
  • downloadable 폰트를 사용할 수 있음
  • 여러가지 텍스트 옵션 제공 (innerFontPadding, Brush, pluralStringResource 등)
  • Test API 개선 (performKeyInput, testTagAsResourceId)
• Bug Fix
  • 애니메이션이 시스템에서 정의한 지속시간 스케일을 따름
  • userScrollEnabled 로 lazy 레이아웃의 스크롤을 비활성화 가능
  • TextField와 EditText의 뒤로가기 버튼 동작을 동일하게 함

 

compose는 신생 ui 킷인만큼 버전 업이 정말 빠른 것 같네용 🧐