AppCan初次使用.docx

  1. 1、本文档共32页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
AppCan初次使用

? HYPERLINK /rain_butterfly/article/detailsAndroid 混合式开发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等相关知识。  HYPERLINK /plugin-API/manual 开始使用API 2、开发环境 在AppCan的官方网站上创建应用,并在IDE中开发完成后,到官网上进行打包。 1)、注册并登陆AppCan应用管理系统( HYPERLINK /app /app?)。 2)、点击创建应用。 3)、 输入你的应用名称,和应用描述,然后保存。 4)、点击【开发】按钮,进入天气应用的详细信息。 AppCan官网下载并安装AppCan IDE? HYPERLINK /newdocx/docx?type=1236_1234 安装下载 5)、打开AppCan IDE,并用刚才注册的用户登陆 6)、登录进入IDE 7)、点击新建项目 8)、选择同步AppCan 项目,点击下一步。 9)、选择天气点击完成。 10)、整个应用创建完成了。 3、应用开发 1) 、打开index.html页面加入应用头部,我们的头部都是统一的,所以加入一下代码 删除默认的背景图片,你也可也在css中修改,index/css/main.css 2)、 打开index_content.html页面这个是我们的内容页面。因为这是天气列表内容页,引入列表控件的js文件、css文件(appcan.listview.js、appcan.control.css),在body中插入一个容器元素来显示列表内容。 div class=city-list content /div 3)、用listview控件添加列表内容我们添加六个城市,listview的icon我们放置天气状况,设置天气列表,刚开始我们我们用默认图片,等列表加载完成之后我们 用appcan.request.ajax()方法异步请求真正的天气列表数据。 列表添加完成,异步获取天气状况,我们用百度的天气api。 添加点击事件,当点击的时候保存点击的城市,并打开详情页面。 4)、我们添加一个方法当页面下拉的时候完成刷新动作,appcan sdk中已经封装好了该方法 5)、到此我们就完成了整个城市列表的内容了下面就是完成的内容。 !DOCTYPE html html class=um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px head title/title meta charset=utf-8 meta name=viewport content=target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0 link rel=stylesheet href=css/fonts/font-awesome.min.css link rel=stylesheet href=css/ui-base.css link rel=stylesheet href=css/ui-box.css link rel=stylesheet href=index/css/main.css link rel=stylesheet href=css/ui-color.css link rel=stylesheet

文档评论(0)

shuwkb + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档