Material 3 Adaptive 1.2.0이 안정화되었습니다.

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

Material 3 Adaptive 1.2.0의 새로운 기능

이 안정화 버전은 대형 및 초대형 중단점에 대한 WindowManager 1.5.0 지원을 기반으로 빌드되었으며 ListDetailPaneScaffold 및 SupportingPaneScaffold에 관한 새로운 리플로우 및 레비테이트 전략을 도입합니다. 

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

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

currentWindowAdaptiveInfo(supportLargeAndXLargeWidth = true)

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

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

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

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

창 크기에 따라 창 리플로우

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

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

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

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

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