（27）uniGUI for C++ builder之杂七杂八小知识

                                                                                          (中行雷威2018.9.30)

（同一个世界，同一个梦想，交流学习C++Builder XE10，传承c++builder的魅力！欢迎各地朋友加入我的QQ群484979943,进群密码“BCB”，同时也请将该群号广为宣传，希望能够广集各方高手，共同进步。如需下载开发工具及源代码请加入我的QQ群。）

【阅读倡议】

1、有问题请留言;

2、没问题请点赞;

3、看连载请加群;

4、下源码请加群;

【开发工具】

1、C++Builder10.2.3 tokyo

2、FMSoft_uniGUI_Complete_Professional_1.10.0build1471（正版）

本人主笔的国内第一本uniGUI教学案例代码已诞生，分为cbuilder和delphi两个版本，买代码送手册，需要的朋友可以加入我的QQ技术交流群484979943、860634510、299497712给我（群主）留言。资料简介：https://blog.csdn.net/dlboy2018/article/details/88923832

一、程序图标设置

1、如何设置编译出来的可执行文件的图标

开发环境IDE主菜单：Project->Options->Application->Application Icon Settings,选择一个图标吧。

2、如何设置uniGUI程序最小化到右下角的图标

设置ServerModule的Favicon属性

 

二、浏览器相关

1、浏览器打开一个URL

UniSession->AddJS("window.open(\""+UniEdit4->Text+"\",\"newwindow\")");

其中UniEdit4->Text为一个完整的URL变量，如http://www.sina.com.cn

2、设置按钮或相应控件的Ext事件属性

比如UniBitBtn，打开属性ClientEvents->ExtEvents,找到Ext.button.Button的click属性，双击后添加代码如下

function click(sender, e, eOpts)
{
  window.open("http://www.sohu.com");//url必须是带有http头的完整的地址
}

然后勾选绿色小勾保存即可。

 

三、表格相关

1、设置列宽

UniDBGrid1->Columns->Items[0]->Width=150;
2、设置列提示

UniDBGrid1->Columns->Items[0]->ShowToolTip=true;//如果列宽显示不下内容时，鼠标焦点后可弹窗显示

3、设置字段加下划线（但不是超链接）

void __fastcall TMainForm::UniDBGridTask1DrawColumnCell(TObject *Sender, int ACol,
          int ARow, TUniDBGridColumn *Column, TUniCellAttribs *Attribs)
{
if(Column->FieldName=="任务名称")
    {
    Attribs->Style->Style="cursor:pointer;text-decoration:underline";

    }
}

四、窗口样式

1、设置窗口模式还是页面模式

ServerModule的MainFormDisplayMode=mfWindow/mfPage(视窗或页面样式)

五、各种Panel面板

1、UniHiddenPanel隐藏面板

放在它上面的控件在运行时时看不到的。

2、UniPanel增加背景图

在窗口的OnCreate事件中增加js调用，背景图片文件要放在执行程序同级目录的files/images下。

void __fastcall TMainForm::UniFormCreate(TObject *Sender)
{
UniPanel1->JSInterface->JSAddListener("afterrender", UniPanel1->JSInterface->JSFunction("sender","sender.body.dom.style.backgroundImage=\"url(files/images/2018-10-07_080354.png)\";"));
}
//---------------------------------------------------------------------------
 

六、文档上传与下载

1、下载文档

UniSession->SendFile(UniServerModule()->FilesFolderPath+filePathName);

web默认文档主目录在执行程序同级目录下的files子目录下,该属性可以在ServerModule的FilesFolder属性中配置。

对于常见的文档类型，浏览器默认支持，对于如abc扩展名的特殊类文档，点击后浏览器会没有动作，你需要配置一下MIME表。

在ServerModule的OnCreate属性中添加：

MimeTable.AddMimeType("abc","abc");

七、UniTreeView

1、修改节点图标大小

UniTreeView关联UniImageList显示每个节点的小图，默认小图较小

1）将UniImageList的width设为32，height设为32，双击UniImageList添加32*32的ico图标

2）添加UniServerModule的CustomCSS属性

.x-tree-icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
}
.x-tree-elbow-img {
    width: 18px;
    height: 30px;
    line-height: 32px;
}
.x-tree-node-text {
     line-height: 24px;
}