|
在Linux系统中，图形界面是以插件形式存在。所以，在Linux系统下，原生并不支持GUI，只有简单的命令行界面（我倒是挺喜欢的，且很多场景志，还是键盘好用）。既然是插件，也就引来各个GUI厂商百花齐放（个人感觉）做最好的是Qt，但其收费，按分行数量收费，貌似现在还无法规避了。在Qt的应用市场里面，控件多以收费的形式提供。没错，就是二次收费。 这次在收看ST官方的wiki时，看到其使用Gtk，这个年老的GUI软件，有点新奇。Gtk免费，不用担心收到律师函。所以，今天就尝试一下使用Gtk来开发一个小界面。
设计GUI界面，首先，我们要安装交叉编译环境，ST公司以SDK的方式整体打包的形式为开发者提供的。安装过程ST也贴心为大家生成了脚本。我们只需要在shell下执行一下即可。略微等一下（我的本本硬盘较老）安装就完成了。成功安装完成后打印消息如下图所示：
然后，我们再source一下，使环境变量在本shell生效。因为第一次安装，我们先测试一下环境是否安装成功。
- echo $PATH
- echo $CROSS_COMPILE
- echo $CC
我的返回信息如下图所示：
接下来，我们打开VScode编写一个简单的GTK窗口界面演示示例。示例为弹窗显示“Hello 21ic & ST”，在按下按钮后，打印“Hello 21ic & ST”字符串。源代码如下：
- #include <gtk/gtk.h>
- static void
- print_hello (GtkWidget *widget,
- gpointer data)
- {
- g_print ("Hello 21ic & ST \n");
- }
- static void
- activate (GtkApplication *app,
- gpointer user_data)
- {
- GtkWidget *window;
- GtkWidget *button;
- GtkWidget *button_box;
- window = gtk_application_window_new (app);
- gtk_window_set_title (GTK_WINDOW (window), "Window");
- gtk_window_set_default_size (GTK_WINDOW (window), 200, 200);
- button_box = gtk_button_box_new (GTK_ORIENTATION_HORIZONTAL);
- gtk_container_add (GTK_CONTAINER (window), button_box);
- button = gtk_button_new_with_label ("Hello 21ic & ST");
- g_signal_connect (button, "clicked", G_CALLBACK (print_hello), NULL);
- g_signal_connect_swapped (button, "clicked", G_CALLBACK (gtk_widget_destroy), window);
- gtk_container_add (GTK_CONTAINER (button_box), button);
- gtk_widget_show_all (window);
- }
- int
- main (int argc,
- char **argv)
- {
- GtkApplication *app;
- int status;
- app = gtk_application_new ("org.gtk.example", G_APPLICATION_DEFAULT_FLAGS);
- g_signal_connect (app, "activate", G_CALLBACK (activate), NULL);
- status = g_application_run (G_APPLICATION (app), argc, argv);
- g_object_unref (app);
- return status;
- }
然后，我们看到的显示效果：
总结：
对GTK图形实现相对陌生，也没有Qt的图形化编辑界面。代码编写起来与GUI设计相对有点原始了。对于嵌入式设备来说，GUI较固定，也不需要复杂的界面，GTK可以做一个低成本的GUI实现方案为以后的项目开发提供解决方案。
不得不说，ST提供的SDK方案安装起来太方便了！
| 
楼主
