在畫布應用程式資源庫中顯示不同高度的項目

如果您資料集中的不同項目在相同欄位包含不同的資料量,您可以完全顯示含有更多資料的項目,而無須在包含較少資料的項目之後新增空格。 新增和設定彈性高度控制項,以便您可以︰

  • 設定標籤控制項來根據其內容展開或收起。
  • 放置每個控制項,使其剛好自動出現在它上方控制項之下。

在本教學課程中,您會在 Flexible height 資源庫控制項中顯示有關地板產品的資料。 每項產品的圖像會在總覽下出現 5 個像素,無論總覽是否包含五行或兩行文字。

動態應用程式。

建議閱讀資料

如果您從未將控制項新增至資源庫,請遵循 顯示項目清單 中的步驟後,再繼續進行本主題。

將資料新增至空白的應用程式

  1. 下載 這個 Excel 檔案,其中包含地板產品的名稱、總覽和圖像的連結。

    地板產品。

  2. 將這個 Excel 檔案上傳到雲端儲存體帳戶,例如 OneDrive、Dropbox 或 Google Drive。

  3. 建立包含手機配置的空白應用程式

  4. 新增連線到 Excel 檔案中的 FlooringEstimates 資料表。

    如需詳細資訊,請參閱 新增連接

  1. 插入 索引標籤上,按一下或點選 資源庫,然後按一下或點選 高度有彈性

    新增圖庫。

  2. 將資源庫的大小調整為佔用整個螢幕。

  3. 將資源庫的 Items 屬性設定為 FlooringEstimates

顯示產品名稱

  1. 在資源庫的左上角,按一下或點選鉛筆圖示可選取資源庫範本。

    鉛筆圖示。

  2. 選取資源庫範本後,為它新增**標籤** 控制項。

  3. 標籤控制項的 Text 屬性設定為以下運算式︰
    ThisItem.Name

    新增標籤。

顯示產品總覽

  1. 選取資源庫範本後,新增另一個標籤控制項,並將它移到第一個標籤控制項之下。

  2. 將第二個標籤控制項的 Text 屬性設定為這個運算式︰
    ThisItem.Overview

  3. 選取第二個標籤控制項後,在 Content 索引標籤上按一下或點選名稱標記圖示,然後將控制項重新命名為 OverviewText

    重新命名標籤。

  4. OverviewText 方塊的 AutoHeight 屬性設定為 true

    這個步驟可確保方塊中會放大或縮小以符合其內容。

    文字自動高度。

顯示產品圖像

  1. 調整範本的大小,使它成為原本高度的兩倍。

    您可以更輕鬆地在組建應用程式時將控制項新增至範本,這項變更不會影響應用程式執行時的外觀。

  2. 選取資源庫範本後,新增一個**圖像** 控制項,並將它移到 OverviewText 方塊之下。

  3. 請確保圖像控制項的 Image 屬性設定為這個運算式:
    ThisItem.Image

  4. 根據 OverviewText 方塊的位置和大小設定圖像控制項的 Y 屬性,如這個運算式所示︰
    OverviewText.Y + OverviewText.Height + 5

    最終應用程式。

如果您想要新增更多控制項,請套用相同的概念︰根據每個控制項上方控制項的 YHeight 屬性設定每個控制項的 Y 屬性。

後續步驟

深入了解如何使用資源庫控制項和 公式

注意

是否能請您告知您偏好的慣用文件語言? 請填寫問卷。 (請注意,本問卷為英文版)

完成問卷大約需要七分鐘。 本問卷將不會收集個人資料 (隱私權聲明)。