和MAX一起学编程(一)

​MAX马上就要升初一了,之前学过一段时间python语言,对计算机编程有浓厚兴趣。可原先在PC上写的代码,执行的结果也只能在PC上显示,效果也不够酷炫。听说爸爸有办法可以让代码执行后在手机上秀出来,就很好奇,决定利用这个暑期好好学一下。

爸爸的单位是一家专门开发app软件的公司,他们给产品取了一个很好记的名字-爱码哥。打开网站(imagjs.com)通过注册账户就可以登录到工作台页面,然后点击“创建新应用”就开始了我开发app的旅程。

和MAX一起学编程(一)


我就先创建了一个排序算法的应用吧,刚好可以把原来在python学习过的在手机上看看能做成什么样子。在爸爸同事的指导和帮助下,我设计了一个简单的原型图:


和MAX一起学编程(一)

原型图


接下来马上就可以写代码了,想想有点激动了,我有点迫不及待了。然而爸爸却给我泼了一盆冷水:“MAX小朋友,手机应用和你原来只需要写代码执行运算不大一样。首先需要通过布局(layout)的方式把你设计图纸上的各种元素一行行一列列地显示出来,你还是先看半天的文档(doc.imagjs.com/)吧,网站上有链接...”

我先在手机上安装爱码哥开发版APP,在手机上加载了一个示例“Hello World”,可以在手机上打开这个应用看到实际效果图(下图1)


和MAX一起学编程(一)

图1


同时可以在PC端工作台(以及手机源码查看模式下)看到一些有趣的代码。我学到了一个新词-XML标签,这些标签成对使用,下面就是这个应用的代码。


<imag>//XML文档的根节点
<page>//页面标签
<title>//页面的标题
<center><label>欢迎使用爱码哥/<label>/<center>
/<title>
<content>//页面的内容
<list>//用列表的方式布局
<item>//属于列表项
<label>Hello World!/<label>//用文本标签放内容
/<item>
/<list>
/<content>
/<page>
/<imag>


从这些标签名称上就可以知道大概是干什么用的了,比如:Page,Title,Content,List,Label。。。

文档中还有很多例子,一看就能明白。老爸太低估了我的阅读理解能力,我看了半个小时就开始折腾了。(待续)

和MAX一起学编程(一)



分享到:


相關文章: