wxWidgets初学者导引（5）——用wxSmith进行可视化设计

<div>wxWidgets初学者导引全目录<a data-token="ed4b1f3af18769fcba8af54fe7379359" href="http://download.csdn.net/detail/sxhelijian/7365537" rel="nofollow">PDF版及附件下载</a><div><a data-token="4355f46294cd6b52c727d9daaef805e8" href="http://blog.csdn.net/sxhelijian/article/details/26158709" rel="nofollow">1 前言</a> <a data-token="ccd517d2ca2d39932bfb576e57562911" href="http://blog.csdn.net/sxhelijian/article/details/26163791" rel="nofollow">2 下载、安装wxWidgets</a> <a data-token="cd56fe0597fd3be6550dc6a6a14e9909" href="http://blog.csdn.net/sxhelijian/article/details/26164181" rel="nofollow">3 wxWidgets应用程序初体验</a> <a data-token="6853f4c9619e676d6b03cd9e670ec531" href="http://blog.csdn.net/sxhelijian/article/details/26164865" rel="nofollow">4 wxWidgets学习资料及利用方法指导</a> <a data-token="d5b8e2573a27097076e986d4f4e6d884" href="http://blog.csdn.net/sxhelijian/article/details/26165237" rel="nofollow">5 用wxSmith进行可视化设计</a> <a data-token="c5af4df76e0e291a6b91d6e32df1f51b" href="http://blog.csdn.net/sxhelijian/article/details/26165879" rel="nofollow">附：学习材料清单</a></div> </div><h1><a name="_Toc14672"></a>5用wxSmith进行可视化设计</h1>　　按照第4章的要求看过了相关的书籍，应该具备了通过直接写代码的方式界面程序的能力。而在实际的工程开发中，做界面的工作常通过可视化的操作完成。wxSmith就是这样一个支持wxWidgets快速开发的一个工具，专门用来做界面。　　wxSmith已经是Code::Blocks的一个标准配置，在Code::Blocks菜单中可以看到这一项。　　这一章，我们将从做一个应用程序开始。应用程序的窗口中有两个按钮，按SayHello按钮，屏幕上会出现“HelloWorld”，按Quit按钮，程序将结束。 <h2><a name="_Toc5533"></a>5.1用wxSmith创建应用程序的外观</h2>　　创建一个空项目，名称为plain。选择菜单wxSmith->AddwxFrame，将要建立的Frame命名为plainFrame。　　在左侧的Management窗口中，显示Resources页签，我们看到的界面如下图所示：　　<img alt="" src="https://201907.oss-cn-shanghai.aliyuncs.com/cs/5606289-61d9b72d76fd8f6f977285b75853e8de">　　窗口中由许多小点构成的部分，就是将来应用程序的界面部分，我们称之为“设计区”。　　在整个窗口的左下方，是“属性/事件”窗口，被称为“属性编辑区”在其中可以设置属性，以及加入响应“OnClick”之类事件的代码。点击靠左的显示和设置“属性”，而右边的显示和设置“事件”（现在动手试一下）。　　现在只看到整个Frame的属性和事件，我们做些修改。　　例如，将Defaultsize属性后面的“√”取消掉，将随后的Width和Height分别设置为400和200<s