GtkRadioButton的学习记录

最新推荐文章于 2021-10-31 16:11:45 发布
最新推荐文章于 2021-10-31 16:11:45 发布
阅读量509 收藏 1
点赞数
分类专栏： GTK
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44374594/article/details/117813316
版权

GTK3 Radiobutton 组管理 信号处理 GUI编程
关键词由CSDN通过智能技术生成

📖 GtkRadioButton的GTK3官网详细界面

// demo1.c
#include <gtk/gtk.h>

static void load_css(void);
static GtkWidget *create_window(const gint, const gint);
static GtkWidget *createGrid(guint, gboolean, gboolean, guint, guint);

int main(int argc, char *argv[])
{
	gtk_init(&argc, &argv);
	load_css();

	GtkWidget *window;
	GtkWidget *grid;
	GtkWidget *radioButoon;
	GtkWidget *radioButoon1;
	GtkWidget *radioButoon2;

	window = create_window(200, 200);
	grid = createGrid(3, FALSE, FALSE, 3, 3);
	gtk_container_add(GTK_CONTAINER(window), grid);

	/// demo1.c主要使用三个以下三个函数进行创建对象
	radioButoon = gtk_radio_button_new(NULL);
	/// 带标签
	radioButoon1 = gtk_radio_button_new_with_label(NULL, "Click the button");
	/// 带标签，当我们按下Alt + 前面带有'_'的字母，即可激活按钮
	radioButoon2 = gtk_radio_button_new_with_mnemonic(NULL, "_Click the button");
	gtk_grid_attach(GTK_GRID(grid), radioButoon, 0, 0, 1, 1);
	gtk_grid_attach(GTK_GRID(grid), radioButoon1, 0, 1, 1, 1);
	gtk_grid_attach(GTK_GRID(grid), radioButoon2, 0, 2, 1, 1);

	gtk_widget_show_all(window);
	gtk_main();
}

static GtkWidget *create_window(const gint w, const gint h)
{
	GtkWidget *window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
	g_signal_connect(window, "destroy", G_CALLBACK(gtk_main_quit), NULL);
	gtk_window_set_default_size(GTK_WINDOW(window), w, h);
	gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);
	gtk_window_set_title(GTK_WINDOW(window), "Hello GTK3");
	gtk_container_set_border_width(GTK_CONTAINER(window), 50);

	return window;
}

static void load_css(void)
{
	GtkCssProvider *provider;
	GdkDisplay *display;
	GdkScreen *screen;

	const char *css_style_file = "style.css";
	GFile *css_fp = g_file_new_for_path(css_style_file);
	GError *error = 0;

	provider = gtk_css_provider_new();
	display = gdk_display_get_default();
	screen = gdk_display_get_default_screen(display);

	gtk_style_context_add_provider_for_screen(screen, GTK_STYLE_PROVIDER(provider), GTK_STYLE_PROVIDER_PRIORITY_APPLICATION);
	gtk_css_provider_load_from_file(provider, css_fp, &error);

	g_object_unref(provider);
}

static GtkWidget *createGrid(guint border,
			     gboolean row_homogeneous,
			     gboolean column_homogeneous,
			     guint row_spacing,
			     guint column_spacing)
{
	GtkWidget *grid = gtk_grid_new();
	gtk_grid_set_row_homogeneous(GTK_GRID(grid), row_homogeneous);
	gtk_grid_set_column_homogeneous(GTK_GRID(grid), column_homogeneous);
	gtk_grid_set_row_spacing(GTK_GRID(grid), row_spacing);
	gtk_grid_set_column_spacing(GTK_GRID(grid), column_spacing);
	gtk_container_set_border_width(GTK_CONTAINER(grid), border);
	g_object_set(grid,
		     "tooltip-text", "Grid",
		     NULL);

	return grid;
}

window {
	background-color: green;
}

grid {
	background-color: orange;
}

radiobutton {
	background-color:white;
}
  • 运行效果：
    在这里插入图片描述

这里值讨论如何创建出radiobutton对象，demo1.c使用了三种方法。这样创建三个radiobutton，并且都属于同一个group，那么这些单选按钮只能选择自己了，没有别的选项，那么接下来，demo2.c将来介绍如何创建属于同一个组的多个radiobutton，使得我们可以在这些radiobutton中可以选择自己想要的选项，我们选C。

