Share via


格線配置的項目範本 (HTML)

[ 本文的目標對象是撰寫 Windows 執行階段 App 的 Windows 8.x 和 Windows Phone 8.x 開發人員。如果您正在開發適用於 Windows 10 的 App,請參閱 最新文件 ]

了解可與具備格線配置的 ListView 搭配使用的項目範本。 如需專為清單配置所設計的範本,請參閱清單配置的項目範本

每一個範本都包含這個資訊:

如果要使用範本,請將 HTML 和 CSS 樣式複製到您的專案。HTML 有一個專門設計用來與範本搭配使用的 ListView。複製 HTML 之後,請將 ListView 控制項的 itemDataSource 設定成應用程式的資料來源,然後更新範本的 data-win-bind 屬性,讓它們可以處理您的資料。

本節包含這些範本:

在這個章節中

主題 說明

圖示與文字 (應用程式) 範本

定義代表某個項目的項目。項目包含圖示和描述性文字。

影像 (影像庫) 範本

定義影像庫中的項目。

影像 (影像庫置物籃) 範本

定義影像庫置物籃中的項目。

影像重疊 (專輯) 範本

定義顯示專輯資訊的項目:專輯影像、專輯相關資訊以及演出者。

影像重疊 (影像庫資料夾) 範本

定義影像庫中資料夾的項目。

影像重疊 (登陸) 範本

定義包含影像、大型文字區段以及小型文字區段的項目。

影像與文字 (集合) 範本

定義包含影像、大標題、次標題及內文的項目。

影像與文字 (清單檔案) 範本

定義代表檔案的項目:圖示、名稱、日期及其大小。

文字 (專輯曲目) 範本

定義包含專輯曲目之曲目編號和標題的項目。

文字磚 (登陸) 範本

定義代表磚的項目。這個項目包含擁有較大的粗體文字的區段,以及擁有較小文字的區段。

文字磚 (清單資料夾) 範本

定義代表磚的項目。這個項目包含一個標題。