创建我的第一个应用
创建我的第一个应用 视频地址：http://pan.baidu.com/s/1i3FBKUx 本文通过一个简单的hello案例介绍使用WeX5开发一个手机应用的过程 第一步，环境准备 第二步，应用开发 第三步，调试运行，本地打包 介绍谷歌浏览器调试、真机调试，其中真机调试可使用模拟器和手机两种方法。 第四步，打包发布，部署运行 详见《WeX5平台生成App包过程详解》 第一步，环境准备 1. 进入官网下载中心，下载WeX5应用快速开发框架。 2. 下载后直接解压，注意解压后文件夹不能带有中文。 第二步，应用开发 1. 首先打开WeX5的开发环境，运行解压后文件夹根下的“启动WeX5开发工具”或者，直接运行“studiostudio.exe”启动开发工具。 2. 进入工具后，可以看到左侧模型资源有两个目录，UI2和Native。UI2是我们开发的功能页面，我们打的APP包都在Native目录下。在UI2上点击右键，“新建——应用”，应用名称填写“hello”，此时，在UI2下就会自动生成一个“hello”的目录。 3. 在hello目录上点击右键，选择“新建——W文件”，此时可以通过向导的模式新建自己的页面，选择“移动——标准——空白”，在文件名的地方填写“index”，这里的文件名不限于这个，可以随意起，然后点击完成。系统生成了两个文件,index.w和index.js，并且自动使用UI设计器打开的index.w。 4. 接下来进行页面布局，往这个空白页面上放一个input和一个output，最终达到的效果是，在input中输入一个内容，output中自动显示相关内容。 5. 界面布局：第一行显示一个input，第二行直接放上output组件。放组件的时候，用鼠标点击右侧组件，松开鼠标，然后再用鼠标点击组件要放置的位置即可。不需要进行拖拽操作。 6. 我们要做的是获取input组件的值写入到output组件中，WeX5使用了ko，我们通过ko的监控对象可快速完成。 首先，在设计器中切换到js页中，创建一个监控对象，this.name = justep.Bind.observable("")。这里的this是js的实例，增加了一个对象name是一个监控对象。 然后，切换到设计页，在input中属性中设置bind-value为name，这样就把用户的值存给监控变量，属性里有很多bind，由ko负责把相应内容写入属性里，实现html标签拥有动态的属性。 最后，output要把name的值显示出来，这时在output组件的bind-text属性上进行设置'hello:'+name.get()。name是个对象，值要用get方法获取。 [...]