Material 3 Adaptive 1.2.0 안정화

Material 3 Adaptive 1.2.0이 안정화되었다는 소식을 전해 드리게 되어 기쁩니다.

이 출시에서는 이전 버전의 기반을 계속 구축하여 창 크기 클래스의 더 많은 중단점과 디스플레이 창을 자동으로 배치하는 새로운 전략을 지원하도록 확장합니다.

Material 3 Adaptive 1.2.0의 새로운 기능

이 안정화 버전은 대형 및 초대형 중단점을 지원하는 WindowManager 1.5.0을 기반으로 빌드되었으며 ListDetailPaneScaffold 및 SupportingPaneScaffold를 위한 새로운 리플로우 및 부상 전략을 도입합니다. 

새로운 창 크기 클래스: 대형 및 초대형

WindowManager 1.5.0에서는 너비 창 크기 클래스를 위한 두 개의 새로운 중단점을 도입했습니다. 확장 창 크기 클래스보다 더 큰 창을 지원하기 위해 대형 (L) 및 초대형 (XL) 중단점은 코드베이스의 currentWindowAdaptiveInfo() 호출에 다음 매개변수를 추가하여 사용 설정할 수 있습니다.

currentWindowAdaptiveInfo(supportLargeAndXLargeWidth = true)

이 플래그를 사용하면 라이브러리가 필요할 때마다 L 및 XL 중단점도 반환할 수 있습니다.

새로운 적응형 전략: 리플로우 및 부상

창에서 콘텐츠와 디스플레이 창을 정렬하는 것은 창 크기부터 시작하여 여러 요소를 고려해야 하는 복잡한 작업입니다. 새로운 Material 3 Adaptive 라이브러리를 사용하면 두 가지 새로운 기술을 통해 최소한의 노력으로 적응형 레이아웃을 구현할 수 있습니다.

리플로우를 사용하면 창 크기 또는 가로세로 비율이 변경될 때 창이 충분히 넓으면 두 번째 창을 첫 번째 창의 측면에 배치하거나 창이 더 높으면 두 번째 창을 첫 번째 창 아래로 리플로우하여 창이 재정렬됩니다. 이 기법은 창이 작아질 때도 적용됩니다. 콘텐츠가 하단으로 리플로우됩니다.

창 크기에 따라 창 리플로우

리플로우는 많은 경우에 유용한 옵션이지만 콘텐츠를 창의 한쪽에 도킹하거나 창 위에 부상 시켜야 하는 상황이 있을 수 있습니다. 부상 전략은 콘텐츠를 도킹할 뿐만 아니라 드래그 가능성, 크기 조절 가능성, 배경 스크림과 같은 기능을 맞춤설정할 수 있도록 지원합니다.

가로세로 비율에 따라 창을 측면에서 중앙으로 부상

흐름 및 부상 전략은 모두 adaptStrategies 매개변수를 사용하여 Navigator 생성자 내에서 선언할 수 있으며 두 전략 모두 목록 세부정보 및 지원 창 scaffolds에 적용할 수 있습니다.

val navigator = rememberListDetailPaneScaffoldNavigator<Nothing>(
        adaptStrategies = ListDetailPaneScaffoldDefaults.adaptStrategies(
            detailPaneAdaptStrategy = AdaptStrategy.Reflow(
                reflowUnder = ListDetailPaneScaffoldRole.List
            ),
            extraPaneAdaptStrategy = AdaptStrategy.Levitate(
                alignment = Alignment.Center
            )
        )
    )

이러한 새로운 적응형 전략을 활용하는 방법을 자세히 알아보려면 Material 웹사이트와 GitHub의 전체 샘플 코드를 참고하세요.