开发平台学习标准手册_ui层设计_理解学习.docx

UIFactory II技术框架介绍UI层设计功能节点加载机制NC界面模拟 以下的演示示例 类的命名，我均采用NC产品已经有的命名方式。通过该部分的学习重点理解NC界面之间的层级管理。开发过程中理解 每级模板自主能动的概念（父模板负责组装，具体功能由各自来实现）重点理解FuncletWidget界面元素组成，前面的部分了解就可以窗口实现样式代码规划nc.desktop.ui.NcWindow extends JFrame代码示例显示效果顶层面板（工作台）实现样式代码规划：容器面板（nc.desktop.ui.Workbench），使用borderlayout布局North面板（nc.desktop.ui.WorkbenchTopPanel extends JPanel）Center面板（nc.desktop.ui.WorkbenchSpace extends JPanel）考虑单例代码示例将其增加到父面板中增加其子面板显示效果因为子面板中，还是空的，所以看到效果如下。但是我们代码中知道，已经增加了两级面板工作台—NC logo与快捷搜索面板实现样式代码示例其没有子面板，需要实现如下功能需要增加底图以及NC logo图标代码如下：备注：通过代码可以知道，NC界面样式主题位于NCHOME/resource/themeroot/ 路径下， 使用绿色主题，实现样式如下显示效果工作台-所有打开的功能节点页签面板实现样式代码规划父面板（nc.desktop.ui.WorkbenchSpace）容器面板（nc.ui.pub.beans.ExtTabbedPaneextends javax.swing.JTabbedPane），代码示例增加面板到其父面板中功能节点面板实现样式代码规划每个tab页签面板 为一个功能节点（nc.funcnode.ui.FuncNodePanel）制定接口（nc.funcnode.ui.IFuncletWindow），每个功能节点都需要实现该接口中的方法：显示功能节点窗口（public void showWindow()）和关闭功能节点窗口（public boolean closeWindow()）代码示例登陆成功，默认增加功能导航和消息中心两个功能功能节点 tab显示效果功能窗口部件每个功能节点，界面展示的元素都不相同，NC采用如下结构展示每个FuncNodePanel，使用一个界面元素组件容器（FuncletWidgetContainerextends JPanel）来显示其拥有的元素 。每个(FuncletWidgetContainerextends JPanel)，其使用卡片布局，默认包含一个 FuncletWidgetFuncletWidget（重要理解部分）每个 FuncletWidget包含三部分,容纳菜单栏、界面信息、状态栏代码结构如下FuncletWidget—North放按钮面板FuncletWidget—Center放信息面板信息面板—SOUTH 放状态栏目信息面板—CENTER 放界面信息（funclet）xml加载机制示例以下演示使用的的配置文件由uap_studio自动生成的主子表结构配置文件如下图需要做的工作接上面的介绍，在导航菜单双击或者右键打开菜单节点的时候，我们可以预测其响应要做的事件创建FuncletWidgetContainer需要为其创建一个子面板FuncletWidget。为了创建一个FuncletWidget,需要：创建子面板-菜单栏（放置按钮条）创建子面板—界面信息，放置界面元素（按钮条，界面元素）创建子面板--ifunclet实现类创建子面板—任务栏利用创建的FuncletWidgetContainer来构造FuncNodePanel将FuncNodePanel作为一个父面板ExtTabbedPane的一个页签名来展示查看代码入口在你对NC产品还不熟悉的时候，可以采用如下的方式删除xml配置文件中的所有信息，双击功能节点这个时候功能节点应该是打不开的，查看控制台的异常信息。通过异常我们可以看到功能节点打开代码执行顺序菜单项响应件nc.funcnode.ui.FuncletWindowEngine.openNode(OpenParam openParam) 方法由导航菜单项事件响应机制调用：主要是启动线程，执行功能节点打开方法openNodeImple（）。在openNodeImple（）中执行如下的工作创建界面元素组件容器FuncletWidgetContainer步骤1即下图的第1部分需要做的工作创建步骤与简单主子面板的创建步骤一样首先要得到一个FuncletWidgetContainer面板然后得到一个 FuncletWidget子面板建立主子面板的关系：将子