前言

  我们都知道Power Apps作为低代码平台,最大的优势就是各个设备之间的兼容性,尤其是自带的响应式布局,非常好用。

  这不,我们就为大家分享一下,如何使用Power Apps画布应用,创建响应式布局。

  正文

  1.创建响应式布局之前,先要了解一个概念,就是屏幕尺寸和断点,我们看一眼下面的图片:

  Tips:这个应该不需要太多解释,我们看值和后面的描述,一看就懂,后面我们为大家介绍如何使用

Power Apps 创建响应式布局-LMLPHP

  2.设置Power Apps的显示,默认如下图:

  Tips:这个要说一下,就是调整为合适页面需要关闭,允许屏幕和控件填充可用空间,这样才能做到响应式布局。

  同时,下面的锁定横纵臂会自动关掉。

Power Apps 创建响应式布局-LMLPHP

  3.设置屏幕的宽度和高度,如下:

  Tips:这样的设置,是为了让页面填充满设备,不要两边留白或者上下留白。

宽度 = Max(App.Width, If(App.Width < App.Height, App.DesignWidth, App.DesignHeight))
高度 = Max(App.Height, If(App.Width < App.Height, App.DesignHeight, App.DesignWidth))
01-29 10:04