windows 8环境—android studio初步体验(图解)(三)
在前面两篇文章中我们讲述了windows8中安装android studio的一些过程。但是好事多磨,我们仍然没有创建一个最简单的helloworld程序。那么本文用来继续介绍,如何用android studio来创建一个helloworld程序。
android studio首界面[/caption]
第二步:我们点击上图中的“quick start”中的new project…然后就会出现如下图所示:
[caption id="attachment_986" align="alignnone" width="800"]
helloworld第二步[/caption]
第三步:如上图所示,我们要特别注意我们的项目名称,模块名称和包名称,如果命名不符合规范时,下面会有红色的文字报警,命名完毕后直接点击"next",进入下一步:
[caption id="attachment_987" align="alignnone" width="800"]
helloworld第三步[/caption]
第四步:第三步中我们选择默认然后直接点击上步中的“next”,进入下一步:
[caption id="attachment_988" align="alignnone" width="800"]
hellowrold第四步[/caption]
第五步:第四步中也选择默认,然后点击“next”,直接进入下一步:
[caption id="attachment_989" align="alignnone" width="800"]
helloworld第五步[/caption]
第六步:上图中的创建向导结束了,我们直接点击“finish”,就ok,可是到此为止我们并没有完成创建,点击按钮后会出现如下所示的图片:
[caption id="attachment_990" align="alignnone" width="684"]
helloworld第六步[/caption]
如上图所示,我们需要等待,等待构建新项目,不过构建的过程很慢,需要耐心等待,其实是去网站上下载东西,具体的速度跟你的网速有关。
好了等待了一段时间后我们就可以进入以下界面:
[caption id="attachment_993" align="alignnone" width="600"]
创建成功后第一次进入界面[/caption]
我们把tip关闭后,打开左面的project窗口,如下图所示:
[caption id="attachment_994" align="alignnone" width="600"]
project窗口[/caption]
既然项目已经成功了那么我们开始进行部署一下,看看效果吧。
创建模拟器第一步[/caption]
第二步:然后点击上图中的new按钮,就会出现如下图:
[caption id="attachment_996" align="alignnone" width="424"]
创建虚拟器第二步[/caption]
第三步:把上一步中需要填写的地方填写一下,最后效果如上图所示,然后点击OK,就会弹出如下对话框:
[caption id="attachment_997" align="alignnone" width="522"]
模拟器创建成功对话框[/caption]
点击ok后,就会出现如下图:
[caption id="attachment_998" align="alignnone" width="700"]
模拟器创建成功[/caption]
上图比第一步时多了一个虚拟设备。
然后就可以继续部署了。
第四步:点击部署按钮,如下图所示:
[caption id="attachment_999" align="alignnone" width="600"]
点击部署按钮[/caption]
第五步:按照上一步操作,然后就会出现如下界面:
[caption id="attachment_1000" align="alignnone" width="490"]
设备选择[/caption]
第六步:按照上图所示,然后点击OK,就开始启动模拟器,然后开始部署了,启动模拟器的过程如下图:
[caption id="attachment_1001" align="alignnone" width="600"]
启动模拟器[/caption]
上图所示是模拟器刚启动起来,然后接着就会出现部署我们的helloworld程序的界面:
[caption id="attachment_1002" align="alignnone" width="655"]
hello world[/caption]
到此为止,我们的helloworld程序终于完成了,这个helloworld可是耗费时间很长哦。
代码界面[/caption]
我们知道上图的界面是通过代码来控制界面上的元素的,我们也可以拖拖拽拽的弄些元素放到上面去和winform一样方便,可是我们如何调出呢?
在project窗口中的res文件夹下选择layout下面的文件即可如下图所示:
[caption id="attachment_1004" align="alignnone" width="600"]
layout界面[/caption]
在这个界面下面我们就可以在部署前preview我们所有的元素的大致情况。
android studio创建helloworld详细步骤
第一步:我们在启动android studio后,进入界面的首页,如下图: [caption id="attachment_976" align="alignnone" width="669"]![android studio首界面](http://vsdot.net/wp-content/uploads/2013/05/20130517215159.png)
![helloworld第二步](http://vsdot.net/wp-content/uploads/2013/05/20130517221314.png)
![helloworld第三步](http://vsdot.net/wp-content/uploads/2013/05/20130517221328.png)
![hellowrold第四步](http://vsdot.net/wp-content/uploads/2013/05/20130517221345.png)
![helloworld第五步](http://vsdot.net/wp-content/uploads/2013/05/20130517221357.png)
![helloworld第六步](http://vsdot.net/wp-content/uploads/2013/05/20130517221432.png)
![创建成功后第一次进入界面](http://vsdot.net/wp-content/uploads/2013/05/20130518031730-1024x553.png)
![project窗口](http://vsdot.net/wp-content/uploads/2013/05/20130518031953-1024x553.png)
helloworld部署详细步骤
在部署之前我们要新建一个模拟器,具体操作参考下面: 第一步:点击AVD manager工具按钮出现模拟器创建界面: [caption id="attachment_995" align="alignnone" width="600"]![创建模拟器第一步](http://vsdot.net/wp-content/uploads/2013/05/20130518032413-1024x553.png)
![创建虚拟器第二步](http://vsdot.net/wp-content/uploads/2013/05/20130518032647.png)
![模拟器创建成功对话框](http://vsdot.net/wp-content/uploads/2013/05/20130518032707.png)
![模拟器创建成功](http://vsdot.net/wp-content/uploads/2013/05/20130518032947.png)
![点击部署按钮](http://vsdot.net/wp-content/uploads/2013/05/20130518033407-1024x553.png)
![设备选择](http://vsdot.net/wp-content/uploads/2013/05/20130518033613.png)
![启动模拟器](http://vsdot.net/wp-content/uploads/2013/05/20130518033932-1024x553.png)
![hello world](http://vsdot.net/wp-content/uploads/2013/05/20130518034140.png)
显示preview模式
上面的代码我们都可以查看,如下图所示: [caption id="attachment_1003" align="alignnone" width="600"]![代码界面](http://vsdot.net/wp-content/uploads/2013/05/20130518034425-1024x553.png)
![layout界面](http://vsdot.net/wp-content/uploads/2013/05/20130518034953-1024x553.png)