自从去年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" οnclick="$page.refresh()" style="width:20;margin-right:10"></icon>

<icon src="icon_nav_right_refresh.png" οnclick="$page.refresh()" style="width:20"></icon>

</right>

</title>

<header style="height:25%">

<slidep_w_picpath style="height:200" 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 style="font-size:18;margin-left:10">推荐商品</label>

<icon src="icon_small_right_arrow.png" style="margin-left:255"></icon>

</row>

</header>

<content draggable="true">

<list id="reuselist" reuse="true">

<item>

<col οnclick="$page.open('shopping.xml')">

<row>

<img style="width:100;height:100" reusekey="icon"/>

</row>

<row>

<label reusekey="title"></label>

</row>

<row>

<label reusekey="price"></label>

</row>

</col>

<col>

<row>

<img style="width:100;height:100" 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" style="label-color:#999999,#46c01b">

<title>

<center>

<label>分类</label>

</center>

<right><button οnclick="$page.refresh();">刷新</button></right>

</title>

</tab>

<tab badge="5" icon="tabbar_cart_normal.png,tabbar_cart_selected.png" style="label-color:#999999,#46c01b">

<title>

<center>

<label>购物车</label>

</center>

<right>

<icon src="icon_nav_right_home.png" οnclick="$page.open('index.xml')" style="margin-right:10"></icon>

<icon src="icon_nav_right_cart.png" οnclick="$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" style="label-color:#999999,#46c01b">

<title>

<center>

<label>我的</label>

</center>

<right><button οnclick="$page.refresh();">刷新</button></right>

</title>

</tab>

</tabs>

</page>

</imag>

---

这是一个小Demo.第一次写博客,也不知道怎么上传代码.大家凑活看吧