（一）、学习Linux下C语言 GTK  UI框架(1)

一、分享下自已学习Linux下C语言 GTK  UI框架的成长记录

1.首先在Linux系统中安装下GTK环境和开发工具，我的开发工具是Clion，选择自已喜欢和习惯的开发工具。

2.考虑到UI框架扩展性，实现多窗口，文件太多了，所以首先大概规划下，要不然代码多了在一个文件中，查找代码下来，或修改时出现的问题。

3.一个窗口中，用main.c的入口文件。首先我把文件的结构分为:

      main.c   —— 主窗体文件         

      Header  ——文件夹下放.h头文件

      Source  ——文件夹下放.c源文件（一）、学习Linux下C语言 GTK  UI框架(1)

4.上图上GTK 框架的结构

二、代码如下

1. main.c

#include <gtk/gtk.h>

#include "Header/mainContainer.h"

int main(int argc, char *argv[]) {
    gtk_init(&argc, &argv);
    createWindow();
    return 0;
}

 

2.Header/mainContainer.h

#ifndef READER_MANAGER_MAINCONTAINER_H
#define READER_MANAGER_MAINCONTAINER_H

#include <gtk/gtk.h>

void createMainContainer(GtkWidget *vbox);

void createWindow();

#endif //READER_MANAGER_MAINCONTAINER_H

3.Source/mainContainer.c

#include "../Header/mainContainer.h"
#include "../Header/menuItem.h"
#include "../Header/toolbarItem.h"
#include "../Header/statusBar.h"
#include "../Header/leftContainer.h"
#include "../Header/rightContainer.h"

void createMainContainer(GtkWidget *vbox){
    createLeftContainer(vbox,createRightContainer());
}

void createWindow(){
    GtkWidget *window;
    GtkWidget *vbox;
    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    gtk_window_set_title(GTK_WINDOW(window), "演示版软件");
    gtk_window_set_default_size(GTK_WINDOW(window), 1000, 600);
    vbox = gtk_vbox_new(FALSE, 0);
    createMenu(vbox);//菜单栏
    createToolbar(vbox);//工具栏
    createMainContainer(vbox);//中间主容器
    createStatusBar(vbox);//底部的状态栏
    gtk_container_add(GTK_CONTAINER(window), vbox);
    g_signal_connect(GTK_OBJECT(window), "destroy",G_CALLBACK(gtk_main_quit), NULL);
    gtk_widget_show_all(window);
    gtk_main();
}

4.Header/leftContainer.h

#ifndef READER_MANAGER_LEFTCONTAINER_H
#define READER_MANAGER_LEFTCONTAINER_H

#include <gtk/gtk.h>

GtkWidget * createLeftContainer(GtkWidget *vbox,GtkWidget * rightContent);

#endif //READER_MANAGER_LEFTCONTAINER_H

5.Source/leftContainer.c

#include "../Header/leftContainer.h"

GtkWidget * createLeftContainer(GtkWidget *vbox,GtkWidget * rightContent){
    GtkWidget* leftContent;
    GtkWidget* leftButton;
    leftContent = gtk_hpaned_new();
    leftButton = gtk_button_new_with_label("leftContent");
    gtk_widget_set_size_request(leftButton,300,50);
    gtk_box_pack_start(GTK_CONTAINER(vbox), leftContent, TRUE, TRUE, 0);
    gtk_paned_add1(GTK_PANED(leftContent),leftButton);
    gtk_paned_add2(GTK_PANED(leftContent),rightContent);
    return leftContent;
}

6.Header/rightContainer.h

#ifndef READER_MANAGER_RIGHTCONTAINER_H
#define READER_MANAGER_RIGHTCONTAINER_H

#include <gtk/gtk.h>

GtkWidget * createRightContainer();

#endif //READER_MANAGER_RIGHTCONTAINER_H

7.Source/rightContainer.c

#include "../Header/rightContainer.h"

GtkWidget * createRightContainer(){
    GtkWidget* rightContent;
    GtkWidget* rightButton;
    rightContent = gtk_vpaned_new();
    rightButton = gtk_button_new_with_label("rightContent");
    gtk_paned_add1(GTK_PANED(rightContent),rightButton);
    return rightContent;
}

8.Header/menuItem.h

#ifndef READER_MANAGER_MENUITEM_H
#define READER_MANAGER_MENUITEM_H

#include <gtk/gtk.h>

void itemPressed(GtkMenuItem *menuItem, gpointer data);

void createMenu(GtkMenuItem *vbox);

GtkWidget* createFileMenuItem();

#endif //READER_MANAGER_MENUITEM_H

9.Source/menuItem.c

#include "../Header/menuItem.h"

void itemPressed(GtkMenuItem *menuItem, gpointer data);

void createMenu(GtkMenuItem *vbox){
    GtkWidget *menubar;
    GtkWidget *menubarBox;
    menubar = gtk_menu_bar_new();
    gtk_menu_bar_append(menubar, createFileMenuItem());
    gtk_menu_bar_append(menubar, gtk_menu_item_new_with_mnemonic("_Edit"));
    gtk_menu_bar_append(menubar, gtk_menu_item_new_with_mnemonic("_Help"));
    menubarBox = gtk_handle_box_new();
    gtk_container_add(GTK_CONTAINER(menubarBox), menubar);
    gtk_box_pack_start(GTK_BOX(vbox), menubarBox, FALSE, FALSE, 0);
}


