圖片顯示元件（Image）：顯示圖片用，直接指定所要顯示的圖片的地址，在屬性中定義圖片樣式即可。

1、圖片源文件可以是項目文件夾中圖片文件夾中的圖片，自定義的圖片可以存入此文件夾，也可以在文件夾中放下一層文件夾並義所需圖片放入：

2、地址可以以常量形式定義，拖放一個字符常量元件，用地址來命名此常量的名稱，然後傳值給圖片<Caption>變量即可，也可設計用數據庫表中預存的地址值，如果項目都是在聯網的環境中使用，也可以將網絡上某個圖片的網絡地址傳給圖片供顯示：

3、圖片的屬性設置與其他元件的屬性設置一樣，在屬性中添加“html.style”即可進行樣式標簽及值的定義，比較大小可以用“height:18px;width:18px;”來直接定義，同類樣式的可以定義一個樣式類，用“html.styleClass”來統一處理：

4、圖片可以在其他顯示元件中放入使用，比如前面一節提到的在按鈕中放一個動態圖片，在用戶點擊後顯示動態的加載圖片以加強用戶體驗。

通用顯示塊元件（HTML Tag）：是一個默認為HTML塊的元件，也是一個容器元件，很多顯示元件都可以基於此來自定義而不用其默認的設計，比如可以用它來從零開始設計自己想要的按鈕等，其最常用的一個功能是作為一個HTML元件，定義大小來做為空內容的元件並放置一些bootstrap圖標，當然這類圖標也可以直接定義在其他大部分顯示元件之上。

上圖中，用“html.styleClass”屬性定義了bootstrap圖標，在屬性中指定圖標名稱即可。

TERSUS畫畫一樣開發軟件 顯示元件介紹-圖片圖標類顯示元件