显示画布应用库中具有不同高度的项目
如果数据集中的不同项在同一字段中包含的数据量不同,则可完全显示出包含更多数据的项,而无需在包含较少数据的项后面添加空格。 添加或配置高度灵活库控件,以便可以:
- 将 标签 控件配置为根据内容量进行缩放。
- 放置每个控件,以便自动在其上方的控件下出现。
在本教程中,将在高度灵活库控件中显示地板产品的相关数据。 无论概述是包含 5 行文本还是 2 行文本,每个产品的图像均以 5 个像素的大小在概述下方显示。
推荐的阅读内容
如果从未向库添加过控件,请先按照显示项列表中的步骤操作,然后再查看此主题。
向空白应用添加数据
下载此 Excel 文件,其中包含地板产品的名称、概述和图片链接。
将 Excel 文件上传到云存储帐户(如 OneDrive、Dropbox 或 Google Drive)中。
使用电话布局创建空白应用。
将连接添加到 Excel 文件中的 FlooringEstimates 表中。
有关详细信息,请参阅添加连接。
向库添加数据
在插入选项卡上,依次单击或点击库和高度灵活。
调整库的大小,以占据整个屏幕。
将库的 Items 属性设置为 FlooringEstimates。
显示产品名称
在库的左上角,单击或点击铅笔图标选择库模板。
选择库模板后,向其中添加 标签 控件。
将 标签 控件的 Text 属性设置为以下表达式:
ThisItem.Name
显示产品概览
选择库模板后,添加另一个 标签 控件,然后将它移到第一个 标签 控件下方。
将第二个 标签 控件的 Text 属性设置为以下表达式:
ThisItem.Overview选择第二个 标签 控件后,单击或点击内容选项卡上的名称标记图标,然后将控件重命名为 OverviewText。
将 OverviewText 框的 AutoHeight 属性设置为 true。
此步骤可以确保该框将进行扩大或缩小来适应其内容的大小。
显示产品图像
调整模板的大小,将其高度增加一倍。
生成应用时可以更加轻松地向模板添加控件,此更改不会影响应用运行时的外观。
选择库模板后,添加 图像 控件,并将其移到 OverviewText 框的下方。
确保将 图像 控件的 图像 属性设置为以下表达式:
ThisItem.Image根据 OverviewText 框的位置和大小将 图像 控件的 Y 属性设置为以下表达式:
OverviewText.Y + OverviewText.Height + 5
如果要添加更多控件,请应用相同的概念:基于其上方控件的 Y 和 Height 属性设置各个控件的 Y 属性。
后续步骤
反馈
https://aka.ms/ContentUserFeedback.
Coming soon: Throughout 2024 we will be phasing out GitHub Issues as the feedback mechanism for content and replacing it with a new feedback system. For more information see:提交和查看相关反馈