第七章 wxDev-C++使用入门.pdfVIP

wxDev-C++入门 本文依据wxDev-C++ 自带的帮助文档，进行翻译整理的。 打开wxDev-C++时，会出现每日提示，提示一些比较有用的小技巧。关闭每日提示，然后打开【文 件】 【新建】 【工程】： 弹出【新工程】窗口： 选择wxWidgets Frame ，在 【工程属性的】的 【Name】中填入HTMLEditor。然后按 【确定】。 1 / 16 选择要保存的位置，最好为每个工程建立一个同名的文件夹。选择保存位置后，点击【保存】。 在Window Style 中，复选所需要的类型。然后点击【Create 】。 2 / 16 虽然出现了设计界面，但是并没有控件面板以及控件属性工具栏。在【视图】 【Show Plus Panel 】 中选择【属性观察器】和【组件选项板】。wxDev-C++窗口的各部分是可以拖动的。变化后的程序界面 如下图： 在组件中选择【Menubars】，然后双击，弹出如下： 然后单击【wxMenubar】，鼠标下方会出现一个小方框，表示已经选中。然后在右侧的Frame 上， 单击左键，放置【wxMenubar 】。放置后效果如下： 3 / 16 只要放置到Frame 之中就可以，没有具体要求。稍后会介绍如何添加菜单。接下来我们添加状态 栏，也就是【status bar 】，它在组件的【Common Controls 】中，同样，双击【Common Controls 】 展开，选择 【wxStatusBar 】。单击 【wxStatusBar 】，然后在右侧的Frame 中，单击放置 【wxStatusBar 】，它会自动移动到Frame 的底部。 4 / 16 然后，放置splitter window，它在【Containers 】中，双击展开，然后选择【wxSplitterWindow 】， 放置到Frame 上。同样在【Containers 】中选择【wxHtmlWindow 】，放置到【wxSplitterWindow 】 上。放置 【wxHtmlWindow 】后，Frame 会出现一点变化。暂时不需要理会。效果如下图： 同样，双击【Common Controls 】展开，选择【wxMemo 】，放置到Frame 上。放置后的 效果如下图： 因为现在是水平布局，我们要修改为垂直布局。点击两个窗口之间，就可以选择 【wxSplitterWindow 】组件。选择后效果如下： 组件的外围出现了被选择的标记。然后我们查看并修改【属性观察器】。将方向【Orientation 】修 改为垂直布局 【wxVertical 】。修改后点击Frame 上的任一组件，修改后的属性就会发生变化。效果如 下： 5 / 16 到这里，界面设计基本完成了，我们编译运行一下，看看效果如何。直接按【F9】编译运行，也 可以从工具栏里选择 【运行】 【编译运行】： 运行后可以测试一下，拖动界面大小时的变化，以及窗口最大最小的变化。 接下来我们来修改组件的属性，并添加菜单。 单击WxMemo1 ，然后修改属性查看器的内容： 6 / 16 单击Edit String，然后单击Edit String 右侧的半个省略号【…】。弹出如下对话框： 这个就是程序运行以后，默认出现在WxMemo1 中的内容。全部删除，然后点击【OK 】。这样， 设置程序运行时，默认WxMemo1 中内容为空。 同样的方法，我们点击Frame 中的菜单组件，即第一个放置到Frame 中【wxMenubar 】组件。然 后修改属性查看器中的内容： 然后，选择Edit MenuItems，点击右侧的【…】，弹出如下对话框： 7 / 16 单击 【Add Item】来添加菜单： 将 【Caption ：】中的 【