// demo2.c
// 这里会去除重复的功能函数代码
int main(int argc, char *argv[])
{
	gtk_init(&argc, &argv);
	load_css();

	GtkWidget *window;
	GtkWidget *grid;
	GtkWidget *radio_butoon;
	GtkWidget *new_radio_button;
	GtkWidget *new_radio_button2;
	GtkWidget *new_radio_button3;

	/// ***创建一个窗口
	window = create_window(400, 350);
	/// ***创建一个网格
	grid = createGrid(3, FALSE, FALSE, 3, 3);
	gtk_container_add(GTK_CONTAINER(window), grid);
	/// ***创建一个单选按钮 Alt + b 选中这个radiobutton
	radio_butoon = gtk_radio_button_new_with_mnemonic(NULL, "_B");
	gtk_grid_attach(GTK_GRID(grid), radio_butoon, 0, 1, 1, 1);
	/// ***
	new_radio_button = gtk_radio_button_new_with_label_from_widget(GTK_RADIO_BUTTON(radio_butoon), "A");
	new_radio_button2 = gtk_radio_button_new_with_label_from_widget(GTK_RADIO_BUTTON(radio_butoon), "C");
	new_radio_button3 = gtk_radio_button_new_with_label_from_widget(GTK_RADIO_BUTTON(radio_butoon), "D");
	gtk_grid_attach(GTK_GRID(grid), new_radio_button, 0, 0, 1, 1);
	gtk_grid_attach(GTK_GRID(grid), new_radio_button2, 0, 2, 1, 1);
	gtk_grid_attach(GTK_GRID(grid), new_radio_button3, 0, 3, 1, 1);

	gtk_widget_show_all(window);
	gtk_main();
}
  • 运行效果

在这里插入图片描述

现在A、B、C、D为一个组了，可以随意选中一个想要的选项，我们选C，并且我们按下Alt + b会选中B，这是创建对象时使用了demo1.c中的第三个函数。创建同一组的radiobutton还有跟demo1.c一样的创建方式，三个函数一一对应，这里就不举出来了，很容易可以类比出来。

// demo3.c
// 将使用以下三个函数 函数名和功能浅显易懂
void gtk_radio_button_set_group ()
GSList*	gtk_radio_button_get_group ()
void gtk_radio_button_join_group ()

// get_group    set_group
	GtkWidget *radio_butoon;
	GtkWidget *new_radio_button;
	GtkWidget *new_radio_button2;
	GtkWidget *new_radio_button3;
	GSList *group;

	radio_butoon = gtk_radio_button_new_with_mnemonic(NULL, "A");
	gtk_grid_attach(GTK_GRID(grid), radio_butoon, 0, 0, 1, 1);
	/// ***
	/// ***
	new_radio_button = gtk_radio_button_new_with_mnemonic(NULL, "_B");
	new_radio_button2 = gtk_radio_button_new_with_label(NULL, "C");
	new_radio_button3 = gtk_radio_button_new_with_label(NULL, "D");
	group = gtk_radio_button_get_group(GTK_RADIO_BUTTON(radio_butoon));
	gtk_radio_button_set_group(GTK_RADIO_BUTTON(new_radio_button), group);
	group = gtk_radio_button_get_group(GTK_RADIO_BUTTON(radio_butoon));
	gtk_radio_button_set_group(GTK_RADIO_BUTTON(new_radio_button2), group);
	group = gtk_radio_button_get_group(GTK_RADIO_BUTTON(radio_butoon));
	gtk_radio_button_set_group(GTK_RADIO_BUTTON(new_radio_button3), group);

	gtk_grid_attach(GTK_GRID(grid), new_radio_button, 0, 1, 1, 1);
	gtk_grid_attach(GTK_GRID(grid), new_radio_button2, 0, 2, 1, 1);
	gtk_grid_attach(GTK_GRID(grid), new_radio_button3, 0, 3, 1, 1);
  • 运行效果

在这里插入图片描述

