格線配置的項目範本 (HTML)
[ 本文的目標對象是撰寫 Windows 執行階段 App 的 Windows 8.x 和 Windows Phone 8.x 開發人員。如果您正在開發適用於 Windows 10 的 App,請參閱 最新文件 ]
了解可與具備格線配置的 ListView 搭配使用的項目範本。 如需專為清單配置所設計的範本,請參閱清單配置的項目範本。
每一個範本都包含這個資訊:
- 定義 WinJS.Binding.Template 的 HTML 以及使用該範本的 ListView。
- 範本的 CSS 樣式。
如果要使用範本,請將 HTML 和 CSS 樣式複製到您的專案。HTML 有一個專門設計用來與範本搭配使用的 ListView。複製 HTML 之後,請將 ListView 控制項的 itemDataSource 設定成應用程式的資料來源,然後更新範本的 data-win-bind 屬性,讓它們可以處理您的資料。
本節包含這些範本:
在這個章節中
主題 | 說明 |
---|---|
定義代表某個項目的項目。項目包含圖示和描述性文字。 |
|
定義影像庫中的項目。 |
|
定義影像庫置物籃中的項目。 |
|
定義顯示專輯資訊的項目:專輯影像、專輯相關資訊以及演出者。 |
|
定義影像庫中資料夾的項目。 |
|
定義包含影像、大型文字區段以及小型文字區段的項目。 |
|
定義包含影像、大標題、次標題及內文的項目。 |
|
定義代表檔案的項目:圖示、名稱、日期及其大小。 |
|
定義包含專輯曲目之曲目編號和標題的項目。 |
|
定義代表磚的項目。這個項目包含擁有較大的粗體文字的區段,以及擁有較小文字的區段。 |
|
定義代表磚的項目。這個項目包含一個標題。 |