PowerApps教程02-了解软件运行逻辑

一、回顾

上次我们讲述了如何创建我们的第一个App,那么今天我们就来熟悉这个软件的一些基本信息和概念,以及它的运行逻辑,那么学完今天的课程,理论上你就可以开始你自己的软件开发之路了。

二、如何打开我的App

上次我们把软件保存了下来,我的软件命名为“我的第一个APP”,那第一步就是回到你的PowerApps的主界面,然后看到你的所有的软件列表,找到需要设计编辑的软件,之后点击编辑。
PowerApps教程02-了解软件运行逻辑
第一种方法就是选择这个软件,左边会有一个勾勾表明该软件已经被选择,然后点击上面菜单栏的“编辑”,英文版本的是“Edit” 。第二种方法就是勾选这个软件之后,在软件名称后边有三个小点点“…”,点击这个类似于省略号的符号之后,可以看到如我上面截图界面显示的一样,有个展开的菜单,然后选择“编辑”即可。

三、功能模块

1、操作界面

PowerApps运行之后,默认界面就打开了:
PowerApps教程02-了解软件运行逻辑

这些主要的区域我标记了一下,如果名称与微软的叫法不一致,请大家忽略或者隐忍一下,我懒得到微软的官方网站去找这些专业名词了,就用自己的叫法给大家介绍吧。不过微软官方的PowerApps学习区确实很重要,里边有很多的知识大家多去看看,一定会很有帮助的。
PowerApps教程02-了解软件运行逻辑
2、菜单栏
上面的那部分是菜单栏,需要添加什么控件的话,都是从上面的菜单栏进行操作的。最右上角有一个向右的小三角形,这个可以预览或者模拟运行软件,很有用处。

3、屏幕及元素列表
左边的部分展示的是屏幕/界面,以及你放在屏幕里边的所有设计元素、控件等内容,如果你需要对某个控件进行操作,点击该元素或者控件就可以了。

3.1 BrowseScreen
这个是记录集浏览界面或者屏幕,它可以把你某个表的记录展示在这里,上面这个屏幕截屏里边看到的就是这个浏览界面,现在可以看到有5条记录,事实上这个屏幕是可以滑动的,就是说用电脑操作的话,可以用鼠标的滑动滚轮翻看更多记录,如果是在手机上或者平板上操作的话,就更简单了,跟操作其他软件没有区别,直接用手指在屏幕上上下滑动就可以操作。

3.2 DetailScreen
这个是单个记录浏览屏幕,就是你数据库里边的记录的所有列的属性都可以展示在这里。
PowerApps教程02-了解软件运行逻辑
3.3 EditScreen
这个是记录的编辑界面,编辑之后可以保存。
PowerApps教程02-了解软件运行逻辑
4、设计区
这个区其实就是“所见即所得”的区域,通过菜单栏,属性设置区的操作来改变屏幕的显示效果。

5、属性设置区
在这个区,可以设置控件的包括字体、颜色、效果等各种属性。基于你选择的控件,内容会有所不同。

6、公式
差点忘记了最重要的一个区域,就是公式编辑区域。在其他软件设计里边,需要输入很多的代码来实现一定的数据的筛选或者计算,在PowerApps里边,你只要知道使用Excel,就能轻易地用Excel公式来筛选或者计算和处理记录里的数据了。
PowerApps教程02-了解软件运行逻辑
重要提示:
上面在“屏幕及元素列表”中所谈及的那三个屏幕,他们的名字是可以自行更改的,不是非得叫做EditScreen,BrowseScreen,就算是你设计了一个数据编辑界面,你也可以叫做BrowseScreen,只是一个名称而已,当然了,我不建议你这么干,因为到最后,如果只看屏幕的名称,你自己都不知道这个屏幕是干什么的了。。。

四、设计编辑

好了,下面我就带着大家来探索一下这些所谓的控件或者元素是怎么工作的。

1、标签修改

