Learn3：Canvas Apps 的控件

官方文档：

Explore screens and controls in Power Apps - Learn | Microsoft Docs

控件是指UI上可以显示信息或者可以操作的页面元素。Canvas Apps 的控件和其他很多应用的控件类似：有labels, text-input boxes, drop-down lists, navigation elements等。除了这些传统的控件之外，Canvas Apps还有更多特别的控件，例如：

Galleries - 这种布局包含一系列的控件可以显示数据源的记录

Forms- 显示每条记录，或者编辑创建一条新纪录
Media -这个控件让你可以增加背景图片，包括一个相机的按钮或者条形码之类的
Charts - 图表

通过点击Insert标签，可以增加你想要的的控件。

可以通过下面方式，认识excel导出的Canvas app自动生成的那些控件：

每种控件的用法参考官方：

Controls and properties in canvas apps - Power Apps | Microsoft Docs

 1. Image 图片

2. Address input 地址输入

（使用前需要在admin center 中开启Geospatial Services的功能）

Address inpu经常和Map 一起用，不知道是不是网速太慢了，地图加载不出来。

3. Attachments 控件通常是在form控件中加入可以上传附件的字段时自动显示的，如下图所示：

4. Audio 和Video 音频视频

5. Barcode Scanner 条形码扫描，可以把扫描值自动填写到lable中

6. Buttons 比较常见的控件。如下为实现点击Add按钮可以将第一个输入框的值的累计值显示下Add按钮下面。

7. Camera. 如下为将拍照内容显示到Image

8. Card 控件通常出现在edit form中，你可以选择显示哪些fields可以在UI上输入。

9. CheckBox 和 Data Picker. 如下为当checkbox勾选时候就显示当天日期

9. Chart

Column chart 和Line chart。 柱形图和折线图是成套控件，包含三个控件：标题标签、图表图形和图例。

10.Data Table 和Column控件通常是用在Tablet类型的App中，如下所示有7个列的控件。

11. Combo Box, DropDown 和List Box 是相关的几个控件。Combo Box是复选框，DropDown是单选框，ListBox是下拉列表。

12.Export 和Import控件，要注意的Export这个控件是不支持浏览器的，只能在手机App上看到效果。点击Import后可以选择要导入的文件。

13.Gallery控件在我们第一个Canvas App 中认识过，Gallery可以将数据源的数据显示出来。

需要注意的是我们尽量避免使用Flexible height gallery，因为这种可能会导致在数据完全加载完时，会中断或退出用户当前正看到的记录的界面。

14. Html 控件可以将一些HTML文本和标签转换，如下所示将上面Lable的文本显示在下面的HTML控件中。

15. Icon 控件在我们第一个Canvas App 中认识过，一般点击Icon会有一些页面动作，例如跳转，查询之类的：

16. Mixed Reality的三个控件会根据下面的官方文档做下练习。

Build a 3D mobile app with Power Apps in mixed reality - Learn | Microsoft Docs

17.Microphone控件可以录音，通常可以和Audio的控件一起使用。一个用于录音，一个用于录音回放。如下所示，可以将每次的录音保存Gallery控件中回放。

 18. PDF viewer 传入PDF的URL可以显示PDF内容。

19. Pen input可以画图，如下可以把手绘图保存到Gallery控件中。

 20.Rating控件用于评级，以下例子为根据评级结果显示提示信息。

21. Shap和Timer控件，如下例子为一个运动的圆形。

22.Slider一个是滑动的控件，如下图所示，可以滑动值来过滤想看的记录。

23. Toggle是比较常见的用于开关控件。下面的例子是根据是否开启打折来显示价格。

24.Container是其他控件的容器，水平的container中的控件从左到右分布和垂直的container中控件上下分布。