本篇是 smartrcp开源平台AIR的掘墓人一(smartrcp版hello world) 的继续。
仅仅是弹出一个窗口没多大意思，接下来让我们通过简单的几句代码快速搭建出像eclipse那样成熟的软件界面。
效果如下图：
基本步骤如下：
1：smartrcpDemo项目的src目录下新建modules目录，并在该目录下
新建两个名称分别为Module_Content.mxml和Module_Nav.mxml的mxml module文件，注意在New mxml module
对话框的Module SWF size部分选中Optimize for application 为Test.mxml文件，这样会减小编译出的模块文件
的大小，至于什么原因，大家查查flex基础吧^_^。
修改量文件内容分别如下：
Module_Content.mxml文件内容：
<?xml version="1.0" encoding="utf-8"?>
<rcp:RCPModule xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:rcp="http://www.smartrcp.org"
layout="vertical" verticalAlign="middle" horizontalAlign="center"
creationComplete="init()"
>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import cn.smartinvoke.smartrcp.gui.control.CActionManager;
import cn.smartinvoke.smartrcp.gui.module.CActionEvent;
import mx.collections.ArrayCollection;
import cn.smartinvoke.rcp.CToolBar;
import cn.smartinvoke.smartrcp.gui.FlashViewPart;
import cn.smartinvoke.RemoteObject;
import cn.smartinvoke.smartrcp.gui.ViewPartActionBar;
var actionBar:ViewPartActionBar=null;
//初始化方法，在该方法中为当前视图添加一刷新按钮
function init():void{
/**在容器上添加刷新按钮*/
var parent:RemoteObject=this.flashViewer.getParent();
//如果存载当前flash的容器时viewPart，才具有此功能
if(parent is FlashViewPart){
var viewPart:FlashViewPart=parent as FlashViewPart;
//获得当前视图容器的工具栏容器对象
this.actionBar=viewPart.getPartActionBar();
//注册freshAction到工具栏容器对象actionBar
this.actionBar.addAction(this.freshAction);
//定义工具栏对象
var toolBar:CToolBar=new CToolBar();
//将freshAction 添加到该工具栏对象
toolBar.actionIds=new ArrayCollection([this.freshAction.actionId]);
//将工具栏对象添加到工具栏容器
this.actionBar.fillToolBar(toolBar);
//给freshAction 添加事件监听器
this.actionBar.addListener(this.freshAction.actionId,function (ret:CActionEvent):void{
this.setInfo("刷新当前的所有操作..............");
},this);
}
/**添加对Splash.mxml启动文件中定义的id为test的全局action的事件监听*/
CActionManager.Instance.addListener("test",function (evt:CActionEvent):void{
Alert.show("id为test的全局action被用户点击触发了");
},this);
}
//公共方法，该方法可以被其他模块调用
public function setInfo(info:String):void{
this.labelInfo.text=info;
}
]]>
</mx:Script>
<!--定义一action -->
<rcp:CAction id="freshAction" actionId="actionfresh"
imageUrl="icons/update.gif"
text="刷新" toolTip="刷新当前视图"/>
<mx:Label id="labelInfo" text="欢迎使用......"/>
</rcp:RCPModule>
Module_Nav.mxml文件内容如下：
<?xml version="1.0" encoding="utf-8"?>
<rcp:RCPModule xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:rcp="http://www.smartrcp.org"
layout="vertical" creationComplete="init()">
<mx:Script>
<![CDATA[
import cn.smartinvoke.smartrcp.gui.module.CEvent;
import org.eclipse.swt.SWT;
import org.eclipse.swt.widgets.Display;
import mx.collections.ArrayCollection;
import cn.smartinvoke.smartrcp.gui.control.CAppToolBarManager;
import cn.smartinvoke.smartrcp.CApplication;
import mx.controls.Alert;
import cn.smartinvoke.smartrcp.gui.module.CActionEvent;
import cn.smartinvoke.smartrcp.gui.control.CActionManager;
import cn.smartinvoke.rcp.CAction;
import mx.events.ListEvent;
import mx.events.ItemClickEvent;
import cn.smartinvoke.smartrcp.gui.control.ViewManager;
import cn.smartinvoke.smartrcp.gui.FlashViewer;
//初始化方法
function init():void{
/**在工具栏上添加退出按钮*/
//首先定义action，这里的action与jface中的action作用相同，表示一个动作，它可以被添加到菜单与工具栏
var action:CAction=new CAction("action_exist","退出","icons/exist.gif","点击退出系统");
//添加到应用程序action管理器
CActionManager.Instance.addAction(action);
//添加action监听函数，当action 被触发时，会调用此监听函数
CActionManager.Instance.addListener(action.actionId,function (evt:CActionEvent):void{
//调用CApplication对象退出系统
CApplication.Instance.exit();
},this);
//将该action添加到工具栏
CAppToolBarManager.Instance.insertItem(action.actionId);
/**添加快捷键监听功能*/
Display.getCurrent().addListener(SWT.KeyDown,function (evt:CEvent):void{
if(evt.stateMask==(SWT.CTRL | SWT.ALT)&& evt.keyCode==SWT.F1){
Alert.show("ctrl + alt + F1 被按下了");
}
},this);
}
public function onItemClick(event:ListEvent):void {
//返回当前运行的所有Module_Content.mxml模块实例集合
var flashViewers:ArrayCollection=
ViewManager.Instance.findFlashViewers("modules/Module_Content.swf");
//获得第一个实例
var flashViewer:FlashViewer=flashViewers[0] as FlashViewer;
//获得用户当前选择的操作名称
var selectedNode:XML=Tree(event.target).selectedItem as XML;
var info:String="正在进行:"+selectedNode.@label+" 操作";
//调用Module_Content.mxml模块中的setInfo方法，并传入info字符串，显示用户当前的操作
flashViewer.invoke("setInfo",[info]);
}
]]>
</mx:Script>
<mx:XMLList id="treeData">
<node label="邮箱">
<node label="收件箱">
<node label="公司信件"/>
<node label="个人信件"/>
</node>
<node label="发件箱">
<node label="一般信息"/>
<node label="专业信息"/>
</node>
<node label="其他功能"/>
</node>
</mx:XMLList>
<mx:Tree id="myTree" width="100%" height="100%" labelField="@label"
showRoot="false" dataProvider="{treeData}" itemClick="onItemClick(event)"/>
</rcp:RCPModule>
分别编译两模块文件后，你会发现在smartrcpDemo项目的bin-debug目录下新增了modules目录，该目录中
有Module_Content.swf和Module_Nav.swf两个文件，他们即为前两个mxml 模块文件编译出的文件。
2:修改Test.mxml文件内容如下：
<?xml version="1.0" encoding="utf-8"?>
<rcp:RCPApplication xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:rcp="http://www.smartrcp.org"
backgroundColor="white" layout="vertical" verticalAlign="middle"
paddingLeft="0" paddingRight="0" paddingBottom="0" paddingTop="0"
>
<mx:Style>
global{
font-size:12px;
}
</mx:Style>
</rcp:RCPApplication>
保存并编译该Test.mxml文件。
3：在smartrcpDemo目录下新建名为Splash.mxml的mxml Application文件，内容如下：
<?xml version="1.0" encoding="utf-8"?>
<rcp:SplashApp xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="#ffffff"
xmlns:rcp="http://www.smartrcp.org"
paddingBottom="0" paddingLeft="0" paddingRight="0" paddingTop="0"
layout="vertical" horizontalAlign="center" verticalAlign="middle" width="353" height="264">
<mx:Style>
global{
font-size:12px;
}
</mx:Style>
<mx:Script>
<![CDATA[
import cn.smartinvoke.rcp.CLayoutBasicInfo;
import mx.controls.Alert;
import mx.utils.StringUtil;
import cn.smartinvoke.smartrcp.CApplication;
import cn.smartinvoke.smartrcp.util.CWorkbenchActions;
import cn.smartinvoke.rcp.CPageLayout;
import cn.smartinvoke.rcp.CStandaloneLayout;
import cn.smartinvoke.rcp.CToolBar;
import org.eclipse.swt.SWT;
import cn.smartinvoke.rcp.CFolderLayout;
/**
*平台会自动调用此方法获得整个程序的界面布局对象CPerspective
*/
public override function getPerspective():CPerspective{
return ret;
}
//--------
]]>
</mx:Script>
<!--SmartRCP程序的整体布局由这里的CPerspective类型对象定义 -->
<rcp:CPerspective id="ret" runtimeSwfPath="Test.swf">
<!--全局action的定义
这里定义的action会自动添加到CActionManager集合中，以便其他模块的调用
-->
<rcp:actions>
<!--CAction类的作用与Jface中的Action类的作用类似，属性也是相对应的，
每个CAction类型对象会被SmartRCP转换为对应的Action对象。
CWorkbenchActions类全部定义的常量，该类与eclipse rcp 中的ActionFactory
类相对应，表示为eclipse rcp中内置的IWorkbenchAction。
比如这里的第一个CAction定义的作用与rcp程序中ApplicationActionBarAdvisor类的makeActions方法的Java代码：
IWorkbenchAction exitAction = ActionFactory.QUIT.create(window);
的作用相同。
-->
<rcp:CAction actionId="{CWorkbenchActions.QUIT}" text="退出"/>
<rcp:CAction actionId="{CWorkbenchActions.PREFERENCES}" text="设置"/>
<rcp:CAction actionId="test" type="{CAction.AS_CHECK_BOX}" checked="true" text="测试" toolTip="toolTipTest..."/>
</rcp:actions>
<!--菜单栏
通过引用前面定义的全局action的引用id即对象的 actionId属性 来定义SmartRCP程序的菜单栏
-->
<rcp:menuBars>
<rcp:CMenuRelation label="程序"><!--定义菜单 -->
<rcp:actions>
<!--
CWorkbenchActions.ID_QUIT在这里引用前面actionId属性为CWorkbenchActions.QUIT的退出Action
-->
<mx:String>{CWorkbenchActions.ID_QUIT}</mx:String><!--添加菜单项-->
</rcp:actions>
</rcp:CMenuRelation>
<rcp:CMenuRelation label="窗口">
<rcp:actions>
<mx:String>{CWorkbenchActions.ID_PREFERENCES}</mx:String>
</rcp:actions>
</rcp:CMenuRelation>
<rcp:CMenuRelation label="文件">
<rcp:actions>
<!--
test在这里引用前面actionId属性为test的全局action
-->
<mx:String>test</mx:String>
</rcp:actions>
</rcp:CMenuRelation>
</rcp:menuBars>
<!--工具栏
通过引用前面定义的全局action的引用id即对象的 actionId属性 来定义这里的工具栏按钮
-->
<rcp:toolBar>
<!--CToolBar.Image_Text_Horizontal将当前程序的工具栏设置为图标加文字的形式 -->
<rcp:CToolBar type="{CToolBar.Image_Text_Horizontal}">
<rcp:actionIds>
<mx:ArrayCollection>
<!--
test在这里引用前面actionId属性为test的全局action
-->
<mx:String>test</mx:String>
</mx:ArrayCollection>
</rcp:actionIds>
</rcp:CToolBar>
</rcp:toolBar>
<rcp:windowConfigurer>
<!-- 在这里设置SmartRCP程序主窗口的大小，图标，标题，是否显示状态栏等-->
<rcp:CWindowConfigurer shellWidth="800" shellHeight="600" showMenuBar="true" showCoolBar="true"
showPerspectiveBar="false" showStatusLine="true"
shellTitle="邮件收发器"
/>
</rcp:windowConfigurer>
<rcp:page>
<!--定义视图布局，CPageLayout类的属性在rcp透视图创建的时候调用，
作用为定义各个模块在整个界面布局中的位置，其属性与rcp中的org.eclipse.ui.IPageLayout类的属性对应
-->
<rcp:CPageLayout id="page" editorAreaVisible="false" fixed="false">
<!--视图集合，该集合中定义的视图对象会被转换成对应的ViewPart实例显示于rcp的透视图上 -->
<rcp:layouts>
<mx:ArrayCollection>
<!--定义一个视图布局对象-->
<rcp:CFolderLayout id="layoutNav"
relationship="{CPageLayout.LEFT}" refLayout="{page}" ratio=".7">
<rcp:modules>
<mx:ArrayCollection><!--将导航模块Module_Nav添加到该布局中-->
<rcp:CLayoutBasicInfo modulePath="modules/Module_Nav.swf" title="功能导航" closeable="false"/>
</mx:ArrayCollection>
</rcp:modules>
</rcp:CFolderLayout>
<!--定义一个操作内容布局对象-->
<rcp:CFolderLayout refLayout="{layoutNav}" relationship="{CPageLayout.RIGHT}" ratio=".3">
<rcp:modules>
<mx:ArrayCollection><!--将内容模块Module_Content添加到该布局中-->
<rcp:CLayoutBasicInfo modulePath="modules/Module_Content.swf" title="操作内容" closeable="false"/>
</mx:ArrayCollection>
</rcp:modules>
</rcp:CFolderLayout>
</mx:ArrayCollection>
</rcp:layouts>
</rcp:CPageLayout>
</rcp:page>
</rcp:CPerspective>
<!--在这里可以定义启动界面的现实-->
<mx:Label text="smartrcp测试..." fontSize="23" fontWeight="bold" width="172"/>
</rcp:SplashApp>
保存并编译该文件。
4：启动cmd控制台,将当前目录切换到smartrcp的解压目录运行
smartrcp.exe -app E:\flexWork\SmartRCPDemo\bin-debug\Splash.swf 命令
-app 参数定义运行时加载的smartrcp程序的启动文件的路径，这里为smartrcpDemo程序中的Splash.mxml文件
编译后得到的Splash.swf文件
看到效果了吧使用smartrcp构建桌面程序是不是很简单呀。
代码能说明一切，通过这几句简短的代码就构建出一个程序整体的框架了，这充分说明smartrcp的简洁高效。
我会在此系列的第三篇中介绍smartrcp的菜单和工具栏部分
分享到：
不过代码转化器最近正在开发，还需要一段时间的
相关推荐
标题中的“smartrcp入门视频系列三（快速构建程序界面）”指的是一个关于使用smartrcp工具进行快速UI开发的教学视频。smartrcp是一个用于构建RCP（Rich Client Platform）应用程序的框架，它提供了许多便利的功能，...
SmartRCP可能是一个增强的RCP（Rich Client Platform）平台，为开发人员提供了一种更方便的方式来构建桌面应用程序，而不仅仅是Web应用程序。在这一系列的第五部分，它将展示如何在Flex界面中嵌入或者调用IE浏览器，...
qtz40塔式起重机总体及塔身有限元分析法设计().zip
Elasticsearch是一个基于Lucene的搜索服务器
资源内项目源码是来自个人的毕业设计，代码都测试ok，包含源码、数据集、可视化页面和部署说明，可产生核心指标曲线图、混淆矩阵、F1分数曲线、精确率-召回率曲线、验证集预测结果、标签分布图。都是运行成功后才上传资源，毕设答辩评审绝对信服的保底85分以上，放心下载使用，拿来就能用。包含源码、数据集、可视化页面和部署说明一站式服务，拿来就能用的绝对好资源！！！ 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、大作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.txt文件，仅供学习参考, 切勿用于商业用途。
美国纽约HVAC(暖通空调)数据示例，谷歌地图数据包括：时间戳、名称、类别、地址、描述、开放网站、电话号码、开放时间、更新开放时间、评论计数、评级、主图像、评论、url、纬度、经度、地点id、国家等。 在地理位置服务（LBS）中，谷歌地图数据采集尤其受到关注，因为它提供了关于各种商业实体的详尽信息，这对于消费者和企业都有极大的价值。本篇文章将详细介绍美国纽约地区的HVAC（暖通空调）系统相关数据示例，此示例数据是通过谷歌地图抓取得到的，展示了此技术在商业和消费者领域的应用潜力。 无需外网，无需任何软件抓取谷歌地图数据：wmhuoke.com
2023-04-06-项目笔记-第四百五十五阶段-课前小分享_小分享1.坚持提交gitee 小分享2.作业中提交代码 小分享3.写代码注意代码风格 4.3.1变量的使用 4.4变量的作用域与生命周期 4.4.1局部变量的作用域 4.4.2全局变量的作用域 4.4.2.1全局变量的作用域_1 4.4.2.453局变量的作用域_453- 2025-04-01
1_实验三 扰码、卷积编码及交织.ppt
北京交通大学901软件工程导论必备知识点.pdf
内容概要：本文档总结了 MyBatis 的常见面试题，涵盖了 MyBatis 的基本概念、优缺点、适用场合、SQL 语句编写技巧、分页机制、主键生成、参数传递方式、动态 SQL、缓存机制、关联查询及接口绑定等内容。通过对这些问题的解答，帮助开发者深入理解 MyBatis 的工作原理及其在实际项目中的应用。文档不仅介绍了 MyBatis 的核心功能，还详细解释了其在不同场景下的具体实现方法，如通过 XML 或注解配置 SQL 语句、处理复杂查询、优化性能等。 适合人群：具备一定 Java 开发经验，尤其是对 MyBatis 有初步了解的研发人员，以及希望深入了解 MyBatis 框架原理和最佳实践的开发人员。 使用场景及目标：①理解 MyBatis 的核心概念和工作原理，如 SQL 映射、参数传递、结果映射等；②掌握 MyBatis 在实际项目中的应用技巧，包括 SQL 编写、分页、主键生成、关联查询等；③学习如何通过 XML 和注解配置 SQL 语句，优化 MyBatis 性能，解决实际开发中的问题。 其他说明：文档内容详尽，涵盖面广，适合用于面试准备和技术学习。建议读者在学习过程中结合实际项目进行练习，以更好地掌握 MyBatis 的使用方法和技巧。此外，文档还提供了丰富的示例代码和配置细节，帮助读者加深理解和应用。
《基于YOLOv8的智能电网设备锈蚀评估系统》（包含源码、可视化界面、完整数据集、部署教程）简单部署即可运行。功能完善、操作简单，适合毕设或课程设计
插头模具 CAD图纸.zip
资源内项目源码是来自个人的毕业设计，代码都测试ok，包含源码、数据集、可视化页面和部署说明，可产生核心指标曲线图、混淆矩阵、F1分数曲线、精确率-召回率曲线、验证集预测结果、标签分布图。都是运行成功后才上传资源，毕设答辩评审绝对信服的保底85分以上，放心下载使用，拿来就能用。包含源码、数据集、可视化页面和部署说明一站式服务，拿来就能用的绝对好资源！！！ 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、大作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.txt文件，仅供学习参考, 切勿用于商业用途。
《基于YOLOv8的智慧农业水肥一体化控制系统》（包含源码、可视化界面、完整数据集、部署教程）简单部署即可运行。功能完善、操作简单，适合毕设或课程设计
python爬虫；智能切换策略，反爬检测机制
台区终端电科院送检文档
e235d-main.zip
丁祖昱：疫情对中国房地产市场影响分析及未来展望
MCP快速入门实战，详细的实战教程
YD5141SYZ后压缩式垃圾车的上装箱体设计.zip