touch 缩小放大后拖拽图片问题

1.touch.js插件只是用来捕获touch事件,捕获到之后要做什么操作由我们自己来决定。这样就可以进行放大缩小后图片的拖拽,进而可以看到放大后的全图。以下是代码: 参考案例:UI2\system\components\justep\touch\demo\touchjs Model.prototype.pinch = function(event) { var me = this; var id = this.getIDByXID('pinch'); var posData = me.comp("posData"); var target = document.getElementById(id); touch.on('#' + id, 'touchstart', function(ev) { ev.target = target; }); var initialScale [...]

关于corodva插件引用jar包

每个插件下面都有一个 plugin.xml,这个文件中定义了 jar包的引用位置,比如: /Native/plugins/phonegap-plugin-barcodescanner/plugin.xml 里面有没有写类似这样的引用: <source-file src="src/android/LibraryProject/libs/zxing.jar" target-dir="libs"/> 如果自定义cordova插件的时候,需要这样写引入jar包! 如果存在jar冲突的问题!也可以修改这里的路径,将多个插件指向同一个jar包!

justep.Util.hint 自定义背景颜色等样式

1.案例: justep.Util.hint('test', { "type" : "info", "delay" : 1000000, "position" : "middle", "style" : "background-image : -webkit-linear-gradient(top, #EF0A69 0, #EF0A69 100%);"//只需要把 #EF0A69 改成其他颜色即可 }); 更详细的用法请查看API   2.F12 调试它的样式,然后重写css样式实现,比如 .x-hint{ font-size:28px; color:blue; } [...]

分享功能,不同的运行环境中不同的做法

1.在APP中分享,需要使用corodva插件,常用的分享文档包括:http://docs.wex5.com/wechat-weibo-qq-share/ 案例有: /UI2/demo/native/share/index.w /UI2/demo/native/shareInfo/index.w 2.web页面浏览器中分享,可以上网查,标准的web开发能力:比如: <div xid="div1" style="height:40px;"> <!--MOB SHARE BEGIN--> <title>xxx标题</title> <meta name="description" content="xxx内容测试:发现一条非常有用的资讯......meta" /> <div class="-mob-share-ui-button -mob-share-open" style="background-color:#3399f3;">分享</div> <div class="-mob-share-ui -mob-share-ui-theme -mob-share-ui-theme-slide-right" style="display: none"> <ul class="-mob-share-list"> <li class="-mob-share-weixin"><p>微信分享</p></li> <li class="-mob-share-weibo"><p>新浪微博</p></li> <li class="-mob-share-tencentweibo"><p>腾讯微博</p></li> [...]

原生APP的能力如何在WeX5中使用

1.如果你想使用的这个原生能力,是一个第三方控件,比如极光推送,百度地图等,比较常用功能,思路是:先在它的官网(获取百度等渠道)找下,是否有人把这个功能 封装成了cordova插件?(又称phonegap),如果有,那么直接拿来使用即可,也可以自己做扩展:http://doc.wex5.com/use-and-custom-cordova-plugin/ 网上的有些插件,并不符合标准的cordova规范,整个时候就不能直接拿来使用,最常见的是: (1).根目录下有一个plugin.xml文件,plugin.xml 标签中的 id,要和根目录包名的名字一样,比如/Native/plugins/cn.jpush.phonegap.JPushPlugin/plugin.xml 下面就有一个id定义是cn.jpush.phonegap.JPushPlugin  ,需要和外部目录名一模一样才行 (2).需要在 找来的插件文件夹下面编写2个文件plugin-ex.xml和plugin.js.xdoc,具体的写法,可以参考其他插件文件下面对应的文件(这两个文件是wex5特有的) (3).还有就是plugin.xml 中的dependency标签表示依赖的插件,这个插件也必须下载过来! 2.如果这个原生的功能没人封装过cordova插件,就需要您自己实现,自定义corodva插件:http://docs.wex5.com/cordova-plugin-voicemanager-android/ 自定义cordova插件 要求必须会原生开发!先在原生开发的环境中,代码都跑通了,然后再按照cordova的规范封装成插件!

一部分资源打包在APP中,另一部分资源放在服务器上

原因:由于页面资源比较多,所以想把常用功能打包在APP中,不常用的功能部署到服务器上,如何实现? 需要编辑APP 两次, 第一次直接选中需要打包在APP 中的资源,然后重新编译并打包在apk中! 第二次,选中所有的项目资源,重新编译资源(注意:资源版本号和第一次填写的必须一致!) 把第二次打包的资源部署到服务器上, app运行的时候,请求服务器发现版本号一样,就会优先访问本地资源! 当本地不存在的时候就会请求服务器! 比如可以把大量的图片资源放在服务器上!

radio 组件的用法

radio 组件表示单选按钮,bind-ref可以绑定一个data字段,checkedValue 表示选中时给这个data字段赋的值,uncheckedValue 表示取消选中时给这个data字段赋的值,如图: 多个radio 组件绑定同一个data字段!(注意,所有radio组件的name必须一样),这个时候每个radio 设置一个checkedValue属性的值,选中哪个radio ,就会把这个值赋值给data组件字段,从而使用多个radio 的配合实现单选的能力。 一般情况,如果选项是一个表里面的多个字段,就可以使用这种方式,每个radio对应一个字段 如果选项是一个表里面某个字段的集合!那就建议使用radioGroup组件实现了!(表设计应该使用这种方式,更合理,推荐使用radioGroup)

自定义loadingBar进度条样式

可以看下这个文件:/UI2/system/components/justep/loadingBar/loadingBar.js 有一个方法:start : function(isWithOverlay) if(isWithOverlay){ self.$loadingOverlayNode.addClass('x-default-overlay-open'); } 这个代码就是添加动画,如果你想自定义动画效果,就修改它的样式,或者参考它的写法自己写一个样式 !修改完后记得合并资源 \tools\dist\less.bat \tools\dist\dist.bat   另外别人写过的案例参考:http://bbs.wex5.com/forum.php?mod=redirect&goto=findpost&ptid=107124&pid=165320653

APP 支付宝支付注意的问题

APP 支付宝支付的详细介绍:http://docs.wex5.com/pay-alipay-step-by-step/ 我这里单独列举一些常见需要注意的事情,后面会陆续补充 1.可以尝试,重新生成私钥公钥,然后重新提交到支付宝,用openssl生成,你是私钥要转换成PKCS8,参数配置填写的公钥是支付宝的公钥,不是你生成的公钥,你生成的公钥要上传到支付宝里去,私钥就是填写在参数配置里的 http://blog.csdn.net/LIN1986LIN/article/details/38035095   2.iOS 9系统策略更新,限制了http协议的访问,因此需要在“Info.plist”中将要使用的支付宝URL Schemes列为白名单,才可正常调用支付宝支付。 解决方法: 编辑WeX5_V3.4\model\Native\templates\advanced\platforms\ios\X5\X5-Info.plist,追加如下 <!-- URL Scheme 白名单--> <key>LSApplicationQueriesSchemes</key> <array> <!-- 支付宝 URL Scheme 白名单--> <string>alipay</string> <string>alipayshare</string> 此条整理来做用户跟贴:http://bbs.wex5.com/forum.php?mod=redirect&goto=findpost&ptid=96196&pid=165366332   3.官方获取配置参数的位置是:老板wap支付密钥” 整理来自用户:http://bbs.wex5.com/forum.php?mod=redirect&goto=findpost&ptid=183965&pid=165510293