本教程的前一個步驟，我們實現了一個對話框。

但是該對話框的關閉，只能通過按下鍵盤上的 ESC 鍵完成，很不方便。

本步驟將在該對話框上添加一個 OK 按鈕用于關閉對話框，并在對話框里添加一個新的 icon, 從而展示如何在 SAP UI5 里使用圖標控件。

本步驟完成的 SAP UI5 應用界面如下：

可以看到打開對話框的按鈕前面，多了一個圖標。

點擊按鈕后，彈出的對話框里也新增了一個圖標和 OK 按鈕，后者用于關閉對話框。

源代碼可以在這個鏈接下載。

進入文件夾 16，npm install 然后 ui5 serve 命令行啟動應用，然后瀏覽器訪問如下 url 即可：

http://localhost:8080/webapp/index.html

下面是這個例子的詳細實現步驟。

(1) 在 HelloDialog.fragment.xml 文件里使用下圖第7行到11行的代碼，給對話框里新增了一個圖標：

總結

以上是生活随笔為你收集整理的SAP UI5 应用开发教程之十六 - 图标 icon 的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。