官方文档:

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中控件上下分布。

Learn3:Canvas Apps 的控件相关推荐

  1. 重新想象 Windows 8.1 Store Apps (79) - 控件增强: MediaElement, Frame

    重新想象 Windows 8.1 Store Apps (79) - 控件增强: MediaElement, Frame 原文:重新想象 Windows 8.1 Store Apps (79) - 控 ...

  2. 重新想象 Windows 8 Store Apps (10) - 控件之 ScrollViewer 特性: Chaining, Rail, Inertia, Snap, Zoom...

    原文:重新想象 Windows 8 Store Apps (10) - 控件之 ScrollViewer 特性: Chaining, Rail, Inertia, Snap, Zoom [源码下载] ...

  3. 重新想象 Windows 8 Store Apps (9) - 控件之 ScrollViewer 基础

    原文:重新想象 Windows 8 Store Apps (9) - 控件之 ScrollViewer 基础 [源码下载] 重新想象 Windows 8 Store Apps (9) - 控件之 Sc ...

  4. 重新想象 Windows 8 Store Apps (4) - 控件之提示控件: ProgressRing; 范围控件: ProgressBar, Slider...

    重新想象 Windows 8 Store Apps (4) - 控件之提示控件: ProgressRing; 范围控件: ProgressBar, Slider 原文:重新想象 Windows 8 S ...

  5. Expression Blend实例中文教程(4) - 布局控件快速入门Canvas

    上一篇,我介绍了Silverlight控件被分为三种类型, 第一类: Layout Controls(布局控件) 第二类: Item Controls (项目控件) 第三类: User Interac ...

  6. 背水一战 Windows 10 (38) - 控件(布局类): Panel, Canvas, RelativePanel, StackPanel, Grid

    原文: 背水一战 Windows 10 (38) - 控件(布局类): Panel, Canvas, RelativePanel, StackPanel, Grid [源码下载] 背水一战 Windo ...

  7. 一步一步学Silverlight 2系列(10):使用用户控件

    概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...

  8. Avalonia跨平台入门第十篇之控件的锁定

    在前面分享的几篇中咱已经玩耍了Popup.ListBox多选.Grid动态分.RadioButton模板.控件的拖放效果.控件的置顶和置底;今天趁着有时间接着对拖放到Canvas上的控件进行锁定的效果 ...

  9. Avalonia跨平台入门第九篇之控件置顶和置底

    在前面分享的几篇中咱已经玩耍了Popup.ListBox多选.Grid动态分.RadioButton模板.控件的拖放效果;今天趁着有时间接着对拖放到Canvas上的控件进行置顶和置底切换的效果,最终实 ...

最新文章

  1. 人工智能抢饭碗,你的工作还保得住吗?
  2. springboot mybatis 事务_SpringBoot 下 Mybatis 的缓存
  3. 深度学习之Windows下安装faster-rcnn
  4. 13.  Roman to Integer
  5. B. Lynyrd Skynyrd(倍增 + 区间最小值)
  6. Web项目替换jar包中的文件的方法
  7. CentOS 6服务器简单安全配置
  8. 【转】mysql触发器的实战(触发器执行失败,sql会回滚吗)
  9. 用C#实现文件夹拷贝
  10. 计算机网络(一)-- 物理层与数据链路层
  11. c语言编程如何进行n次方运算,c语言n次方怎么输入?_后端开发
  12. 【亚伦博客】《蝙蝠侠前传2:黑暗骑士》里发生了什么
  13. Python数据爬虫学习笔记(11)爬取千图网图片数据
  14. 什么是对齐,为什么要对齐
  15. 开放式运动耳机排行榜,排行榜最高的五款骨传导耳机
  16. 速通C语言支线第一站 基础刷题
  17. PPP再迎风口 相关概念股表现格外抢眼
  18. 【STM32H7】第13章 任务调度—抢占式,时间片和合作式
  19. Gartner:2018人工智能技术成熟度曲线
  20. DB2 查看表占用空间大小

热门文章

  1. Java web图书管理系统——数据库课程设计
  2. 《皓镧传》刚开播吴谨言被虐,“魏姐”的金手指到战国不管用了……
  3. 2022-03-06裁判文书网(分析)数据更新
  4. 【ORACLE 】ORACLE OCP 071考点记录01
  5. 从零开始学WCF(14)WCF安全性概述
  6. js函数形参、实参、arguments[]的一探究竟
  7. 售后派工系统如何管理客户服务派单、跟进记录?
  8. 李一男加盟百度的幕后故事
  9. 大数据|Hive和数据仓库
  10. linux 内存 thp,操作系统内存大页(THP)对redis性能的影响