<dd id="bt93c"><center id="bt93c"></center></dd>
    1. <th id="bt93c"></th>
          1. <rp id="bt93c"><acronym id="bt93c"><u id="bt93c"></u></acronym></rp>

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

            小編:管理員 171閱讀 2022.09.13

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

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

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

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

            各個平臺.png

            因為我們常用的是android和ios,那這里只處理這兩個平臺,分別打開目錄,發現資源文件放置在: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" />
            復制

            保存即可,配置的意思是把這些文件復制到項目的目標目錄,沒有填寫目標目錄,則復制到項目當前路徑。 最后代碼上傳到Github上:https://github.com/woodstream/cordova-plugin-themeablebrowser

            關聯標簽:
            久久99久久99小草精品免费看

            <dd id="bt93c"><center id="bt93c"></center></dd>
            1. <th id="bt93c"></th>
                  1. <rp id="bt93c"><acronym id="bt93c"><u id="bt93c"></u></acronym></rp>