Air实战（一）在Air中显示HTML

最新推荐文章于 2024-10-01 20:12:28 发布

weixin_30279315

最新推荐文章于 2024-10-01 20:12:28 发布

阅读量109

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/vic-blog/p/5581139.html

版权

　　当下开发一款跨平台的PC应用可选技术非常之多，比较常用的有：React Native、Nw.js、Electron、QT、Adobe air等技术。React Native、Nw.js、Electron等技术已经相当火热了。QT也有很多成功案例。它们之间各有优缺点，这里就不做详细对比。然而，我最近加入的公司选择了Adobe air来开发跨PC的应用。个人来讲对于Adobe的技术不是很感冒。也积极研究React等技术，等待时机成熟替换之。然而工作需要还是要对Adobe Air进行深入研究一下的。并且网上真正实战的资料太少（也许是我没找到）。有点说远了，那么我们就正式开始吧。

　　那么我们如何在Air中加载并渲染HTML代码呢？只需告诉flash.html.HTMLLoader对象HTML在哪就可以啦。下面开始具体操作

使用Flash Builder创建Flex项目

项目名称为HtmlDemo，并选择桌面应用

创建好后，项目路径如下图所示在

在air中显示Server端html

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
 3                        xmlns:s="library://ns.adobe.com/flex/spark" 
 4                        xmlns:mx="library://ns.adobe.com/flex/mx">
 8     <mx:HTML width="100%" height="100%"
 9              location="http://www.baidu.com"/>
10 </s:WindowedApplication>

或在air中直接编辑html源码

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
 3                        xmlns:s="library://ns.adobe.com/flex/spark" 
 4                        xmlns:mx="library://ns.adobe.com/flex/mx"
 5                        creationComplete="creationCompleteHandler();">
 6     <fx:Script>
 7         <![CDATA[
 8             private function creationCompleteHandler():void {
 9                 html.htmlLoader.loadString("<html><body><h1>I'm a HTML page.</h1></body></html>");
10             }
11         ]]>
12     </fx:Script>
13     <mx:HTML id="html" width="100%" height="100%" />
14 </s:WindowedApplication>