ToshioCP / Gtk4-tutorial

GTK 4 tutorial for beginners
https://toshiocp.github.io/Gtk4-tutorial/
547 stars 50 forks source link

Radio buttons? #53

Open fastrizwaan opened 1 month ago

fastrizwaan commented 1 month ago

hi here's some code from gpt-4o for radio buttons, could you add a tutorial for radio buttons.

#include <gtk/gtk.h>

typedef struct {
    GtkWidget *main_window;
    GtkWidget *dialog_window;
} AppData;

static void on_sub_option_selected(GtkWidget *widget, gpointer data) {
    if (gtk_toggle_button_get_active(GTK_TOGGLE_BUTTON(widget))) {
        const gchar *option = gtk_button_get_label(GTK_BUTTON(widget));
        g_print("Sub-option selected: %s\n", option);
    }
}

static void on_ok_button_clicked(GtkWidget *widget, gpointer data) {
    AppData *app_data = (AppData *)data;
    gtk_window_destroy(GTK_WINDOW(app_data->dialog_window));
    gtk_window_present(GTK_WINDOW(app_data->main_window));
}

static void on_cancel_button_clicked(GtkWidget *widget, gpointer data) {
    AppData *app_data = (AppData *)data;
    gtk_window_destroy(GTK_WINDOW(app_data->dialog_window));
    gtk_window_present(GTK_WINDOW(app_data->main_window));
}

static void on_radio_button_clicked(GtkWidget *widget, gpointer data) {
    if (gtk_toggle_button_get_active(GTK_TOGGLE_BUTTON(widget))) {
        AppData *app_data = (AppData *)data;
        gtk_widget_set_visible(app_data->main_window, FALSE);

        app_data->dialog_window = gtk_window_new();
        gtk_window_set_transient_for(GTK_WINDOW(app_data->dialog_window), GTK_WINDOW(app_data->main_window));
        gtk_window_set_modal(GTK_WINDOW(app_data->dialog_window), TRUE);
        gtk_window_set_title(GTK_WINDOW(app_data->dialog_window), "Select an Option");

        GtkWidget *box = gtk_box_new(GTK_ORIENTATION_VERTICAL, 5);
        gtk_widget_set_margin_top(box, 10);
        gtk_widget_set_margin_bottom(box, 10);
        gtk_widget_set_margin_start(box, 10);
        gtk_widget_set_margin_end(box, 10);

        GtkWidget *sub_radio1 = gtk_check_button_new_with_label("Option 1");
        GtkWidget *sub_radio2 = gtk_check_button_new_with_label("Option 2");
        GtkWidget *sub_radio3 = gtk_check_button_new_with_label("Option 3");

        gtk_check_button_set_group(GTK_CHECK_BUTTON(sub_radio2), GTK_CHECK_BUTTON(sub_radio1));
        gtk_check_button_set_group(GTK_CHECK_BUTTON(sub_radio3), GTK_CHECK_BUTTON(sub_radio1));

        g_signal_connect(sub_radio1, "toggled", G_CALLBACK(on_sub_option_selected), NULL);
        g_signal_connect(sub_radio2, "toggled", G_CALLBACK(on_sub_option_selected), NULL);
        g_signal_connect(sub_radio3, "toggled", G_CALLBACK(on_sub_option_selected), NULL);

        gtk_box_append(GTK_BOX(box), sub_radio1);
        gtk_box_append(GTK_BOX(box), sub_radio2);
        gtk_box_append(GTK_BOX(box), sub_radio3);

        GtkWidget *action_area = gtk_box_new(GTK_ORIENTATION_HORIZONTAL, 5);
        GtkWidget *ok_button = gtk_button_new_with_label("OK");
        GtkWidget *cancel_button = gtk_button_new_with_label("Cancel");

        g_signal_connect(ok_button, "clicked", G_CALLBACK(on_ok_button_clicked), app_data);
        g_signal_connect(cancel_button, "clicked", G_CALLBACK(on_cancel_button_clicked), app_data);

        gtk_box_append(GTK_BOX(action_area), ok_button);
        gtk_box_append(GTK_BOX(action_area), cancel_button);

        gtk_box_append(GTK_BOX(box), action_area);
        gtk_window_set_child(GTK_WINDOW(app_data->dialog_window), box);

        gtk_widget_set_visible(app_data->dialog_window, TRUE);
    }
}

static void activate(GtkApplication *app, gpointer user_data) {
    AppData *app_data = (AppData *)user_data;

    app_data->main_window = gtk_application_window_new(app);
    gtk_window_set_title(GTK_WINDOW(app_data->main_window), "Main Window");
    gtk_window_set_default_size(GTK_WINDOW(app_data->main_window), 200, 200);

    GtkWidget *box = gtk_box_new(GTK_ORIENTATION_VERTICAL, 5);
    gtk_widget_set_margin_top(box, 10);
    gtk_widget_set_margin_bottom(box, 10);
    gtk_widget_set_margin_start(box, 10);
    gtk_widget_set_margin_end(box, 10);

    GtkWidget *radio1 = gtk_check_button_new_with_label("Main Option 1");
    GtkWidget *radio2 = gtk_check_button_new_with_label("Main Option 2");
    GtkWidget *radio3 = gtk_check_button_new_with_label("Main Option 3");

    gtk_check_button_set_group(GTK_CHECK_BUTTON(radio2), GTK_CHECK_BUTTON(radio1));
    gtk_check_button_set_group(GTK_CHECK_BUTTON(radio3), GTK_CHECK_BUTTON(radio1));

    g_signal_connect(radio1, "toggled", G_CALLBACK(on_radio_button_clicked), app_data);
    g_signal_connect(radio2, "toggled", G_CALLBACK(on_radio_button_clicked), app_data);
    g_signal_connect(radio3, "toggled", G_CALLBACK(on_radio_button_clicked), app_data);

    gtk_box_append(GTK_BOX(box), radio1);
    gtk_box_append(GTK_BOX(box), radio2);
    gtk_box_append(GTK_BOX(box), radio3);

    gtk_window_set_child(GTK_WINDOW(app_data->main_window), box);

    gtk_widget_set_visible(app_data->main_window, TRUE);
}

int main(int argc, char *argv[]) {
    GtkApplication *app;
    int status;
    AppData app_data;

    app = gtk_application_new("com.example.GtkApplication", G_APPLICATION_DEFAULT_FLAGS);
    g_signal_connect(app, "activate", G_CALLBACK(activate), &app_data);

    status = g_application_run(G_APPLICATION(app), argc, argv);
    g_object_unref(app);

    return status;
}

compiled with

gcc working_radio_buttons.c -o gtk4_radio_buttons `pkg-config --cflags --libs gtk4`
ToshioCP commented 1 month ago

Hello, Asif. Thank you for the comment. I thought about your suggestion, which is to add radio button section to the tutorial. In conclusion, I would like to make a decision in the next revision, not now. Because the size of this tutorial is already quite big. So, if I add some topic, I need to slim some other part and keep it not so big. Therefore, I will keep this issue until next edition. Anyway thank you for the suggestion. If you have further commet, feel free to give it to me.

Toshio Sekiya