Cordova插件擴展——Themeablebrowser自拷貝圖片

插件全名叫:
cordova-plugin-themeablebrowser
這個插件會彈出一個瀏覽器窗口,打開外部網(wǎng)頁,功能比較強大,能自定義導航工具欄、標題等等。不止打開網(wǎng)頁,還可以用來打開在線文檔,如pdf、word等等文件的在線預覽也是很不錯的選擇。
在安裝使用這個插件時,有一個略微繁瑣的事情是:

它不會把配套的圖片資源復制到項目中,需要手動復制,往往新人使用時忽略這個,使得工具欄明明有關閉、后退等事件響應,卻沒看到按鈕。

手動復制圖片有個弊端是,當項目有問題或修改了config.xml里的id時,一般使用platform移除再添加android/ios后,這樣需重新拷貝上述圖片資源,而往往會忽略。

于是,我們擴展一下這個插件,添加自動復制圖片的功能。
首先,clone或者下載該插件到本地目錄,打開src文件夾,看到里面有各個平臺:

各個平臺.png

因為我們常用的是android和ios,那這里只處理這兩個平臺,分別打開目錄,發(fā)現(xiàn)資源文件放置在:android/res/drawable-xhdpiios/Resources
于是,我們打開最外面目錄下的plugin.xml,給android添加配置項:

<source-file src="src/android/res/drawable-xhdpi" target-dir="res" />

給ios添加配置項:

<resource-file src="src/ios/Resources/back_pressed@2x.png" />
<resource-file src="src/ios/Resources/back@2x.png" />
<resource-file src="src/ios/Resources/close_pressed@2x.png"/>
<resource-file src="src/ios/Resources/close@2x.png" />
<resource-file src="src/ios/Resources/forward_pressed@2x.png" />
<resource-file src="src/ios/Resources/forward@2x.png" />
<resource-file src="src/ios/Resources/menu_pressed@2x.png" />
<resource-file src="src/ios/Resources/menu@2x.png" />
<resource-file src="src/ios/Resources/share_pressed@2x.png" />
<resource-file src="src/ios/Resources/share@2x.png" />

保存即可,配置的意思是把這些文件復制到項目的目標目錄,沒有填寫目標目錄,則復制到項目當前路徑。

當你安裝這個插件后,看看相應的圖片是不是已經(jīng)拷貝過去了,如果是那基本大功告成。

最后代碼上傳到Github上:https://github.com/woodstream/cordova-plugin-themeablebrowser,既可以參考,也可以直接安裝該鏈接上的插件。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,781評論 25 709
  • Swift版本點擊這里歡迎加入QQ群交流: 594119878最新更新日期:18-09-17 About A cu...
    ylgwhyh閱讀 25,993評論 7 249
  • l姓名:劉永聰 公司:新陽學院/深圳塾 30期努力1組 學員、54期樂觀2組 志工、57期反省1組 志工、72期樂...
    srlyc閱讀 167評論 0 0
  • 很多日記已經(jīng)刪除,留下幾篇有代表性的,不必要重復。 4月16日自愈130分鐘。 第一,4點鐘起床頭暈,太早,沒精神...
    我是世界之光閱讀 456評論 1 1
  • left 屬性規(guī)定元素的左邊緣。該屬性定義了定位元素左外邊距邊界與其包含塊左邊界之間的偏移。html: hell...
    青春前行閱讀 335評論 0 0

友情鏈接更多精彩內(nèi)容