我们打开第一个屏幕里边叫做LblAppName1的标签控件,如果难找,你就直接点击最顶端那个叫做“表1”的控件,可以看到左边元素/控件区有一个控件被选择了。然后在公式区域下拉列表选择“Text”,中文版本应该是叫做“文本”,可以看到它显示的是:“表1”
PowerApps教程02-了解软件运行逻辑
我们把双引号里边的“表1”修改为“商品目录”,不要动它的双引号,然后你就会发现它的名称显示就为“商品目录”了。
PowerApps教程02-了解软件运行逻辑
2、数据选择

下面我们点击一下左边的BrowseScreen1下边的BrowseGallery1.
PowerApps教程02-了解软件运行逻辑
我们发现在中间的设计区,有一块区域被选择了,这个区域就是记录集,我觉得这个记录集页面显示的内容不太合理,所以我想修改一下,那么我们再选择右边编辑按钮:
PowerApps教程02-了解软件运行逻辑
可以看到有三个数据标签,我们不难发现目前的这三个标签就是数据集浏览页面里边的产品价格,产品名称和产品类别。

假设我现在想把产品价格的那个地方显示为产品名称,其他另外两个也做一下调整:
PowerApps教程02-了解软件运行逻辑
这个是我们修改后的结果:
PowerApps教程02-了解软件运行逻辑
是不是很简单?对的,就是这么简单,还记得我前面讲的在菜单栏右上方有一个向右的三角形吗?这个时候你可以选择点击一下,然后就可以看到预览的界面:
PowerApps教程02-了解软件运行逻辑
这个可以看出来,是个手机竖屏的显示效果,也就是说,如果你用手机操作的时候,看到的就是这个界面,在电脑上用的时候,应该会有两边的空白,因为电脑显示屏的比例不是竖屏的。

所以在设计之初,要考虑是主要是手机用还是电脑用,还是平板用。自动生成的软件默认应该是手机版。我建议大家开始设计的时候可以考虑Tablet形式,也就是平板模式,这样在手机上、平板上和电脑上使用的时候,没有太大区别,可以设置为横屏,这样手机上用起来就很方便了,我的之前的一篇文章“使用PowerApps设计项目群管理系统”里边的截图都是手机操作的截屏,大家可以去看看效果。

五、发布及手机操作

当我们把所有的修改弄好之后(中间记得点保存,系统会时不时的自动保存,但是也建议自己点击一下保存,上一篇文章讲过如何保存了),下面我们就可以发布软件的版本了。

请大家忽略软件名称,我没有再截图,直接用的另外的PowerApps软件的截图,但效果是一样的,就是点击“Publish”,中文版本应该是“发布”。
PowerApps教程02-了解软件运行逻辑
发布后之后,会出现一个“Share”,这个是问你需不需要把这个软件分享给其他人使用,暂时不用理会。我们以后再讲。

手机可以到App Store去下载PowerApps,然后按照提示输入电子邮件地址,再按照步骤操作即可看到如下画面:
PowerApps教程02-了解软件运行逻辑
点击“我的第一个APP”,看到界面之后,你会微微一笑的。。。哦耶,原来就是这么简单。。
PowerApps教程02-了解软件运行逻辑
奔跑吧,少年,你已经是一个冉冉升起的新星了,开启你的快乐之旅,享受PowerApps给你带来的乐趣吧!

六、总结

有几个关键的注意事项我们需要了解一下:

1、在你左边的屏幕及元素列表里,排在第一位置的屏幕就是你打开的软件运行的第一个界面,所以呢。。。。你可以考虑设计一个欢迎界面。。。
2、在公式区,记得一定要用英文的双引号,单引号,逗号,封号以及冒号,还有将来会用到的括号,中括号,大括号。。。否则容易出错。
3、养成良好的命名规则,比方屏幕的命名和控件的命名,这个对于将来你的操作影响很大。

最后,希望你通过这两次课程的学习,对PowerApps的基本概念和逻辑有了一定的了解,然后可以开始设计你自己的软件了。共勉!