Power Apps 반응형 지원

Power Apps란 무엇입니까?

Power Apps 은 앱, 서비스, 커넥터, 데이터 플랫폼 제품군으로, 비즈니스 요구에 맞게 맞춤형 앱을 구축할 수 있는 신속한 애플리케이션 개발 환경을 제공합니다.

Power Apps를 사용하면 기본 데이터 플랫폼( 공통 데이터 서비스 ) 또는 다양한 온라인 및 온프레미스 데이터 원본(SharePoint, Excel, Office 365, Dynamics 365, SQL Server 등)에 저장된 비즈니스 데이터에 연결 맞춤 비즈니스 앱을 신속하게 만들 수 있습니다.

반응형 대응

이전에 만든 앱 의 반응형 대응을 해 봅니다.

덧붙여서 공식에서는, 이러한 기술이 되어 있습니다.

휴대전화용 Dynamics 365 및 태블릿 앱이 설치되어 있지 않아도 기기의 화면 해상도가 충분히 높으면 태블릿에서 웹 브라우저를 사용할 수 있습니다.

Power Apps는 스마트폰 앱, 태블릿 앱, 브라우저 보기에서도 사용할 수 있습니다.

덧붙여서 반응 대응 전에는, 이런 느낌이 되어 버려, 스마트폰 사이즈의 화면을 태블릿이나 브라우저( Dynamics 365 홈페이지 )로 표시할 수 있습니다.

<스마트폰 화면(iPhone7)>


<태블릿 화면(iPad)>

STEP1 설정 변경

Power Apps 설정을 변경합니다.
이제 모든 단말기에서 열 때 스마트 폰 크기 표시가 된 상태가 해제됩니다.




상기로 설정 변경 후, 아래와 같이, 표시가 무너진 상태가 됩니다.

STEP2 화면 크기를 얻는 방법

화면 크기는 코드에서 다음 값으로 얻을 수 있습니다.

横幅: App.Width
縦幅: App.Height

톱 화면의 Gallery 부분에 이 값을 적응시키면,



가로폭

App.Width

높이

App.Height - (RectQuickActionBar1_1.Height + TextSearchBox1.Height)

Y 좌표

RectQuickActionBar1_1.Height + TextSearchBox1.Height

이제 톱 화면은 이런 느낌이 듭니다.

<태블릿 화면>



<브라우저 화면>



잘못, 개선점이나 의문점이 있으면 코멘트해 주세요. 잘 부탁드립니다.

참고 기사

PowerApps로 반응형 앱 만들기