在畫布應用程式資源庫中顯示不同高度的項目
如果您資料集中的不同項目在相同欄位包含不同的資料量,您可以完全顯示含有更多資料的項目,而無須在包含較少資料的項目之後新增空格。 新增和設定彈性高度控制項,以便您可以︰
- 設定標籤控制項來根據其內容展開或收起。
- 放置每個控制項,使其剛好自動出現在它上方控制項之下。
在本教學課程中,您會在 Flexible height 資源庫控制項中顯示有關地板產品的資料。 每項產品的圖像會在總覽下出現 5 個像素,無論總覽是否包含五行或兩行文字。
建議閱讀資料
如果您從未將控制項新增至資源庫,請遵循 顯示項目清單 中的步驟後,再繼續進行本主題。
將資料新增至空白的應用程式
下載 這個 Excel 檔案,其中包含地板產品的名稱、總覽和圖像的連結。
將這個 Excel 檔案上傳到雲端儲存體帳戶,例如 OneDrive、Dropbox 或 Google Drive。
建立包含手機配置的空白應用程式。
新增連線到 Excel 檔案中的 FlooringEstimates 資料表。
如需詳細資訊,請參閱 新增連接。
將資料新增至資源庫
在 插入 索引標籤上,按一下或點選 資源庫,然後按一下或點選 高度有彈性。
將資源庫的大小調整為佔用整個螢幕。
將資源庫的 Items 屬性設定為 FlooringEstimates。
顯示產品名稱
在資源庫的左上角,按一下或點選鉛筆圖示可選取資源庫範本。
選取資源庫範本後,為它新增**標籤** 控制項。
將標籤控制項的 Text 屬性設定為以下運算式︰
ThisItem.Name
顯示產品總覽
選取資源庫範本後,新增另一個標籤控制項,並將它移到第一個標籤控制項之下。
將第二個標籤控制項的 Text 屬性設定為這個運算式︰
ThisItem.Overview選取第二個標籤控制項後,在 Content 索引標籤上按一下或點選名稱標記圖示,然後將控制項重新命名為 OverviewText。
將 OverviewText 方塊的 AutoHeight 屬性設定為 true。
這個步驟可確保方塊中會放大或縮小以符合其內容。
顯示產品圖像
調整範本的大小,使它成為原本高度的兩倍。
您可以更輕鬆地在組建應用程式時將控制項新增至範本,這項變更不會影響應用程式執行時的外觀。
選取資源庫範本後,新增一個**圖像** 控制項,並將它移到 OverviewText 方塊之下。
請確保圖像控制項的 Image 屬性設定為這個運算式:
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:提交並檢視相關的意見反應