关于Android混合式开发AppCan的介绍.docx

关于?Android 混合式开发AppCan的介绍Android程序员开发已从最早的异常火热到现在已经逐渐趋向稳定，目前企业针对Android开发工程师的要求要求已逐步提高，现在想从众多的面试者中脱颖而出，必须打好坚实的代码基础。今天为大家介绍一款目前国内较流行的混合开发平台：AppCan。先来看一下AppCan的简介：广义上，AppCan是一套完整庞大的、云端一体的移动PaaS平台，拥有覆盖移动应用全生命周期的产品体系，同时服务2D开发者（工具）、2B企业（移动化、数字化）、2G政府（双创），是国内移动平台技术的领跑者。技术原理AppCan是基于HTML5技术的Hybird跨平台移动应用开发工具。开发者利用HTML5+CSS3+JavaScript技术，通过AppCan IDE集成开发系统、云端打包器等，快速开发出Android、iOS、WP平台上的移动应用。创建一个AppCan应用1、应用简介该应用会一步一步给你演示怎么开发一个AppCan应用。该应用包含最常用的插件，window、request、file等。另外教会你使用AppCan应用开发平台，AppCan IDE等相关知识。开始使用API2、开发环境在AppCan的官方网站上创建应用，并在IDE中开发完成后，到官网上进行打包。1）、注册并登陆AppCan应用管理系统（/app?）。2）、点击创建应用。3）、 输入你的应用名称，和应用描述，然后保存。4）、点击【开发】按钮，进入天气应用的详细信息。AppCan官网下载并安装AppCan IDE?安装下载5）、打开AppCan IDE，并用刚才注册的用户登陆6）、登录进入IDE7）、点击新建项目8）、选择同步AppCan 项目，点击下一步。9）、选择天气点击完成。10）、整个应用创建完成了。3、应用开发1) 、打开index.html页面加入应用头部，我们的头部都是统一的，所以加入一下代码删除默认的背景图片，你也可也在css中修改，index/css/main.css2）、 打开index_content.html页面这个是我们的内容页面。因为这是天气列表内容页，引入列表控件的js文件、css文件（appcan.listview.js、appcan.control.css）,在body中插入一个容器元素来显示列表内容。divclass=city-list content/div3）、用listview控件添加列表内容我们添加六个城市，listview的icon我们放置天气状况，设置天气列表,刚开始我们我们用默认图片，等列表加载完成之后我们 用appcan.request.ajax()方法异步请求真正的天气列表数据。列表添加完成，异步获取天气状况，我们用百度的天气api。添加点击事件，当点击的时候保存点击的城市，并打开详情页面。4）、我们添加一个方法当页面下拉的时候完成刷新动作，appcan sdk中已经封装好了该方法5）、到此我们就完成了整个城市列表的内容了下面就是完成的内容。!DOCTYPE htmlhtmlclass=um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024pxheadtitle/titlemetacharset=utf-8metaname=viewportcontent=target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0linkrel=stylesheethref=css/fonts/font-awesome.min.csslinkrel=stylesheethref=css/ui-base.csslinkrel=stylesheethref=css/ui-box.csslinkrel=stylesheethref=index/css/main.csslinkrel=stylesheethref=css/ui-color.csslinkrel=stylesheethref=css/appcan.control.css/headbodyclass=um-vpontouchstartdivclass=city-list content/divscriptsrc=js/appcan.js/scriptscriptsrc=js/plugin/appcan_plugin.js/scriptscriptsrc=js/appcan.listview.js/scriptscriptfunctionupd