GtkWidget* createFileMenuItem() {
    GtkWidget *rootFileItem;
    GtkWidget *fileMenu;
    GtkWidget *exportMenuItem;
    GtkWidget *exitMenuItem;
    rootFileItem = gtk_menu_item_new_with_mnemonic("_File");
    fileMenu = gtk_menu_new();
    exportMenuItem = gtk_menu_item_new_with_label("Export");
    exitMenuItem = gtk_menu_item_new_with_label("Close");
    gtk_menu_shell_append(GTK_MENU_SHELL(fileMenu), exportMenuItem);
    gtk_menu_shell_append(GTK_MENU_SHELL(fileMenu),gtk_separator_menu_item_new());
    gtk_menu_shell_append(GTK_MENU_SHELL(fileMenu), exitMenuItem);
    gtk_menu_item_set_submenu(GTK_MENU_ITEM(rootFileItem), fileMenu);
    g_signal_connect(GTK_OBJECT(exportMenuItem), "activate",
                     G_CALLBACK(itemPressed), "Open ....");
    g_signal_connect(GTK_OBJECT(exitMenuItem), "activate",
                     G_CALLBACK(gtk_main_quit), NULL);
    return rootFileItem;
}

void itemPressed(GtkMenuItem *menuItem, gpointer data) {
    g_print("%s\n", data);
}

10.Header/toolbarItem.h

#ifndef READER_MANAGER_TOOLBARITEM_H
#define READER_MANAGER_TOOLBARITEM_H

#include <gtk/gtk.h>

void createToolbar(GtkMenuItem *vbox);

GtkToolItem* createToolItem(gchar *stock_id, gchar *text);

#endif //READER_MANAGER_TOOLBARITEM_H

11.Source/toolbarItem.c

#include "../Header/toolbarItem.h"

GtkToolItem* createToolItem(gchar *stock_id, gchar *text);

void createToolbar(GtkMenuItem *vbox){
    GtkWidget *toolbar;
    GtkWidget *toolbarBox;
    toolbar = gtk_toolbar_new();
    gtk_toolbar_insert(GTK_TOOLBAR(toolbar),createToolItem(GTK_STOCK_OPEN, "Open"), 0);
    gtk_toolbar_insert(GTK_TOOLBAR(toolbar),createToolItem(GTK_STOCK_SAVE, "Save"), 1);
    toolbarBox = gtk_handle_box_new();
    gtk_container_add(GTK_CONTAINER(toolbarBox), toolbar);
    gtk_box_pack_start(GTK_BOX(vbox), toolbarBox, FALSE, FALSE, 0);
}


// 建立一個內含按鈕、文字與圖片的GtkToolItem
GtkToolItem* createToolItem(gchar *stock_id, gchar *text) {
    GtkToolItem *open;
    GtkWidget *box;
    GtkWidget *label;
    GtkWidget *image;
    GtkWidget *button;
    open =  gtk_tool_item_new();
    gtk_tool_item_set_tooltip_text(open, "Open File..");
    box = gtk_vbox_new(FALSE, 0);
    image = gtk_image_new_from_stock(stock_id, GTK_ICON_SIZE_SMALL_TOOLBAR);
    label = gtk_label_new(text);
    gtk_box_pack_start(GTK_BOX(box), image, FALSE, FALSE, 0);
    gtk_box_pack_start(GTK_BOX(box), label, FALSE, FALSE, 0);
    button = gtk_button_new();
    gtk_container_add(GTK_CONTAINER(button), box);
    gtk_container_add(GTK_CONTAINER(open), button);
    return open;
}

12.Header/statusBar.h

#ifndef READER_MANAGER_STATUSBAR_H
#define READER_MANAGER_STATUSBAR_H

#include <gtk/gtk.h>

void createStatusBar(GtkWidget *vbox);

#endif //READER_MANAGER_STATUSBAR_H

 

13.Source/statusBar.c

#include "../Header/statusBar.h"

void createStatusBar(GtkWidget *vbox){
    GtkWidget *statusbar;
    gint contextId;
    statusbar = gtk_statusbar_new();
    contextId = gtk_statusbar_get_context_id(GTK_STATUSBAR(statusbar), "Editor Messages");
    gtk_statusbar_push(GTK_STATUSBAR(statusbar),contextId, "Gtk StatusBar Example");
    gtk_box_pack_start(GTK_BOX(vbox), statusbar, FALSE, FALSE, 0);
    gtk_widget_set_size_request(statusbar,300,50);
}

三、内容分类方便后期修改和移植

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

      

 

 

相关文章：

  • 2021-12-22
  • 2021-08-19
  • 2021-07-13
  • 2021-05-05
  • 2022-12-23
  • 2021-12-05
  • 2022-12-23
猜你喜欢
  • 2021-12-18
  • 2022-12-23
  • 2021-10-25
  • 2021-10-29
  • 2021-05-30
  • 2021-12-24
  • 2021-06-11
相关资源
相似解决方案
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode