GUI发展以及GTK版本计算器实现

Bertha 。 2023-10-07 14:22 12阅读 0赞

### **GUI简介** ###

GUI（Graphics User Interface），中文名称为图形用户界面，是指采用图形方式显示的计算机操作用户界面，是计算机与其使用者之间的对话接口，是计算机系统的重要组成部分。

早期，电脑向用户提供的是单调、枯燥、纯字符状态的“命令行界面（CLI）”，也有人称之为字符用户界面（CUI）。

由于字符用户界面的操作方式需要用户死记硬背大量的命令，这对于普通用户而言非常不便。后来取而代之的是可以通过窗口、菜单、按键等方式来方便地进行操作。

70年代，施乐公司 Xerox Palo Alto Research Center (PARC) 的研究人员开发了第一个 GUI 图形用户界面，开启了计算机图形界面的新纪元。这之后，操作系统的界面设计经历了众多变迁，OS/2, Macintosh, Windows, Linux, Mac OS, Symbian OS, Android, IOS各种操作系统将 GUI 设计带进新的时代。

现在我们几乎可以在各个领域看到GUI的身影，如手机通讯移动产品, 电脑操作平台, 车载系统产品, 智能家电产品, 游戏产品等等。详情，请看GUI发展史

### **GUI发展史** ###

Linux的桌面环境

Linux有一套简便易学的图形用户接口( GUI )，用户使用鼠标就可以完成大多数工作。在Linux中，GUI由窗口系统，窗口管理器，工具包和风格等几个部分组成。窗口系统用于组织显示屏上的图形输出，窗口管理器用于对窗口的操作如最小化等，工具包是用于编程界面的库，风格是应用程序的用户界面。

KDE 与GNOME是目前Linux / UNIX系统最流行的图形操作环境。从上个世纪九十年代中期至今，KDE和GNOME都经历了将近十年的漫漫历程，两者也都从最初的设计粗糙、功能简陋发展到相对完善的阶段，可用性逼近Windows系统。

> 1、KDE，K桌面环境(Kool Desktop Environment)的缩写。一种著名的运行于 Linux、Unix 以及FreeBSD 等操作系统上面自由图形工作环境，整个系统采用的都是 TrollTech 公司所开发的Qt程序库（现在属于Digia公司）。  
> KDE是基于Qt库的。Qt是一个1991年由奇趣科技开发的跨平台C++图形用户界面应用程序开发框架。它既可以开发GUI程序，也可用于开发非GUI程序，比如控制台工具和服务器。Qt是面向对象的框架，使用特殊的代码生成扩展（称为元对象编译器(Meta Object Compiler, moc)）以及一些宏，易于扩展，允许组件编程。它提供给应用程序开发者建立艺术级的图形用户界面所需的所有功能。Qt很容易扩展，并且允许真正地组件编程。基本上，Qt 同 X Window 上的 Motif，Openwin，GTK 等图形界 面库和 Windows 平台上的 MFC，OWL，VCL，ATL 是同类型的东西。  
> 2、GNOME 是GNU Network Object Model Environment(GNU，网络对象模型环境)的缩写，是一种让使用者容易操作和设定电脑环境的工具，GNOME 包含了 Panel （用来启动此程式和显示目前的状态）、桌面 （应用程式和资料放置的地方）、及一系列的标准桌面工具和应用程式，并且能让各个应用程式都能正常地运作。不管之前使用何种操作系统，都能轻易地使用 GNOME 功能强大的图形接口工具。  
> GNOME使用的图形库是GTK+工具库。它是是一套在GIMP的基础上发展而来的高级的、可伸缩的现代化、跨平台图形工具包，它可以很方便地制作图形交互界面( GUI )。同时，它遵循 LGPL 许可证，所以用户可以用它来开发开源软件、自由软件，甚至是封闭源代码的商业软件，而不用花费任何钱来购买许可证和使用权。GTK+ 实质上是一个面向对象的应用程序接口 ( API )。尽管完全用 C 写成的，但它是基于类和回调函数 (指向函数的指针) 的思想实现的。具有稳定、跨平台、多种语言绑定、接口丰富、与时俱进、算法丰富、移动嵌入式应用广泛等特点.

### **我们接下来使用GTK做一个简单版的计算器。** ###

1）获取按钮上的内容。

2）如果获取的内容是“ c ”，则代表进行退格操作，相当于删去最后一个字符。

3）如果获取的内容不是“ c ”，则把每一次获取的内容连接起来，如：

第一次按了 “ 1 ”， 第二次按了 “ + ”， 第三次按了 “ 1 ”， 连起来则变为 “1+1”。

4）如果获取的内容是“ = ”，则需要相应的运算。先把连起来的字符串拆出来，然后再进行相应操作，最后把运算结果重新显示到行编辑上。

案例 分析：

#include <gtk/gtk.h>
     #include <stdio.h>
     #include <string.h>
    
    char buf[50] = "";
    
    void deal_num(GtkButton *button, gpointer data)
    {
    	const char *text = gtk_button_get_label(button);
    
    	//退个操作
    	if (0 == strcmp(text, "c")) {
    			buf[strlen(buf) - 1] = 0;
    	}
    	else
    	{
    		int a = 0, b = 0;
    		char c;
    		strcat(buf,text);
    
    		if (0 == strcmp("=", text)) {
    			printf("text==##%s##\n",text);
    			sscanf(buf, "%d%c%d", &a, &c, &b);
    
    			printf("---------001-----%c--\n",c);
    			if ('+' == c) {
    					sprintf(buf,"%d", a+b);
    			}
    			else if ('-' == c) {
    					sprintf(buf, "%d", a-b);
    			}
    			else if ('*' == c) {
    					sprintf(buf, "%d", a*b);
    			}
    			else if ('/' == c) {
    					sprintf(buf, "%d", a/b);
    			}
    
    		}
    	}
    
    	gtk_entry_set_text(GTK_ENTRY(data), buf);
    
    	return;
    }
    
     int main(int argc,char *argv[])
     {
    	 //1.gtk环境初始化
    	 gtk_init(&argc, &argv);
    
    	 //2.创建一个窗口
    	 GtkWidget *window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    
    	 //3.创建一个表格容器5行4列
    	 GtkWidget *table = gtk_table_new(5,4,TRUE);
    	 //将table加入到window中
    	 gtk_container_add(GTK_CONTAINER(window), table);
    
    	 //4.创建一个行编辑
    	 GtkWidget *entry = gtk_entry_new();
    	 //设置行编辑的内容
    	 gtk_entry_set_text(GTK_ENTRY(entry), "2+2=4");
    	 //设置行编辑不允许编辑，只能显示用
    	 gtk_editable_set_editable(GTK_EDITABLE(entry), FALSE);
    
    	 //5.创建多个按钮
    	 GtkWidget *button0 = gtk_button_new_with_label("0");//数值键0
    	 GtkWidget *button1 = gtk_button_new_with_label("1");//数值键1
    	 GtkWidget *button2 = gtk_button_new_with_label("2");//数值键2
    	 GtkWidget *button3 = gtk_button_new_with_label("3");//数值键3
    	 GtkWidget *button4 = gtk_button_new_with_label("4");//数值键4
    	 GtkWidget *button5 = gtk_button_new_with_label("5");//数值键5
    	 GtkWidget *button6 = gtk_button_new_with_label("6");//数值键6
    	 GtkWidget *button7 = gtk_button_new_with_label("7");//数值键7
    	 GtkWidget *button8 = gtk_button_new_with_label("8");//数值键8
    	 GtkWidget *button9 = gtk_button_new_with_label("9");//数值键9
    
    	 GtkWidget *button_add = gtk_button_new_with_label("+");//加号
    	 GtkWidget *button_minus = gtk_button_new_with_label("-");//减号
    	 GtkWidget *button_mul = gtk_button_new_with_label("*");//乘号
    	 GtkWidget *button_div = gtk_button_new_with_label("/");//除号
    	 GtkWidget *button_equal = gtk_button_new_with_label("=");//等号
    	 GtkWidget *button_delete = gtk_button_new_with_label("c");//退格键
    
    	 //6.布局将上面的按钮均放入table容器中
    	 gtk_table_attach_defaults(GTK_TABLE(table), entry, 0, 4, 0, 1);
    
    	 gtk_table_attach_defaults(GTK_TABLE(table), button0, 0, 1, 4, 5);
    	 gtk_table_attach_defaults(GTK_TABLE(table), button1, 0, 1, 3, 4);
    	 gtk_table_attach_defaults(GTK_TABLE(table), button2, 1, 2, 3, 4);
    	 gtk_table_attach_defaults(GTK_TABLE(table), button3, 2, 3, 3, 4);
    	 gtk_table_attach_defaults(GTK_TABLE(table), button4, 0, 1, 2, 3);
    	 gtk_table_attach_defaults(GTK_TABLE(table), button5, 1, 2, 2, 3);
    	 gtk_table_attach_defaults(GTK_TABLE(table), button6, 2, 3, 2, 3);
    	 gtk_table_attach_defaults(GTK_TABLE(table), button7, 0, 1, 1, 2);
    	 gtk_table_attach_defaults(GTK_TABLE(table), button8, 1, 2, 1, 2);
    	 gtk_table_attach_defaults(GTK_TABLE(table), button9, 2, 3, 1, 2);
    
    	 gtk_table_attach_defaults(GTK_TABLE(table), button_add, 1, 2, 4, 5);
    	 gtk_table_attach_defaults(GTK_TABLE(table), button_minus, 2, 3, 4, 5);
    	 gtk_table_attach_defaults(GTK_TABLE(table), button_mul , 3, 4, 2, 3);
    	 gtk_table_attach_defaults(GTK_TABLE(table), button_div, 3, 4, 3, 4);
    	 gtk_table_attach_defaults(GTK_TABLE(table), button_equal, 3, 4, 4, 5);
    	 gtk_table_attach_defaults(GTK_TABLE(table), button_delete, 3, 4, 1, 2);
    
    	 //7.注册信号函数，把entry传给回调函数deal_num()
    	 g_signal_connect(button0, "pressed", G_CALLBACK(deal_num), entry);
    	 g_signal_connect(button1, "pressed", G_CALLBACK(deal_num), entry);
    	 g_signal_connect(button2, "pressed", G_CALLBACK(deal_num), entry);
    	 g_signal_connect(button3, "pressed", G_CALLBACK(deal_num), entry);
    	 g_signal_connect(button4, "pressed", G_CALLBACK(deal_num), entry);
    	 g_signal_connect(button5, "pressed", G_CALLBACK(deal_num), entry);
    	 g_signal_connect(button6, "pressed", G_CALLBACK(deal_num), entry);
    	 g_signal_connect(button7, "pressed", G_CALLBACK(deal_num), entry);
    	 g_signal_connect(button8, "pressed", G_CALLBACK(deal_num), entry);
    	 g_signal_connect(button9, "pressed", G_CALLBACK(deal_num), entry);
    
    	 g_signal_connect(button_add, "pressed", G_CALLBACK(deal_num), entry);
    	 g_signal_connect(button_mul, "pressed", G_CALLBACK(deal_num), entry);
    	 g_signal_connect(button_div, "pressed", G_CALLBACK(deal_num), entry);
    	 g_signal_connect(button_minus, "pressed", G_CALLBACK(deal_num), entry);
    	 g_signal_connect(button_equal, "pressed", G_CALLBACK(deal_num), entry);
    	 g_signal_connect(button_delete, "pressed", G_CALLBACK(deal_num), entry);
    
    	 //7.显示所有控件
    	 gtk_widget_show_all(window);
    
    	 //8.主事件循环
    	 gtk_main();
    
    	 return 0;
     }

![7a1ead7a4201437fbde2fe2ef60be882.png][]

[7a1ead7a4201437fbde2fe2ef60be882.png]: https://img-blog.csdnimg.cn/7a1ead7a4201437fbde2fe2ef60be882.png