[分享]修改平台缺省的界面**

alang

平台启动过程中，以及启动之后，先后会显示以下的内容
1 启动画面
2 登录窗体
3 IE的标题
4 平台的主界面
5 常用的功能界面

以下我们分别介绍每一个界面的修改方法

alang

1 启动画面
对于Exe程序来讲就是 Business.Exe所在目录的 splash.jpg
直接用作图工具修改这个文件就可以了

对于IE客户端来讲，是NewVersion下的splash.jpg
如果修改了这个文件的内容，需要用 安装制作工具 重新制作NewVersion的文件

alang

2 登录窗体
系统缺省的登录窗体在 系统空间简洁风格\界面库窗体库\系统登录对话框
直接在Studio打开这个窗体来修改就可以了，界面比较简单，这里不详细介绍改法了

如果全新定制自己的界面方案，请参考
http://bbs.justep.com/forum.php?mod=viewthread&tid=975
http://bbs.justep.com/forum.php?mod=viewthread&tid=24045

alang

3 IE的标题
这里以Tomcat为例介绍修改方法
1) 用rar打开X3.war文件
2) 修改index.html文件中 <title>X3 协同管理系统</title> 为自己需要的值
3) X3 ServerTomcatwebappsRootIndex.html 修改 <title>X3 协同管理系统</title> 为自己需要的值
4) 删除 X3 ServerTomcatwebappsX3 目录
5) 重新启动Tomcat

如果是其他的应用服务器，只要卸载X3服务，修改X3 ServerDeploy目录下相应目录下的war文件或ear文件，然后重新发布就可以了

alang

4 平台的主界面
缺省的主界面在 系统空间简洁风格\界面库窗体库\标准风格主窗体
直接签出修改就可以了，因为这个界面的控件非常多，很复杂，以下几个帖子分别来介绍跟界面显示相关的控件和改法

如果全新定制自己的界面方案，请参考
http://bbs.justep.com/forum.php?mod=viewthread&tid=975
http://bbs.justep.com/forum.php?mod=viewthread&tid=24045

alang

主界面的上面区域
1) 主界面的上面区域是由 cnrHeader(TContainer) 来显示的
2) 在这个控件上放了一个imgTitle(TImage) 显示X3系统管理系统字样及背景图，修改他的imgTitle.Picture
3) 为了让宽屏也可以在右面显示图像，设置了 cnrHeader.Background.Image
4) 如果打开功能太多，显示下来的按钮叫 btnTabEnd(TFrameButton)，修改他的 Frames[0].Background.Image 的图片就好了
5) 右下的功能按钮是用 TImage 隔开的多个 TFrameButton
6) 这些 FrameButton 一般有两个图片，一个是Enabled 一个是Disabled
分别设置这些Button的 Frames[0].Background.Image 和 Frames[1].Background.Image
fbtOptions 工具按钮一直可用，因此只有一个图片

alang

1) 功能运行以后，会在主界面的上面区域放每一个功能的显示名称
2) 这个显示是由FrameResource定义的，在FrameResource.Frames中定义了多个显示风格
  FuncTabActive 对应当前功能
  FuncTab 对应非当前功能
3) FuncTabActive中定义了    Border.Left.Image  Background.Image    Border.Right.Image，由这三个属性构成了一个显示分别是左中右

alang

主界面的左面区域
1) 主界面的左面的区域是 pnlLeft(TPanel) 、spLeft(TSplitter)和 Image3(TImage)，其他的控件都是放在 pnlLeft上的，整个左面区域的背景色就是靠 pnlLeft.Color 来定义的
2) 业务系统（显示"协同平台"，"客户关系"等）是用 tbFuncTree 显示的
    tbFuncTree.Active.Top.Image  tbFuncTree.ActiveImage  tbFuncTree.Active.Bottom.Image 定义了当前激活业务系统的显示
    tbFuncTree.Normal.Top.Image  tbFuncTree.NormalImage  tbFuncTree.Normal.Bottom.Image 定义了非激活业务系统的显示
  tbFuncTree.LeftArrowImage  tbFuncTree.LeftArrowDisabledImage 是上箭头可用和不可用的图像
  tbFuncTree.RightArrowImage  tbFuncTree.RightArrowDisabledImage 是下箭头可用和不可用的图像
3) 功能树上方的“协同平台”的背景是 FrameButton1
  FrameButton1.Frames[0].Background.Image  FrameButton1.Frames[0].Border.Left.Image  FrameButton1.Frames[0].Border.Right 定义了这个Button如何显示的
4) 右上角的关闭按钮是btnCloseFuncTree(TSpeedButton)，直接修改 btnCloseFuncTree.Glyph 的图片
5) 在左面区域的最右面有一条从上到下的深色线，是Image3(TImage)
6) 左面区域的功能树是FFuncNavBar(TOperatorFuncNavBar)，这个部门在稍后的帖子中介绍

alang

主界面的右面区域
1) 主界面的右面区域是在 DockStub.RightBar 中定义的，业务关联窗口是FRelevancyNavBar(TRelevancyNavBar)，文档关联窗口是FDocRelevancyNavBar(TDocRelevancyNavBar)，这两个关联窗口在后面再介绍，本帖只介绍 DockStub.RightBar
2) 右面区域的背景色是 DockStub.RightBar.BackGround.Image 定义的
3) 上面有一小块的空白是 DockStub.RightBar.Border.Top.Image 定义的
4) 下面的关联按钮对应 DockStub.RightBar.Tab
  分别定义了DockStub.RightBar.Tab.Border.Top.Image  DockStub.RightBar.Tab.BackGround.Image  DockStub.RightBar.Tab.Border.Bottom.Image

alang

主界面的下面区域
1) 下面区域是ccStatusBar(TContainer)，修改 ccStatusBar.Background.Image 属性就可以修改背景了
2) 在这个 ccStatusBar 上有三个图片，imgDownload  imgUpload.Picture  imgNone ，修改他们Picture属性换图片