前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Cordova插件扩展——ImagePicker中文支持

Cordova插件扩展——ImagePicker中文支持

作者头像
IT晴天
发布2018-08-20 10:16:01
2.3K0
发布2018-08-20 10:16:01
举报
文章被收录于专栏:ionic3+

官网的ionic-native使用的是:

https://github.com/Telerik-Verified-Plugins/ImagePicker

然而该插件不支持中文,那怎么处理?联系作者修改代码?这很难,不知道何年何月,那我们自己动手改造吧!

什么?不懂原生?不会?其实有时候原生不太懂,也不影响你去使用和修改插件的。不信?请看下去:

首先代码是开源,放在github上的,我们先fork过来然后本地修改。

先打开plugin.xml(插件的基本信息和配置都在该文件,关于这文件,我会专门写一篇文章来说明)观察下文件,分别留意android和ios项下的配置:

android项下的配置

ios项下的配置

观察得出,其实src里面的就是对应的语言描述文件,那我们对应的添加中文支持,就是仿照该文件写一份,然后加到配置项就行了。

andriod在android/Library/res创建文件夹values-zh,其下创建文件multiimagechooser_strings_zh.xml,

ios在ios/GMImagePicker创建文件夹zh-Hans.lproj,其下创建文件GMImagePicker.strings,

最终两份文件内容如下:

multiimagechooser_strings_zh.xml

zh-Hans.lproj/GMImagePicker.strings

改完后,我们安装插件时指定安装位置为修改过的项目路径即可,如可以执行这样的命令,然后和官网一样地调用即可:

ionic cordova plugin add 插件路径(本地或远程的)

是不是很简单?就算有时真的要改源码也不一定很难,因为你可能不会写,但是看,然后简单修改应该还是可以的。

同理,当打包ios发布app store时,会询问关于图像、地理位置或者麦克风等相关描述内容,如果没有填写,会审核不通过,所以如果插件没有做处理,每次发布都要手动修改info.plist填写,于是,为了方便,我们可以在plugin.xml加上下面配置内容:

plugin.xml配置

然后就可以类似下面那样在安装插件时使用variable变量设置参数:

ionic cordova plugin add https://github.com/woodstream/ImagePicker.git --variable PHOTO_LIBRARY_USAGE_DESCRIPTION="your usage message" --variable CAMERA_USAGE_DESCRIPTION="your usage message"

修改过的插件已上传到:

https://github.com/woodstream/ImagePicker

当然,此插件可以直接安装,如下:

ionic cordova plugin add https://github.com/woodstream/ImagePicker

最最后,有个恶心的地方我还没动它,调用的时候传入中文title,不然会显示默认英文标题。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017.08.12 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 是不是很简单?就算有时真的要改源码也不一定很难,因为你可能不会写,但是看,然后简单修改应该还是可以的。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档