# 當您在 PowerApps 中自動產生應用程式後,請自訂瀏覽畫面 (預設會顯示)。 指定要使用的版面配置、要顯示的資料行,以及用於排序和篩選記錄的資料行。

必要條件

## 您可以檢閱本教學課程中的一般概念,也可以完全遵循教學課程完成這些步驟。

  1. 建立從 PowerApps 到 SharePoint 的連線
  2. 建立包含下列資料行的 SharePoint 清單,並命名為 AppGen

    SharePoint 中的範例資料行

  3. 將這些項目新增至您剛才建立的清單。

    樣本資料

  4. 根據您剛才建立的清單自動產生應用程式

  5. 在左側的導覽列中按一下或點選右上角的圖示,切換至縮圖檢視。

    切換檢視

自訂資源庫

## 1. 在左側導覽列中,按一下或點選頂端縮圖,以確定已選取 BrowseScreen1

![BrowseScreen1 縮圖](https://pwrappsdps.blob.core.windows.net/media/powerapps.microsoft.com/zh-tw/documentation/articles/customize-layout-sharepoint/20170717105320/browse-thumbnail.png)

**BrowseScreen1** 顯示 SharePoint 清單中每個項目的 **AccountID** 和 **Title**。

![瀏覽畫面顯示標題及帳戶識別碼](https://pwrappsdps.blob.core.windows.net/media/powerapps.microsoft.com/zh-tw/documentation/articles/customize-layout-sharepoint/20170717105320/browse-accountid.png)

接下來,您將指定將顯示每個項目的 **OrderDate**,而非 **AccountID**。
  1. 按一下或點選畫面上第一個項目的 AccountID

    當您按一下或點選 UI 項目時 (稱做控制項),您便選取了它,該控制項四周會顯示選取框線及調整大小控點。

    選取第一個項目的內文

  2. 在右側窗格中,開啟 Title1 清單,然後按一下或點選 OrderDate

    顯示標題

    [BrowseScreen1] 會反映您的變更。

    含日期的版面配置

如需資源庫的詳細資訊,請參閱顯示 PowerApps 中的項目清單

設定排序和搜尋資料行

## 1. 按一下第一筆記錄外的任何記錄,以選取 [資源庫] 控制項。

![選取資源庫](https://pwrappsdps.blob.core.windows.net/media/powerapps.microsoft.com/zh-tw/documentation/articles/customize-layout-sharepoint/20170717105320/select-gallery.png)
  1. 確定靠近左上角處的屬性清單顯示的是 Items

    Items 屬性

    此屬性的值 (顯示在公式列中) 不僅決定在畫面上顯示的資料來源,還決定篩選與排序資料行。

    例如,公式列可能預設包含此公式。

    預設 Items 屬性

    根據此公式,使用者只可顯示開頭為 AccountID 資料行中一或多個字母的記錄。

    預設搜尋資料行

    例如,如果使用者在搜尋列中輸入字母 "A",則畫面會顯示 Europa 的記錄。 該記錄的標題並不符合搜尋準則,但是帳戶識別碼符合。 稍後在此程序中,您將會變更公式,以根據 Title 資料行篩選記錄。

    在任何產生的應用程式中,使用者都可以按一下或點選靠近右上角的排序按鈕,以依照字母順序遞增或遞減排序記錄。 此公式指定系統將會根據 AccountID 資料行排序記錄。

    預設排序資料行

    稍後在此程序中,您將會變更公式,以改為根據 Title 資料行排序記錄。

  2. 在公式列中,將 AccountID 的兩個執行個體取代為 Title (包括括住第二個執行個體的雙引號)。

    公式列現在應該包含類似此範例中的公式︰
    SortByColumns(Filter(AppGen, StartsWith(Title, TextSearchBox1.Text)), "Title", If(SortDescending1, Descending, Ascending))

    注意TextSearchBox 後顯示的數字可能更大,這視您先前採取的動作而定。 不過,公式應該仍可如預期般運作。

測試排序和搜尋

## 1. 按下 F5 (或按一下或點選靠近右上角的播放按鈕) 開啟 [預覽] 模式。

![開啟預覽模式](https://pwrappsdps.blob.core.windows.net/media/powerapps.microsoft.com/zh-tw/documentation/articles/customize-layout-sharepoint/20170717105320/open-preview.png)
  1. 在靠近 [BrowseScreen1] 的右上角處,按一下或點選排序按鈕一或多次,可變更字母排序順序為遞增或遞減。

    測試排序按鈕

  2. 在搜尋方塊中,輸入多個字母,只顯示標題開頭為您所輸入字母的記錄。

    測試搜尋列

  3. 移除搜尋列中的所有文字,然後按下 Esc (或按一下或點選 PowerApps 標題列 下方 的關閉圖示) 關閉 [預覽] 模式。

    關閉預覽模式

變更畫面標題

## 1. 按一下或點選畫面標題將其選取。

![選取畫面標題](https://pwrappsdps.blob.core.windows.net/media/powerapps.microsoft.com/zh-tw/documentation/articles/customize-layout-sharepoint/20170717105320/select-screen-title.png)
  1. 確定屬性清單中顯示 Text,然後在公式列中輸入您想要的名稱,前後要加上雙引號。

    更新畫面標題

    [BrowseScreen1] 會反映您的變更。

    新畫面標題

後續步驟

## - 按下 Ctrl-S 儲存變更。 - 透過顯示、隱藏或重新排序表單顯示的欄位,在應用程式中自訂表單