반응형 캔버스 앱은 고정 캔버스의 크기를 조정하는 대신 레이아웃 및 탐색을 사용 가능한 뷰포트에 맞게 조정합니다. 앱이 지원되는 모든 창 크기, 디바이스 방향, 확대/축소 수준 및 입력 모드에서 계속 사용할 수 있도록 반응형 동작을 의도적으로 디자인합니다.
다음 각 지침은 디바이스의 화면 크기 또는 방향에 관계없이 캔버스 앱이 최적의 사용자 환경을 제공할 수 있도록 하기 위한 것입니다. 이러한 지침은 최신 앱 개발의 가장 중요한 측면 중 하나를 다룹니다. 이러한 지침은 Power Apps의 접근성과 사용자 참여를 향상시키려는 개발자에게 유용합니다.
화면 크기에 적응
캔버스 앱은 장치의 화면 크기에 따라 레이아웃과 인터페이스를 자동으로 조정하도록 디자인되어야 합니다. 이러한 응답성은 스마트폰에서 데스크톱 컴퓨터에 이르기까지 다양한 장치에서 앱이 기능적으로 유지되고 시각적으로 매력적으로 유지되도록 보장합니다.
자동 레이아웃 컨테이너 사용
반응형 화면의 기본 구조로 가로 및 세로 자동 레이아웃 컨테이너를 사용합니다. 이러한 컨테이너는 앱 구성 요소를 동적으로 구성하고 정렬하여 화면 차원의 변경에 효과적으로 응답하도록 합니다.
맞춤 크기 조정을 해제하고 종횡비와 방향을 관리
앱이 실제로 반응형으로 동작하도록 하려면 맞춤 크기 조정 설정을 끄세요. 이 설정은 확대/축소를 방지하고 레이아웃이 다양한 화면 크기에 자연스럽게 적응하도록 합니다. 또한 가로 세로 비율 및 잠금 방향 설정을 조정합니다. 이러한 조정을 통해 앱의 레이아웃이 다양한 화면 크기 및 방향에 효과적으로 응답할 수 있습니다. 앱은 디바이스가 세로 모드인지 가로 모드인지에 관계없이 일관되고 기능적인 인터페이스를 유지 관리합니다.
반응형 레이아웃 사용
다양한 디바이스에서 다양한 사용자 환경을 제공하는 분할 화면 및 사이드바와 같은 레이아웃 디자인을 사용합니다. 이러한 적응성은 앱의 기능을 향상시켜 모든 기기에서 사용자가 더욱 직관적으로 사용할 수 있도록 해줍니다.
동적 레이아웃에 수식 사용
컨트롤의 위치 지정 및 크기 조정을 위해 고정 좌표 대신 수식을 사용합니다. 이 방법을 사용하면 동적 반응형 레이아웃을 위해 화면 차원의 변경 내용에 적응할 수 있습니다.
다양한 장치에 대한 계획
효과적인 반응형 디자인에는 앱이 다양한 기기에서 어떻게 보이고 작동하는지 예상하는 것이 포함됩니다. 이러한 기대에는 공간을 최적화하고 유용성을 유지하기 위해 요소 크기를 조정하거나 작은 화면에 완전히 숨기는 방법에 대한 결정이 포함됩니다.
실제 구현
비반응형 캔버스 앱을 반응형 캔버스 앱으로 변환하려면 체계적인 접근 방식이 필요합니다. 이 접근 방식에는 응답성을 위한 설정을 조정하고 앱 내의 요소가 다양한 화면 크기에 맞게 조정되도록 컨테이너 속성을 신중하게 구성하는 작업이 포함됩니다.
Resources
- 캔버스 앱에서 반응형 레이아웃 만들기
- 반응형 캔버스 앱 빌드
- 액세스 가능한 캔버스 앱에서 컨트롤 구성
- 접근성을 위한 캔버스 앱 검토
- 캔버스 앱의 최신 컨트롤 및 테마 개요
- 캔버스 앱의 최신 컨트롤에 대한 최신 업데이트
- 레이아웃 최적화를 위한 권장 사항