这是一个系列讲座，从官方文档《photon_prog_guide》而来，主要讲述QNX下的GUI编程-Photon编程，主要针对初学者。
第一个例子：
首先我们创建一个QNX PhotonAppbuilder project，这时会自动打开PhAB工具。PhAB工具界面如下所示：
我们在弹出的对话框中选择新的应用程序样式为base window。
我们在右侧的widget palette中选择label
并回到我们的窗口上点击一下，发现新创建了一个label，之后我们到资源控制面板并选择label的Label Text属性，修改为“Hello World!”
在PhAB中选择Build→Generate UI，这时将生成界面代码，然后回到QNX Momentics IDE，编译工程并下载到目标机运行，可以查看到刚才编辑的效果。
第二个例子：
下面我们在窗口上添加一个Button，并修改其Bevel Width属性为6，Font属性为Text Font，设置Horz Alignment属性为Pt_CENTER，在Basic Flag属性中添加Pt_TOP_INLINE、Pt_BOTTOM_INLINE、Pt_LEFT_INLINE、Pt_RIGHT_INLINE属性、修改Color:Fill属性，查看修改后的效果。
Label控件可以通过设置Label Type属性为Pt_IMAGE使其显示一个图片而不显示文字，选择Label Image属性可以编辑Label的显示图片。
添加一个PtMultiText Widget显示一个多行文本。编辑Text String属性可以修改显示的文字。
添加一个PtList Widget可以显示一个选择列表。修改List of Items可以修改选择项。
很多时候我们可能需要创建相同表现的widget，此时我们可以创建一个widget模板。选择一个widget并从右键菜单选择Define Templete创建一个widget 模板。当成功创建一个模板widget之后我们可以从PhAB的window菜单选择Show Templetes显示模板并将其添加到我们的界面中去。
第三个例子：
使用PhAB，我们可以通过两步创建菜单：
- menu button，点击时显示菜单；
- menu module，包含菜单项
在一个应用程序中添加一个Menu Bar，并添加两个Menu Button，设置它们的instant name分别为base_file和base_help
，同时设置Label Text属性为File和Help。
在Project菜单中选择Add Menu，并将其name修改为filemenu，修改Menu Item添加菜单项，并将新菜单项的inst name修改为file_new，同样创建file_open,file_save,之后再新建一个Separator菜单项，最后建立一个file_quit菜单项。
为了在点击File菜单按钮时显示file菜单，我们需要将Arm回调关联到这个按钮。选择base_file按钮的Arm回调，由于我们想弹出一个菜单，选择Menu。之后在Name下拉菜单中选择我们的filemenu。
回到filemenu的编辑，我们选择file_quit菜单项，添加一个Quit回调函数。
选择Build->Generate UI生成界面代码，然后在PhAB中选择菜单Window->Show Project看到文件列表中的Quit.c，选择他并点击Edit按钮，或者直接双击来修改quit函数。
之后运行程序观看效果。
第四个例子：
接上面的程序，我们创建一个helpmenu菜单，并且建立菜单项help_help,help_about，同时我们建立help_about菜单项的callback为一个名为aboutdlg的对话框对象（由于对话框现在还不存在，我们只能在列表框中手动输入对话框名称）。在setup function框中，我们输入aboutdlg_setup，这里指定了aboutdlg在实例化时将要调用的函数。同时对话框的Location属性我们设置为Center Screen。最终设置的效果如下图：
选择apply之后PhAB弹出一个对话框让我们选择aboutdlg应该是什么类型，我们选择Plain类型。
下面我们选择aboutdlg对话框，放两个PtLabel对象到对话框上，再放一个按钮。设置一个Label名字为about_version并什么都不显示，另一个显示文字“about this demo”。Button的名字为about_done，显示文字“Done”。并将该按钮的active callback设置为Done类型。
下面添加相应事件代码：
编译代码并执行可以查看效果。
第五个例子：
接上面的例子，我们从Project菜单选择新建一个Window，选择Plain样式并把Window的名字修改为newwin。
从新建的newwin的callback中我们选择window manager，添加newwin_close函数，回到Resource控制面板选择Notify，并确认选择Ph_WM_CLOSE标志。
把主窗口的filenew菜单项的回调修改为对窗口newwin，并选择Setup函数为newwin_setup。
在newwin中添加一个PtRect、四个PtButton并显示如下：
修改上面一行三个按钮中：
最左边那个名字为btn_red，显示文字Red，添加Active Callback为color_change函数。
中间那个名字为btn_green，显示文字Green，添加Active Callback为color_change函数。
最右边那个名字为btn_blue，显示文字Blue，添加Active Callback为color_change函数。
下面一个最大的按钮的text修改为“Change previous window's color”，名字为btn_prev，回调同样是color_change函数。
最后界面如图：
下面生成界面代码并修改：
newwin_setup.c修改：
color_change.c修改为：
newwin_close.c修改为：
编译运行，查看效果。
2646
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
