使用的Aptana插件开发AIR应用程序

最新推荐文章于 2024-09-16 18:00:58 发布

IT古董

最新推荐文章于 2024-09-16 18:00:58 发布

阅读量1.2k

点赞数

分类专栏：闪存文章标签： aptana air application stylesheet adobe eclipse

闪存专栏收录该内容

1 篇文章 0 订阅

订阅专栏

转自：http://code.google.com/p/gwt4air/wiki/AirPlugin

AirPlugin

Using the Aptana Plugin to develop AIR Application

Updated May 22, 2011 by jazzmata...@gmail.com

Normally this project is not about Java Script webdevelopement. But because of a user request i ll add a tutorial about using Aptana to develop AIR Application with the Ext-Air JS library.

Let s get started;

Download and install an eclipse distribution. I will wait in the meantime :).
Now that eclipse is installed you will need the Aptana Pluging for Eclipse. For that go to Help-> Install New Software

A new window should up. Please look for a button saying add new site.(That button has a differnet location based on which version of eclipse you have). After click of Add.. you get something like the next figure.

The name of the repository can be wathever you like. For the location please use:http://download.aptana.com/tools/studio/plugin/install/studio
Click on OK. An aptana entry should appear like shown in the next figure. Select it and install the plugin.

At some point in the installationprocess you will be prompted to restart the IDE. Select OK to restart.
If everything went well after the restart you should see the Aptana Dashboard

Now install install the Adobe AIR plugin for Aptana. For that click on Install Plugins on the dashboard. A list of available plugins should appear.Locate the AIR pluging entry and click on get it ( I actually needed to restart eclipse 2 times for the link to work)

The aptana support for Adobe AIR installation window should pup up.

Install it and restart eclipse.

Now that the AIR support is installed. Let s set up an AIR project

First change to the Aptana Web view, then go to File -> new -> others . Then type Adobe in the textfield. Something like the next figure should appear.

Set up the project the way you like , but remember to not include any JS library include in Aptana. The following figure shows how my test project looks like.

As you can see Aptana has allreay set up a demo project for us. We will modify that project to include Ext-Air
Download Ext-Air from Sencha and copy the folder anywhere in your project. I copied mine in a folder named ext-air right at the root level of my application
Now modify the main HTML page to use Ext-Air

my HTML-page now looks like follow:

<html>
        <head>
        <title>Ext-Air with Aptana</title>
         <link rel="stylesheet" type="text/css" href="/ext-air/resources/extjs/ext-all.css" />
         <link rel="stylesheet" type="text/css" href="/lib/extair/resources/css/ext-air.css" />  
         <script type="text/javascript" src="lib/air/AIRAliases.js"></script>
                 
         <script type="text/javascript" src="/ext-air/resources/extjs/adapter/ext/ext-base.js"></script>
          <script type="text/javascript" src="/ext-air/resources/extjs/ext-all.js"></script>
          <script type="text/javascript" src="/ext-air/ext-air-wo-xlayer.js"></script>
                  
        </head>
        
    </body>
</html>

Now let s add some Ext-Air code to the page.

 <script>
        Ext.onReady(function() {
            air.trace('sample');
            new Ext.air.Window({
                win: window.nativeWindow, // use root window's context
                html: 'Hello World'
            });
        });
    </script>

Before running the application, make sure that the application.xml file has the following entrry :
```
<application xmlns="http://ns.adobe.com/air/application/1.5">
```

As you can see the aptana pluging ships with Adobe AIR 1.5. We will change it to use the latest release of AIR later on.

Now run the application by clicking on the run button. You should see something like the next figure.

To package the air application click on the Export Adobe AIR package button
If you want to run the application with the latest adobe AIR SDK instead of the one shiped with Aptana, please have a look at the setup.docfile in the download section.