在清單中加入影像以加快選擇
透過影像清單方塊，使用視覺上更容易辨識的清單項目來強化資料輸入，讓在清單結構中選擇選項的方式更直覺。
影像清單方塊（image listbox）是一種資料編輯器與使用者介面元件；其概念與標準清單方塊（listbox）相同，都會呈現一系列可供選取的項目，但同時能夠在文字項目旁顯示影像，或甚至取代文字項目。透過搭配對應的圖示、縮圖或其他圖形，以提升視覺辨識度，此格式能為每個項目提供清楚的視覺參照，讓使用者能更有效率地瀏覽並選取輸入內容。當項目更容易依外觀而非標籤辨識時，將影像與文字以結構化、可選取的清單形式結合，就能讓影像清單方塊在涉及資料選擇的應用中更具價值；因為視覺化豐富的項目特別適合使用者必須從「更適合用影像辨識」的項目中進行選擇的情境（例如產品目錄、頭像、圖示或檔案預覽），而不只是依文字本身。
多種 Angular 資料編輯器集合都提供影像清單方塊支援，包括：
- DevExtreme Angular Data Editors（DevExpress 的 DevExtreme Complete 一部分）提供可自訂的清單方塊，內含影像，可用於視覺化豐富的資料選擇介面。
- Wijmo Angular Data Editors（MESCIUS 的 Wijmo 一部分）提供彈性的項目格式化選項，支援在清單項目中同時整合文字與影像，以提供視覺情境。
- jQWidgets 讓 Angular 開發者能使用 jqxListBox 元件及其 renderer 函式建立自訂清單方塊，支援直覺的項目選取。
- Syncfusion Angular Data Editors（Syncfusion Essential Studio Enterprise 的一部分）讓 Angular 應用程式能更輕鬆地使用經影像強化的清單方塊。
如需深入分析功能與價格，請參閱我們對 Angular 資料編輯器元件的比較。