使用set_group函数的时需要注意的是，每次在我们往group里添加一个新的radiobutton的时候，GSList都会发生变化，意思就是，如果我们再想添加一个新的radiobutton到这个组并且是关联到之前的radiobutton，必须要重新获取GSList，不然会发生这些选项不是单一的，也就是这里面有多个group。
比如我们一开始创建A，然后获取A的group的GSList，然后把B使用函数set_group添加到group去，这时A、B就在同一组了；当现在我们想把C添加这个A、B的组里面的时候，要是我们使用的GSList是之前那个，那么这个C只会与A组成一个新的group，不会关联到B。要想组成A、B、C这样一个group，那么需要在添加完B后，重新获取GSList，然后把C使用函数set_group添加到这个GSList去即可，具体看代码。

// join_group
	radio_butoon = gtk_radio_button_new_with_mnemonic(NULL, "A");
	gtk_grid_attach(GTK_GRID(grid), radio_butoon, 0, 0, 1, 1);
	/// ***
	/// ***
	new_radio_button = gtk_radio_button_new_with_mnemonic(NULL, "_B");
	new_radio_button2 = gtk_radio_button_new_with_label(NULL, "C");
	new_radio_button3 = gtk_radio_button_new_with_label(NULL, "D");

	gtk_radio_button_join_group(GTK_RADIO_BUTTON(new_radio_button), GTK_RADIO_BUTTON(radio_butoon));
	gtk_radio_button_join_group(GTK_RADIO_BUTTON(new_radio_button2), GTK_RADIO_BUTTON(radio_butoon));
	gtk_radio_button_join_group(GTK_RADIO_BUTTON(new_radio_button3), GTK_RADIO_BUTTON(radio_butoon));

	gtk_grid_attach(GTK_GRID(grid), new_radio_button, 0, 1, 1, 1);
	gtk_grid_attach(GTK_GRID(grid), new_radio_button2, 0, 2, 1, 1);
	gtk_grid_attach(GTK_GRID(grid), new_radio_button3, 0, 3, 1, 1);
  • 运行效果
    在这里插入图片描述

使用join_group函数就不会有什么问题，很容易。

链接css文件的使用，使用的选择器名称为radiobutton。还有的其他的方法就不去学了。

// g_object_set()之前学习过这个函数，设置对象的属性，
// 可以使用这个函数来将多个radiobutton设置为一个group

	g_object_set(new_radio_button, "group", radio_butoon, NULL);
	g_object_set(new_radio_button2, "group", radio_butoon, NULL);
	g_object_set(new_radio_button3, "group", radio_butoon, NULL);

替换下代码即可实现与之前一样的效果。

接下来学习一下radioButoon的相关信号。

void toggled_cb(GtkRadioButton *radio_button)
{
	static gint flag = 1;
	GSList *group = gtk_radio_button_get_group(radio_button);
	while (group != NULL)
	{
		if (gtk_toggle_button_get_active(GTK_TOGGLE_BUTTON(group->data)) && group->data == radio_button)
		{
			g_print("Radio Button %d is active\n", flag);
			break;
		}
		++flag;
		group = group->next;
	}
	flag = 1;
}

int main(int argc, char *argv[])
{
	gtk_init(&argc, &argv);
	load_css();

	GtkWidget *window;
	GtkWidget *grid;
	GtkWidget *radio_butoon;
	GtkWidget *new_radio_button;
	GtkWidget *new_radio_button2;
	GtkWidget *new_radio_button3;

	/// ***创建一个窗口
	window = create_window(400, 350);
	/// ***创建一个网格
	grid = createGrid(3, FALSE, FALSE, 3, 3);
	gtk_container_add(GTK_CONTAINER(window), grid);
	/// ***
	radio_butoon = gtk_radio_button_new_with_mnemonic(NULL, "A");
	gtk_grid_attach(GTK_GRID(grid), radio_butoon, 0, 0, 1, 1);
	/// ***
	/// ***
	new_radio_button = gtk_radio_button_new_with_mnemonic(NULL, "_B");
	new_radio_button2 = gtk_radio_button_new_with_label(NULL, "C");
	new_radio_button3 = gtk_radio_button_new_with_label(NULL, "D");

	g_object_set(new_radio_button, "group", radio_butoon, NULL);
	g_object_set(new_radio_button2, "group", radio_butoon, NULL);
	g_object_set(new_radio_button3, "group", radio_butoon, NULL);

	gtk_grid_attach(GTK_GRID(grid), new_radio_button, 0, 1, 1, 1);
	gtk_grid_attach(GTK_GRID(grid), new_radio_button2, 0, 2, 1, 1);
	gtk_grid_attach(GTK_GRID(grid), new_radio_button3, 0, 3, 1, 1);

	/// signals
	g_signal_connect_swapped(radio_butoon, "toggled", G_CALLBACK(toggled_cb), radio_butoon);
	g_signal_connect_swapped(new_radio_button, "toggled", G_CALLBACK(toggled_cb), new_radio_button);
	g_signal_connect_swapped(new_radio_button2, "toggled", G_CALLBACK(toggled_cb), new_radio_button2);
	g_signal_connect_swapped(new_radio_button3, "toggled", G_CALLBACK(toggled_cb), new_radio_button3);

	gtk_widget_show_all(window);
	gtk_main();
}
  • 运行结果
    在这里插入图片描述

