【flex4.6将移动开发进行到底】第一章第二节hello,flex4.6!

来源:互联网 发布:减速机选型软件 编辑:程序博客网 时间:2024/05/16 13:57
在上节中我们学会了建立手机项目,在这节我们将来实践我们第一个实例,虽然只是在界面上显示一句话,但是意义不同证明了我们我们各方面已经到位,随时都可以进行战斗了呵呵。

2.1.1自我介绍
表误会!这里自我介绍肯定不是指作者本人我!而是指应用程序。大家看下下面的代码:

<?xml version="1.0" encoding="utf-8"?>
<s:ViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
       xmlns:s="library://ns.adobe.com/flex/spark" firstView="views.oneView"    applicationDPI="160">
        <fxeclarations>
                <!-- 将非可视元素(例如服务、值对象)放在此处 -->
        </fxeclarations>
</s:ViewNavigatorApplication>

从代码分析来看主程序是一个视图导航应用程序,他是用来管理多少视图应用程序,在上节的最后一个项目结构图里大家应该可以看出在生成一个主应用程序后,它有生成了一个视图文件!一个视图页面在手机里相当以一个画面,所以如果要做到个画面的话,那就建立多少视图页面,上面那段代码默认的2个属性:

firstView属性介绍,如图2.1.1所示:
图片0.png
从上图里的文字我们可以很清楚的理解,这个属性是指加载视图页面的,如果你又多个视图话,选择一个你以为应该第一个就要看到的视图话在里面写出那个视图的路径,大家也可以理解为网站里的主页功能。好了既然知道我们要是写程序话就的写在视图界面里,然后通过主程序加载我们的视图界面,
那还等上面,第二小节见。

2.2.1 hello,flex4.6我来了
虽然现在flex4.6还是预览版,但是我们追求新的技术和功能步伐是怎么不能落后HOHO!!!既然是我们第一个程序,当然我对你好世界还是不是很感冒,还是现实点!愿flex4.6正式版可以给我们惊喜!!散花。

继续我们内容,我们打开我们的项目,依次打开one|src|views|oneView.mxml文件,会看到下面代码:

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
                xmlns:s="library://ns.adobe.com/flex/spark" title="主页视图">
        <fxeclarations>
                <!-- 将非可视元素(例如服务、值对象)放在此处 -->
        </fxeclarations>
</s:View>

这些就没神马新的东西,我们打开视图界面看下运行的效果,如图2.2.1所示:

图片1.png
根据上图的介绍我们可以在设置的下拉框选择自己的设备,在望下看是2个手机的状态安装,它是2个手机视图一个是竖着,一个横着视图让我们可以在手机不同状态,来设置视图的布局。在望属性栏里看到如果不想要视图标题栏,可以在操作栏里把钩去掉。好了下面我们在舞台拉入一个label组件,在文字上把它该成hello,flex4.6,如图2.2.2所示:

图片2.png
为了演示醒目点,我除了把字体变大,还使用了大红色之外,也就是把字体水平,垂直居中!真的没干别了,好了我们可以按下F11,看看运行效果先如图2.2.3所示:

图片3.png
吓一跳吧,运行怎么是这个效果呢,因为我们没有设置调试工具。在这里我们先演示第一种在桌面上调试,按照上图的设置,设置好单击下应用,然后在按下调试,如图2.2.4图所示:

图片4.png
从上面图可以看到,程序是完美的运行,正证明一点我们flex一点问题都没,但是如果把该程序放到手机是不是也可以正常运行呢?当然也可以测试下看看,首先我们要在配置文件上该下如图2.2.5图所示:

图片5.png
点击后会出现刚刚我们配置调试器的面板,也可以在菜单栏里的运行按钮中找到该面板,我们继续设置,如图2.2.6所示:

图片6.png
首先把启动方式,桌面改成USB调试!当然首先要确定你的手机USB有连接到电脑,如果确认后,点击调试按钮,flex就会检查你手机里是否有AIR,没有话会弹出安装提示,你选择确认后,等待一段时间后,手机程序就会出现如图2.2.7所示:

图片7.png
上图就是本人手机所运行的画面,我用豌豆软件连接手机,和手机是同步的。证明了一点我们做的东西是可以运行的,我们第一步成功了,这也代表着我们这节就讲到这里,好了下节见。当然还是希望大家多回复下帖子支持下,给点说power!!!
1 0
原创粉丝点击