GacUI学习（一）

GacUI学习（一）之高仿系统记事本（一）

转载请注明来源：http://www.cnblogs.com/lyfh/p/6107215.html

GacUI是轮子哥(vczh)精心打造的跨平台C++转用UI库，包含了轮子哥毕生的C++功力。针对GacUI，轮子哥写过中文教程和Demo，教程地址https://segmentfault.com/a/1190000004055577，Demo在其博客，可自行前去阅读。

本程序正是根据其中的《GacUI Demo：文本框基本应用》扩展而来，兼容其后的文本框高亮系列。话不多说，先上图（本图为记事本主界面，并带上了文本框高这功能，高亮模式由状态条上的高亮模式确定）：

GacUI包含丰富的排版本功能，具体参见轮子哥的博客《GacUI基本概念（二）——排版（1）》和《GacUI基本概念（二）——排版（2）》。本程序采用了最外层一个三行一列的GuiTableComposition进行布局，然后内部每行一个GuiCellComposition。再在GuiCellComposition内进行控件布置。 具体步骤如下：

首先新建一个继承自vl::presentation::controls::GuiWindow的类TextBoxEditorWindow，作为基础窗口，所有的排版布局及控件操作都将在此窗口上进行。TextBoxEditorWindow构造函数如下：

 TextBoxEditorWindow::TextBoxEditorWindow() : GuiWindow(GetCurrentTheme()->CreateWindowStyle())
 {
     this->SetText(TEXT("GacTextBox"));
     this->GetContainerComposition()->SetMinSizeLimitation(GuiGraphicsComposition::LimitToElementAndChildren);
     this->SetClientSize(Size(, ));
 }

然后再在此构造函数内新建一个table，来进行布局

 /*
         布局采用3行1列形式
         行1：菜单栏，显示各项菜单
         行2：编辑栏，显示文本
         行3：状态栏，显示行号等状态信息
     */
     GuiTableComposition* table = new GuiTableComposition;
     table->SetAlignmentToParent(Margin(, , , ));
     table->SetCellPadding();
     table->SetRowsAndColumns(, );
     table->SetRowOption(, GuiCellOption::MinSizeOption());
     table->SetRowOption(, GuiCellOption::PercentageOption(1.0));
     table->SetRowOption(, GuiCellOption::MinSizeOption());
     table->SetColumnOption(, GuiCellOption::PercentageOption(1.0));
     this->GetContainerComposition()->AddChild(table);

这几行代码设置了table的一系列属性，具体意义可以参见GacUI的文档http://gaclib.net/Document.html#~/。重点是最后一行，将此table添加到TextBoxEditorWindow。剩下的就是在table的每一格中创建相应的控件。