【Power Apps】04 自定义Canvas app screen样式以及通过函数设置数值显示格式

前言

hi everybody ，我又来了，上一讲终于创建了自己的第一个Power App，今天咱们就基于创建好的Canvas App，对它进行美化吧，话不多说，进入状态...

编辑Power App

在apps中选择之前创建的canvas app，点击“edit”，会自动在power app studio中打开

power app自带的theme和layout

在讲解自定义样式之前，先说一下power app自带的两个修改样式的功能

第一种：通过自带的Theme更换主题（for 整个app）

点击左上角“Theme”，可以看到多种自带的Theme，直接选择即可

第二种：通过BrowseGallery1修改数据展示形式

在左侧screens窗口中选择BrowseGallery1，然后在右侧可以通过Layout进行数据展示的变更

Layout可选择的项，如下

自定义Power App

下面进入今天的主题，自定义Canvas app screen样式以及通过函数设置数值显示格式

自定义需要显示的字段（list页面）

选择(第一步)BrowseGallery1-》(第二步)右侧 “Fields-Edit"-》（第三步）在弹出的Date表格中进行字段的修改

下图为更改字段的方法

下图为把overview修改为price的效果

调整字段类型及展示顺序（编辑页面）

在编辑页面点击Edit fields后，在弹出的Fields界面中，可以对字段进行拖拽来调整展示顺序

展开某个字段后，可以对该字段进行属性的调整，比如：字段类型，下面将Overview字段的类型修改为多文本

修改后的效果如下

通过函数设置数值或文本的样式

1、把price加上货币符号

选择price字段-》点击text中的fx（也可以直接操作three step）-》修改对应的fx

Text(ThisItem.Price, "$ ##.00")

添加后的效果，如下

2、根据price金额大小，显示不同的颜色

选择price字段-》通过下图选择color-》更新fx

If(ThisItem.Price > 5, Color.Red, Color.Green)

效果如下

来，先抬头望望天空吧，休息一小会儿

如上通过修改主题、layout、字段、格式、颜色等对原生的power app进行了自定义的修改

休息好之后，咱们接着深入探索吧

预告：下一讲将与大家一起研究有关apps的管理，如：power app版本的管理、版本的恢复、如何把制作完成的app分享给别人、什么是环境、如何创建环境等等