自定义 SharePoint 列表窗体

2023-04-08

通过使用 Power Apps，你可以轻松为 SharePoint 列表自定义最适合你的团队或组织的窗体。

在本教程中，你将创建一个包含用户个人资料照片、只读字段和有条件可见字段的自定义窗体。

所需设置

在开始前，请先确保 SharePoint 站点设置了所需的列表和库。

创建自定义窗体

在 SharePoint 站点中，浏览到“项目”列表。
若要创建和管理列表或库的流，请在命令栏中，在列表或库页上，选择 “集成>Power Apps”。此时将显示更多选项：
- 创建应用
- 查看所有应用
- 自定义窗体
选择“自定义窗体”。此时将显示Power Apps Studio，并将窗体加载到画布上。如果“欢迎使用 Power Apps Studio”对话框打开，请选择“跳过”。

添加用户个人资料照片

在“插入”选项卡上，选择“媒体”>“图片”。此时会将一个名为 Image1 的图像控件添加到画布以及左侧面板的树视图上。
若要自定义图像的外观，可设置其属性。
1. 选择画布上的控件时，右侧面板上将显示与该控件关联的“属性”窗格。
1. 由于图像是所选项目所有者的个人资料照片，因此建议将其设置为 与Owner_DataCard1数据卡相同的高度。
2. 选定 Image1，在编辑栏中，将该属性更改为“高度”，然后输入 Owner_DataCard1.Height 作为公式。现在，Image1 的高度就与 Owner_DataCard1 相同。
将 Image1 的宽度设置为与其高度相同。在编辑栏中，将属性更改“宽度”，然后输入 Self.Height 作为公式。
将 Image1 设置为圆形。在“属性”窗格中，为“边框半径”属性输入等于高度值的一半的值。
将 Image1 置于画布上的所需位置。调整其他控件或数据卡的宽度和高度，以免其余 Image1 重叠。
要将 Image1 的图像从示例图像更改为项目所有者的个人资料照片，可以使用 Office 365 用户连接器通过所有者的电子邮件检索照片。首先，将你的自定义窗体连接到 Office 365 用户连接器。
若要通过电子邮件检索项目所有者的个人资料照片，请在编辑栏中将属性更改为“图像”，然后输入 Office365Users.UserPhoto(DataCardValue5.Selected.Email) 作为公式。所有者的 Office 365 用户个人资料中的用户照片将显示在 Image1中。

更改项目所有者时，Image1 将更新为新所有者的用户照片。

将字段设置为仅供查看

若要将“标题”字段设置为仅供查看，请按照以下步骤操作。

注意

标题是预定义卡，因此它默认处于锁定状态，需将其解除锁定。

选择“Title_DataCard1”，将“属性”窗格切换为“高级”窗格，然后选择“解除锁定”以管理属性。

或者，在树视图中，右键单击“Title_DataCard1”，然后选择“解除锁定”。
切换回“属性”窗格，然后选择“显示模式”字段。编辑栏将更新以显示此属性。
在编辑栏中，输入 DisplayMode.View 作为公式。

或者，在“属性”窗格中，将显示模式的值设置为“查看”。

DataCardValue1 现在是仅供查看字段。

根据条件设置字段的可见性

如果项目所有者是 Nestor Wilke，若要隐藏“附件”字段，请按照以下步骤操作。

注意

附件是预定义卡，因此它默认处于锁定状态，需将其解除锁定。

选择“附件”，将“属性”窗格切换为“高级”窗格，然后选择“解除锁定”以管理属性。

或者，在树视图中，右键单击“Attachments_DataCard1”，然后选择“解除锁定”。
切换回“属性”窗格，然后选择“可见”字段。编辑栏将更新以显示此属性。
在编辑栏中，输入以下公式：If(SharePointIntegration.Selected.Owner.DisplayName = "Nestor Wilke", false, true)。

如果项目所有者是 Nestor Wilke，则“附件”数据卡处于隐藏状态。否则，该数据卡可见。

可通过多种方式编写同一条件逻辑。有关详细信息，请参阅 Power Apps 中的运算符和标识符。

发布自定义窗体

在“文件”选项卡上，选择“保存”选项卡，然后选择“保存”。

或者，若要保存应用，请在显示画布时按 Ctrl+S。
保存应用后，选择“发布到 SharePoint”。

在出现的对话框中，选择“确认”，然后选择“发布到 SharePoint”。

SharePoint 中显示的自定义窗体版本是最近发布的版本。
在 SharePoint 中，验证应用的预期功能。

通过