美文网首页Des's iOS
HBuilder学习 -- hello world小试

HBuilder学习 -- hello world小试

作者: 我没喝酒啊 | 来源:发表于2016-09-14 14:40 被阅读68次

    初次使用,写下使用的步骤供以后参考。新手,勿怪。

    HBuilder 是一个支持跨平台开发的IDE,先如今H5盛行啊,所有的公司都想搞一搞,接着就是原生开发被迫开始学习跨平台,不知道往后的开发者是不死身兼数职了都。

    开始吧:

    你需要下载这个软件:DCloud - HBuilder、5+、mui、流应用、HTML5专家

    安装以后,就可以开始做跨平台开发了,跨平台主要使用Html + css + JavaScript这些web端的语言,建议先学习这些东西,最起码要会用。

    第一次打开,我们选择创建一个移动APP

    然后输入项目名称

    接着选择使用mui模板

    确定。

    进入项目以后有这样几个文件夹

    首先在页面的右上角修改为边改边看模式

    index.html就是入口文件,现在点进来。

    我们来简单的实现一个iOS中的tableview页面。

    这里面和iOS原理差不多,顶部和底部在跳转的时候一直在,只变动中间部分的内容,我们要实现的页面长这样。

    每天用底部栏,但这个是两个html文件组成的,index文件加载上面的helloworld,下面的tableview利用list.html来加载,只要设置好相应的位置就可以了。

    在index.html里面这样写

    接着在list.html中写一个list,直接输入ml即可。

    这时候写完,点击运行(如果是mac电脑,安装了Xcode,那么可以使用模拟器来运行),选择手机运行,点击在iOS模拟器运行,选择一个模拟器即可。

    展示:

    边看边学,边学边写,谢谢!

    相关文章

      网友评论

      本文标题:HBuilder学习 -- hello world小试

      本文链接:https://www.haomeiwen.com/subject/gcpvettx.html