当我们选中别的radiobutton的时候会触发toggled信号，截图的结果是我从D、C、B、A顺序点击后的结果，然后结合我们将B、C、D添加到group的顺序，可知插入到GSList中使用的方法是头插法。

先记录这些了。

Kato33
关注
专栏目录
GTK+学习笔记3——按钮构件
Bob's Blog
11-07 8041
GTK+ 的按钮构件有很多种，常用的有如下四个： GtkButton：普通按钮 GtkToggleButton：开关按钮 GtkCheckButton：复选按钮 GtkRadioButton：单选按钮 这四个构件的继承关系如下： GtkButton： GtkButton就是普通的按钮，带有多种信号，常用的有以下三种： leave：鼠标离开按钮时触发的信号； pre
PyGobject（十一）布局容器之Button篇——Gtk.RadioButton
Yu的专栏
07-26 2030
Gtk.RadioButton继承关系Gtk.RadioButton复选框。Gtk.RadioButton是Gtk.CheckButton的直接子类
GtkRadioButton 使用要注意的！
程序员@中年
10-25 923
要在一个对话框中放入GtkRadioButton， 使用了一下类似的代码：{      GtkWidget *dialog = NULL; GSList *radio_group = NULL; GtkWidget *radio_box = gtk_vbox_new(FALSE, 0);for(i = 0; i  {         GtkWidget * radio_item = gtk_rad
【python】【Linux】PyGTK模块的使用-PyGTK RadioButton类 【十八】
rong11417的博客
12-26 319
单个RadioButton小部件提供的功能类似于CheckButton。但是，当同一容器中有多个单选按钮时，则互斥选择可供用户从可用选项之一中进行选择。如果容器中的每个单选按钮都属于同一组，那么当一个按钮被选中时，其他按钮将被自动取消选择。 以下是gtk.RadioButton类的构造函数- gtk.RadioButton(group = None, Label = None, unerli...
GTK Gossip: GtkCheckButton 與 GtkRadioButton
uunubt的专栏
12-10 682
<br />核 取鈕（Check Button）是可以進行選項複選的元件，單選鈕（Radio Button）是只能進行選項單選的元件，在GTK中分別使用GtkCheckButton 與GtkRadioButton來負責，它們是雙態按鈕GtkToggleButton的子類：<br />GtkToggleButton<br />    +----GtkCheckButton<br />    +----GtkRadioButton<br /><br /><br /> 建立核取鈕或單選鈕的方式與建立一
单选按钮 Radio Buttons@GTK+ 2.0 中文教程连载
uunubt的专栏
12-21 1960
单选按钮 Radio Buttons<br />单选按钮与复选按钮相似，只是单选按钮是分组的，在一组中只有一个处于选中/按下状态。这在你的应用程序中要从几个选项中选一个的地方可以用到。<br />用这些调用之一来创建一个新的单选按钮：GtkWidget *gtk_radio_button_new( GSList *group );<br /><br /> GtkWidget *gtk_radio_button_new_from_widget( GtkRadioButton *group );<br /><
demo3.1.8(GtkRadioButton).rar
最新发布
05-31
demo3.1.8(GtkRadioButton).rardemo3.1.8(GtkRadioButton).rardemo3.1.8(GtkRadioButton).rardemo3.1.8(GtkRadioButton).rardemo3.1.8(GtkRadioButton).rardemo3.1.8(GtkRadioButton).rardemo3.1.8(GtkRadioButton)....
GTK入门教程：从Hello World到高级组件应用
"GTK学习笔记.pdf 是一份全面介绍GTK开发的教程，适合GTK入门者和希望提升技能的开发者。这份经典教程涵盖了GTK的基础知识，深入讲解了GTK的对象导向架构，信号与回调机制，事件处理，以及基本的布局管理。此外，还...
Gtk+概述 Linux环境 按钮 窗口 布局 信号 回调函数 行编辑
记录点点滴滴
08-06 1181
Gtk+概述 GUI GUI 含义： （Graphics User Interface） 图形用户界面， 是计算机与使用者之间的对话接口， 是计算机重要的组成部分， 比如说咱们使用电脑或手机看到的 Windows 的桌面或 wps 软件显示的窗口界面等都是 GUI， 都是图形界面开发出来的图形界面的软件。 GUI 组成 : 桌面、 视窗、 菜单、 按钮、 图标等等 GUI 特点 : 可以使操作更加简单， 更加快捷、 更加人性化。 八十岁的老奶奶也会使用智能手机 早期的操作系统比如 DOS， 属于...
Go版GTK：常用控件—按钮
dodod2012的专栏
08-07 500
原文地址：https://blog.csdn.net/tennysonsky/article/details/79269310 按钮在GUI里应用最为广泛，我们几乎能在所有的界面中看到按钮。  glade设计如下：  按钮的常用信号： 信号标识 触发条件 “clicked” 按下按钮时触发 “pressed” 按下按钮时触发 “released” 释放按...
三、GTK-按钮（微调按钮、复选按钮、单选按钮）、快捷键、热键
Creationyang的博客
10-31 2247
1 带图标的按钮   主要部分的程序都是一样的，Gtk系统自带图标和用户导入图标的不同之处，主要是导入image的方式。 1.1 使用系统自带图标 1.2 用户自定义图标 GtkWidget * create_img_button_from_file(const gchar *filename, gchar *title){ GtkWidget *button; GtkWidget *image; GtkWidget *label; GtkWidget *hbox; image = g
asp.net 窗体关闭事件_【.NET Core 跨平台 GUI 开发】第三篇：Gtk# 表格布局与事件处理...
weixin_39828960的博客
11-24 299
除了使用 HBox 和 VBox 进行布局外，还可以使用 Table 对象进行布局。这个有点像 html 的 table，适合方方正正大小差不多的空间集合。本篇将会对 Table 布局进行讲解，利用 Table 做出一个计算器的界面并使其可以响应按钮点击并将点击的按钮内容展示在界面上。在 Windows 系统中效果如下：源码地址：https://gitee.com/coderbusy/...
ToggleButton和RadioButton
afayp007的博客
12-28 685
ToggleButton属性：<ToggleButton android:checked="true"// 表示当前Button是否被选中,默认false textOn="开" //如果checked状态为true,Button上显式textOn的内容 textOff="关 //如果checked状态为false,Button上显式textoff的内容 /> 监听：setOnCheckedChang
大家一起用gtk编程6(按钮/单选/复选组件)
xbl1986的专栏
08-09 1192
呵呵，作者不写了，我就转载到这里了哈，自己慢慢学习了哦。大家一起用gtk编程6(按钮/单选/复选组件)转载请注明出处：http://lvjinhua.cublog.cn作者：lvjinhua at gmail dot com2006.09.26 8、按钮/单选/复选组件我们这里将介绍几种按钮的使用方法，有些东西可能并不认为它是按钮，比如单选框和复选框，但是
GTK编程基础----按钮构件
轻飘飞扬
12-03 5289
创建按钮有好几种方法。你可以用 gtk_button_new_with_label() 或 gtk_button_new_with_mnemonic() 来创建一个带标签的按钮，用 gtk_button_new_from_stock() 来从一个原料(stock)项创建一个包含图像和文本的按钮，或者用 gtk_button_new() 创建一个空白按钮。接着你可以决定把一个标签或位图(pixmap
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值