第11章 GUI Page399~400 步骤一：搭框架

使用Code::Blocks的wxWidget项目向导，创建项目名称为wxMyPainter的GUI项目，向导过程中注意设置：

①  基于wxFrame（框架）的项目；

②  使用wxSmith为GUI设计器；

③  选中附加的wx库：wxJPEG  wxTIFF;

④  使用UNICODE.

完成项目创建后，按Shift+F2打开工程树面板，找到扩展名为“.wxs”的文件节点，双击进入wxSmith设计界面。

首先往Frame框架中加入一个wxBoxSizer,  Orientation设置成wxHORIZONTAL。然后先在左边放入一个wxListBox控件，右边放一个wxScrolledWindow。

wxBoxSizer的位置

wxListBox的位置

wxScrolledWindow的位置

小技巧：摆放wxScrolledWindow时，可能不太好选中摆放的目标位置，可以先选中wxListbox

再选中右边侧边栏的如下图标，意思是下一个控件放到选中的上一个控件的后面

然后在选中wxScrolledWindow，就很容易放好了。

将列表框（默认变量名是ListBox1）的Propotion（占用比例）属性设置为0，使其宽度固定，然后在控件属性表将Width修改至168.

设计效果如下：

将滚动窗口（ScrolledWindow1）的占用比例设置为1，它将在横向上自动充满父窗口。再将它的背景颜色（Background）改为Window background

设计效果如下：

将ListBox1和ScrolledWindow1二者的布局附加属性Expand都勾上

设计效果如下：

运行效果：

如果将wxListBox的Hight属性也设置一下，那么效果就和书上的一样了