自从去年10月份开始接触爱码哥这个平台,简单谈谈期间使用的一些心得,其中只是个人理解.
开始接触是交大的老师请来企业的员工来给讲的.算是笼统介绍个大概,一开始感觉挺有意思,用xml和js就能写界面了.学了大概10多天吧,决定去公司更加深入的学习.来了之后学的不错.可以制作一些简单的模板.在写代码的过程中也会经常遇到一些bug.不过经过同事的讲解,也明白了不会的东西还有很多,学习真的是件苦差事,但是还好起码自己有收获.简单介绍下这个平台.采用XML+Javascript(配置+脚本)的开发方式,并内置了开发框架,开发过程类似于web开发,不过开发iMAG应用远比开发web简单。不同于web开发框架的杂乱状况,爱码哥中使用统一的一体化框架进行开发,有效缩短了开发周期,同时也保证了开发的应用的品质。能自动适配不同平台不同屏幕分辨率的设备,只用开发一次,在Anroid和iOS设备上都能运行,大幅降低开发成本。最主要的是支持在线开发,不用下载ide和什么sdk的.非常方便..下面上界面和代码
<?xml version="1.0" encoding="utf-8"?>
<imag>
<script>
<![CDATA[
function loadItem(){
var listJson = {items:[]};
$http.get('http://www.imagapp.com/ide/imag-hzx017/data/commodityList.json',function(data){
var jsonData = JSON.parse(data);
for(var i = 0;i<jsonData.data.length;i++){
var itemJson = {
template:0,
widgets:{
icon:{src:jsonData.data[i].p_w_picpath},
title:{text:jsonData.data[i].name},
price:{text:jsonData.data[i].price}
}
}
listJson.items.push(itemJson);
}
$('reuselist').update(listJson);
});
}
$page.onload = function(){
loadItem();
}
]]>
</script>
<page type="home">
<tabs>
<tab icon="tabbar_home_normal.png,tabbar_home_selected.png">
<title>
<center>
<label>茶礼品</label>
</center>
<right>
<icon src="icon_nav_right_fenlei.png" onclick="$page.refresh()" ></icon>
<icon src="icon_nav_right_refresh.png" onclick="$page.refresh()" ></icon>
</right>
</title>
<header >
<slidep_w_picpath fillwidth="true">
<item src="http://182.92.189.101/p_w_picpaths/commodity/broadcastImg1.jpg" alt="商城茶叶原产地,风光迷人"/>
<item src="http://182.92.189.101/p_w_picpaths/commodity/broadcastImg2.jpg" alt="明前茶采摘, 片片青翠欲滴"/>
<item src="http://182.92.189.101/p_w_picpaths/commodity/broadcastImg3.jpg" alt="台湾名茶,送礼佳品"/>
</slidep_w_picpath>
<row>
<icon src="icon_hand.png"></icon>
<label >推荐商品</label>
<icon src="icon_small_right_arrow.png" ></icon>
</row>
</header>
<content draggable="true">
<list id="reuselist" reuse="true">
<item>
<col onclick="$page.open('shopping.xml')">
<row>
<img reusekey="icon"/>
</row>
<row>
<label reusekey="title"></label>
</row>
<row>
<label reusekey="price"></label>
</row>
</col>
<col>
<row>
<img reusekey="icon1"/>
</row>
<row>
<label reusekey="title1"></label>
</row>
<row>
<label reusekey="price1"></label>
</row>
</col>
</item>
</list>
</content>
</tab>
<tab icon="tabbar_list_normal.png,tabbar_list_selected.png" >
<title>
<center>
<label>分类</label>
</center>
<right><button onclick="$page.refresh();">刷新</button></right>
</title>
</tab>
<tab badge="5" icon="tabbar_cart_normal.png,tabbar_cart_selected.png" >
<title>
<center>
<label>购物车</label>
</center>
<right>
<icon src="icon_nav_right_home.png" onclick="$page.open('index.xml')" ></icon>
<icon src="icon_nav_right_cart.png" onclick="$page.refresh()" badge="5"></icon>
</right>
</title>
<list id="list" reuse="true">
<item>
<col>
<row>
</row>
</col>
</item>
</list>
</tab>
<tab icon="tabbar_me_normal.png,tabbar_me_selected.png" >
<title>
<center>
<label>我的</label>
</center>
<right><button onclick="$page.refresh();">刷新</button></right>
</title>
</tab>
</tabs>
</page>
</imag>
这是一个小Demo.第一次写博客,也不知道怎么上传代码.大家凑活看吧
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。