SAP UI5 Web Component的圖示實現
例子:我的SAP UI5 Web Component開發而成的React應用上,顯示了這個加號圖示:
在React Component裡引入加號圖示:
在此處給ShellBarItem的icon屬性賦以add按鈕:
執行時效果如下:
我們再回過頭看看在程式碼裡匯入的add.js的內容:
pathData裡包含的值,其實就是基於SVG繪製而成的加號圖示在瀏覽器裡對應的g標籤的d屬性,如下圖所示:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2676512/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- SAP UI5 Web Component for React的圖示和圖片處理UIWebReact
- SAP UI5 Web Component不同React頁面的跳轉實現UIWebReact
- 如何實現SAP UI5 Web Component React控制元件的載入效果UIWebReact控制元件
- 如何使用SAP UI5 Web Component for React的padding功能UIWebReactpadding
- SAP UI5 Web Component的React表格控制元件用法UIWebReact控制元件
- SAP UI5 Web Component React應用如何在Component之間跳轉UIWebReact
- SAP UI5 Web Component裡如何自定義CSS styleUIWebCSS
- SAP UI5 Web Component裡最簡單的React列表控制元件的用法UIWebReact控制元件
- 什麼是SAP UI5的Component-preload.jsUIJS
- SAP UI5 初學者教程之十六 - 圖示 icon 的使用UI
- 關於 SAP UI5 Web ComponentsUIWeb
- 什麼是 SAP UI5 的 Hybrid Web ContainersUIWebAI
- Fiori Fundamentals和SAP UI5 Web ComponentsUIWeb
- SAP UI5 的宣告式初始化 Component 定義(Declarative API for Initial Components)UIAPI
- SAP UI5應用裡搜尋功能的實現UI
- SAP UI5 的 TypeScript 實踐UITypeScript
- 如何修改 SAP UI5 框架的原始碼實現,以及使用本地部署的 SAP UI5 SDK 試讀版UI框架原始碼
- 如何實現 SAP UI5 路由失敗時顯示自定義的 NOT Found 頁面試讀版UI路由面試
- 如何從 SAP Spartacus Product Detail 頁面,找到其 Angular 實現 Component 的位置AIAngular
- 如何製作包含了 component-preload.js 在內的 SAP UI5 釋出版本JSUI
- SAP UI5 初學者教程之九 - 建立第一個 Component 的試讀版UI
- 一個好用的 SAP UI5 本地打包(build)工具,自動生成Component-preload.jsUIJS
- SAP UI5 SimpleForm 裡在水平方向顯示多組 Form 元素的實現方法試讀版UIORM
- 關於 SAP UI5 floating footer 顯示與否的單步除錯以及使用 SAP UI5 的收益UI除錯
- SAP UI5 應用開發教程之五十九 - 如何在 SAP UI5 應用裡顯示世界地圖試讀版UI地圖
- SAP UI5 圖片顯示控制元件 Avatar 的使用方式介紹試讀版UI控制元件
- 深入學習SAP UI5框架程式碼系列之四:SAP UI5控制元件的後設資料實現UI框架控制元件
- 淺談 Fiori Fundamentals 和 SAP UI5 Web Components 的關係UIWeb
- 初識 Web ComponentWeb
- icon 圖示css實現CSS
- SAP UI5 FileUploader 的本地檔案上傳技術實現分享UI
- 關於 SAP UI5 裝置型別檢測的實現原理UI型別
- 使用 http-proxy 實現 SAP UI5 請求的代理重定向HTTPUI
- 使用SAP UI5 Web Components開發React應用UIWebReact
- 深入學習SAP UI5框架程式碼系列之六:SAP UI5控制元件資料繫結的實現原理UI框架控制元件
- SAP UI5 應用的 Component.js 檔案是如何在執行時被載入的?UIJS
- SAP UI5 應用開發教程之一百零二 - SAP UI5 應用的列印(Print)功能實現詳解試讀版UI
- 用 React 結合 SAP UI5 Web Components 來開發 SAP Fiori 應用ReactUIWeb