Golang桌面应用开发GOTK3 Glade GTK主题

已于 2024-02-20 09:07:27 修改
阅读量1.2k 收藏 18
点赞数 27
文章标签： golang 开发语言 前端框架
于 2024-02-04 14:30:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42607526/article/details/136025340
版权

文章目录

GOTK3 简介

  • gotk3 项目为 GTK 3 和依赖项目提供 Go 绑定。每个组件都有自己的子目录，用作包的导入路径。目前已实现对以下库的部分绑定支持：
    • GTK 3（3.12 及更高版本）
    • GDK 3（3.12 及更高版本）
    • GLib 2（2.36 及更高版本）

GOTK3 Github

GOTK3 官方示例

GOTK3 开发环境

注： 以下操作均在 Mac 环境

  1. gtk+3版本

安装 GTK+3

  • GTK Github

  • GTK官网

    • https://www.gtk.org/
    • https://www.gtk.org/docs/
    • https://docs.gtk.org/gtk4/

  • 组件文档

    • https://docs.gtk.org/gtk4/index.html#classes
    • https://docs.gtk.org/gtk4/class.Button.html
# 安装相关依赖
xcode-select --install
brew install pkg-config
# 是否支持GTK+
brew search gtk
# 安装gtk+3
brew install gtk+3
# 验证是否安装成功
pkg-config --cflags --libs gtk+-3.0
  • 配置环境变量
# 检查 pkgconfig 路径
find / -name pkgconfig
# 将以上路径添加到环境变量中（.bash_profile 或 .zshrc）
vim ~/.zshrc
export PKG_CONFIG_PATH="/usr/local/lib/pkgconfig/:`brew --prefix gtk+3`/lib/pkgconfig go get -u -v github.com/gotk3/gotk3/gdk:$PKG_CONFIG_PATH"
source ~/.zshrc

安装 Glade

Glade是一个用于创建GTK图形用户界面的用户界面构建器。它允许开发者通过可视化方式设计和布局GUI元素，而不必手动编写代码。Glade生成XML格式的描述文件，描述了用户界面的结构和属性。然后，这个XML文件可以由程序加载和解释，从而创建用户界面。

  • 可视化设计：Glade提供了一个直观的图形用户界面，允许用户通过拖放方式设计和布局界面元素，无需手动编写代码。
  • 生成XML描述文件：设计完成后，Glade会生成一个XML格式的描述文件，其中包含了用户界面的结构和属性信息。
  • 与多种编程语言兼容：由于生成的描述文件是基于XML的，因此可以与多种编程语言一起使用。GTK支持多种编程语言，包括C、C++、Python等。
  • 与IDE集成：Glade可以与多个集成开发环境（IDE）一起使用，例如GNOME Builder，以便更方便地进行开发和调试。
  • Glade Github
    • https://github.com/GNOME/glade
    • https://gitlab.gnome.org/GNOME/glade
  • Glade 教程
    • https://developer.gnome.org/
  • 安装 Glade
# 目前版本支持gtk+3
brew install glade
glade --version
# 启动glade
glade

  • Glade 操作界面
    在这里插入图片描述

  • 保存后会生成如下 demo.glade 文件

<?xml version="1.0" encoding="UTF-8"?>
<!-- Generated with glade 3.40.0 -->
<interface>
  <requires lib="gtk+" version="3.24"/>
  <object class="GtkWindow" id="window">
    <property name="width-request">400</property>
    <property name="height-request">200</property>
    <property name="can-focus">False</property>
    <property name="title" translatable="yes">demo</property>
    <child>
      <object class="GtkBox" id="box">
        <property name="visible">True</property>
        <property name="can-focus">False</property>
        <property name="orientation">vertical</property>
        <child>
          <object class="GtkButton" id="button">
            <property name="label" translatable="yes">button</property>
            <property name="visible">True</property>
            <property name="can-focus">True</property>
            <property name="receives-default">True</property>
            <property name="margin-start">10</property>
            <property name="margin-end">10</property>
            <property name="margin-top">10</property>
            <property name="margin-bottom">10</property>
          </object>
          <packing>
            <property name="expand">False</property>
            <property name="fill">True</property>
            <property name="position">0</property>
          </packing>
        </child>
        <child>
          <object class="GtkComboBoxText" id="combobox">
            <property name="visible">True</property>
            <property name="can-focus">False</property>
            <property name="margin-start">10</property>
            <property name="margin-end">10</property>
            <property name="margin-top">10</property>
            <property name="margin-bottom">10</property>
            <property name="active">0</property>
            <property name="active-id">1</property>
            <items>
              <item id="1" translatable="yes">item1</item>
              <item id="2" translatable="yes">item2</item>
              <item id="3" translatable="yes">item3</item>
              <item id="4" translatable="yes">item4</item>
            </items>
          </object>
          <packing>
            <property name="expand">False</property>
            <property name="fill">True</property>
            <property name="position">1</property>
          </packing>
        </child>
        <child>
          <object class="GtkEntry" id="entry">
            <property name="visible">True</property>
            <property name="can-focus">True</property>
            <property name="margin-start">10</property>
            <property name="margin-end">10</property>
            <property name="margin-top">10</property>
            <property name="margin-bottom">10</property>
          </object>
          <packing>
            <property name="expand">False</property>
            <property name="fill">True</property>
            <property name="position">2</property>
          </packing>
        </child>
      </object>
    </child>
  </object>
</interface>

完整示例 main.go

示例使用 gtk+3 与 demo.glade 文件构建界面

package main

import (
	"github.com/gotk3/gotk3/gtk"
	"log"
)

func main() {
	gtk.Init(nil)
	builder, err := gtk.BuilderNewFromFile("demo.glade")
	if err != nil {
		log.Fatal("Error loading Glade file:", err)
	}

	buildButton(builder)
	buildCombobox(builder)
	buildEntry(builder)
	window := buildWindow(builder)

	window.ShowAll()

	gtk.Main()
}

func buildWindow(builder *gtk.Builder) *gtk.Window {
	obj, err := builder.GetObject("window")
	if err != nil {
		log.Fatal("Error getting window object:", err)
	}
	window, ok := obj.(*gtk.Window)
	if !ok {
		log.Fatal("Error converting to gtk.Window")
	}
	window.SetPosition(gtk.WIN_POS_CENTER)
	window.Connect("destroy", func() {
		log.Println("Close Window")
		gtk.MainQuit()
	})
	return window
}

func buildButton(builder *gtk.Builder) {
	obj, err := builder.GetObject("button")
	if err != nil {
		log.Fatal("Error getting Button object:", err)
	}
	button, ok := obj.(*gtk.Button)
	if !ok {
		log.Fatal("Error converting to gtk.Button")
	}
	button.Connect("clicked", func() {
		log.Println("Hello World")
	})
}

func buildCombobox(builder *gtk.Builder) {
	obj, err := builder.GetObject("combobox")
	if err != nil {
		log.Fatal("Error getting ComboBoxText object:", err)
	}
	combobox, ok := obj.(*gtk.ComboBoxText)
	if !ok {
		log.Fatal("Error converting to gtk.ComboBoxText")
	}
	combobox.Connect("changed", func() {
		activeIndex := combobox.GetActive()
		activeText := combobox.GetActiveText()
		log.Println("ComboBoxText index item changed:", activeIndex, activeText)
	})
}

func buildEntry(builder *gtk.Builder) {
	obj, err := builder.GetObject("entry")
	if err != nil {
		log.Fatal("Error getting entry object:", err)
	}
	entry, ok := obj.(*gtk.Entry)
	if !ok {
		log.Fatal("Error converting to gtk.Entry")
	}
	entry.Connect("changed", func() {
		text, err := entry.GetText()
		if err != nil {
			log.Fatal("Error getting text from entry:", err)
		}
		log.Println("Entry text changed:", text)
	})
	entry.Connect("activate", func() {
		text, err := entry.GetText()
		if err != nil {
			log.Fatal("Error getting text from entry:", err)
		}
		log.Println("Entry text activated:", text)
	})
}

运行效果

go mod tidy
go run main.go

在这里插入图片描述

GTK 主题

  • https://www.gnome-look.org/browse?cat=135&ord=latest

推荐主题

  • https://www.gnome-look.org/p/1403328

  • https://github.com/vinceliuice/WhiteSur-gtk-theme

  • https://www.gnome-look.org/p/1357889

  • https://github.com/vinceliuice/Orchis-theme

  • https://github.com/vinceliuice/Mojave-gtk-theme

  • https://github.com/paullinuxthemer/Prof-Gnome

全局主题配置

  • GTK主题
# Mac 主题文件解压到.themes
# Windows msys64/mingw64/share/themes
cd ~/.themes

在这里插入图片描述

# 确保文件夹包含诸如 index.theme 文件以及其他图标和资源文件
ls ~/.themes/WhiteSur-Dark
  • 设置主题
# Mac GTK配置文件settings.ini
# Windows msys64/mingw64/etc/gtk-3.0
vim ~/.config/gtk-3.0/settings.ini
# 添加主题
[Settings]
gtk-theme-name = WhiteSur-Dark
gtk-icon-theme-name = WhiteSur-Dark

  • 运行效果
    在这里插入图片描述

  • 更新GTK缓存

gtk-update-icon-cache -f ~/.themes/WhiteSur-Dark

项目主题配置

  • GTK主题
# Mac 主题文件解压到.themes
# Windows msys64/mingw64/share/themes
cd ~/.themes

在这里插入图片描述

  • 通过代码指定主题

代码优先级高于settings.ini配置文件

func main() {
	gtk.Init(nil)

	// 设置 GTK_THEME 环境变量
	os.Setenv("GTK_THEME", "WhiteSur-Dark")

	builder, err := gtk.BuilderNewFromFile("ui/demo.glade")
	if err != nil {
		log.Fatal("Error loading Glade file:", err)
	}

	buildButton(builder)
	buildCombobox(builder)
	buildEntry(builder)
	window := buildWindow(builder)
	window.ShowAll()

	gtk.Main()
}

在这里插入图片描述

  • GTK_CSD配置（默认值为0）

GTK_CSD=1时应用样式完全按主题样式

func main() {
	gtk.Init(nil)

	// 设置 GTK_THEME 环境变量
	os.Setenv("GTK_THEME", "WhiteSur-Dark")
	// 设置环境变量,GTK_CSD=1应用主题样式
	os.Setenv("GTK_CSD", "1")

	builder, err := gtk.BuilderNewFromFile("demo.glade")
	if err != nil {
		log.Fatal("Error loading Glade file:", err)
	}

	buildButton(builder)
	buildCombobox(builder)
	buildEntry(builder)
	window := buildWindow(builder)
	window.ShowAll()

	gtk.Main()
}

Mac 电脑上显示效果
在这里插入图片描述

逢生博客
关注
  • 27
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
使用Go和Web技术创建桌面应用程序。-Golang开发
05-26
使用Go和Web技术创建桌面应用程序使用Go＆Web Technologies构建桌面应用程序的框架。 向Go程序提供Web界面的传统方法是通过内置的Web服务器。 Wails提供了一种不同的方法：它提供了将Go代码和Web前端包装到单个二进制文件中的能力。 提供的工具可通过处理项目的创建，编译和捆绑使您轻松实现此目的。 您所要做的就是发挥创意！ 官方文档可以在https://wails.app中找到。 壮举
golang windowns界面开发框架
03-28
golang windowns界面开发框架，目前对golang对windowns界面最好的一款框架
探索Gotk3：构建优雅的GTK+应用程序的Go语言绑定
gitblog_00025的博客
03-24 427
探索Gotk3：构建优雅的GTK+应用程序的Go语言绑定 项目地址:https://gitcode.com/gotk3/gotk3 在软件开发的世界里，GUI（图形用户界面）工具包是创造美观且交互性良好的应用的关键组件。Gotk3是一个强大的开源项目，它将流行的GTK+3库与Go语言无缝结合，为Go开发者提供了一个高效、跨平台的GUI构建框架。如果你正在寻找一种简单的方式来构建桌面应用，那么Got...
企业级应用开发平台-Golang开发
05-26
Erda-企业级微服务应用程序开发平台Introduction Erda是由Terminus创建的开源平台，以确保Erda-企业级微服务应用程序开发平台Introduction Erda是由Terminus创建的开源平台，以确保微服务应用程序。 它提供DevOps，微服务管理和多云管理功能。 基于Kubernetes，以应用程序为中心的DevOps和微服务治理的多云架构可以使复杂业务应用程序的开发，运行，监控和问题诊断成为可能
go wails 桌面应用开发示例，股票交易情况查询
05-15
仅供go wails学习使用，完整的代码示例，前端布局，全局加载，股票数据接口调用，响应数据处理和前端数据展示，下载即用： 要求：golang > 1.18,vue3 demo演示： 在frontpage文件夹下 npm install 安装前端依赖 项目根目录下安装wails wails dev 运行开发模式
go语言核心编程_Go语言编程，开发一个错题本
weixin_39733232的博客
11-21 272
概要：回顾一下这些天来GoLang学习知识点，并开始一个错题本开发。一、编程环境搭建1、windows系统IDE使用GoLand 2020.1。1.1、安装MSYS2(msys2-x86_64-20200720.exe)，这是UINX-like developement 开发环境--一些软件工具包和库，还有GTK工具栈。1.2、GUI编程选择gotk3。pacman -Smingw-w64-x86...
使用Golang开发桌面GUI：gotk3
soEase
07-23 3077
原地址:http://i.scwy.net/code/2020/070810-gui/ 最近花了点时间研究gotk3，网上资料很少，很费时。 考虑可能需要开发资源管理器/图片管理器，继续寻找golang的gui解决方案。 Github 这里有例程，我们都喜欢文档详细，例程多的东西。 依赖： sudo apt install libgtk-3-dev libcairo2-dev libglib2.0-dev 这里也讲了win环境下的安装。 网友的学习文章读一读 一 外带简单示例 第一次运行例程simple，
golang使用energy开发GUI桌面程序，CEF，LCL
猛犸象
10-10 1650
Energy 是 Go 基于 CEF(Chromium Embedded Framework) 开发的框架，内嵌 CEF 二进制 使用 Go 和 Web 端技术 ( HTML + CSS + JavaScript ) 构建支持Windows, Linux, MacOS跨平台桌面应用
记录初次使用go gtk3 制作gui时遇到的天坑问题（废弃函数被包含在了第三方库中）
weixin_46325250的博客
11-20 1020
记录初次使用go gtk3 制作gui时遇到的天坑问题（废弃函数被包含在了第三方库中） gotk3是go 语言的第三方库，用于绑定go语言和gtk3，今天尝试使用了一下。 这篇博客记录我初次使用时遇到的编译问题以及解决方法 新版本的glib2（2.68.1.1及以上版本）的接口与gotk3库的函数不兼容的问题 F:\Golang_study\src\github.com\gotk3\gotk3\_examples\boolprops>go build boolprops.go # github.com
Linux网络调试助手-Gotk3实现
weixin_31022887的博客
06-16 943
Github: https://github.com/Baloneo/NetAssistant
GOGUI编程开源代码.zip
08-08
GO GUI 编程源码，github上开源版本。 附其他相关学习资料。对初学Go GUI编程的同学是很好的入门资料。
去绑定GTK3-Golang开发
05-26
gotk3 gotk3项目为GTK 3和相关项目提供Go绑定。 每个组件都有自己的子目录，该子目录用作包的导入路径。 对以下库gotk3的部分绑定支持gotk3项目为GTK 3和相关项目提供Go绑定。 每个组件都有自己的子目录，该子目录用作包的导入路径。 当前已实现了对以下库的部分绑定支持：GTK 3（3.12和更高版本）GDK 3（3.12和更高版本）GLib 2（2.36和更高版本）Cairo（1.10和更高版本）已经注意内存管理可以与Go's无缝工作垃圾收集器，而无需使用或了解GObject的浮动引用
在Go + HTML5中构建跨平台的现代桌面应用程序-Golang开发
05-26
Lorca一个很小的库，用于在Go中构建现代HTML5桌面应用程序。 它使用Chrome浏览器作为UI层。 与Electron不同，它没有将Chrome捆绑到应用程序包中，而是重用了已经存在于Lorca中的Lorca一个非常小的库，可以在Go中构建现代HTML5桌面应用程序。 它使用Chrome浏览器作为UI层。 与Electron不同，它不会将Chrome捆绑到应用程序包中，而是重用已安装的应用程序。 Lorca建立与浏览器窗口的连接，并允许从UI调用Go代码和以无缝方式从Go操纵UI。 具有非常简单的API的Pure Go库（无cgo），应用程序小（通常5-10MB），两全其美-t
Go：gotk3程序打包发布
txfly的博客
08-16 746
本教程测试环境: WIN10 为了独立发布gtk程序，除了拷贝必须的库文件，还需要拷贝/mingw64/share/glib-2.0/schemas、/mingw64/share/icons和/mingw64/lib/gdk-pixbuf-2.0/2.10.0等内容到可执行文件父目录下。 具体步骤如下： 把生成的exe文件放在D:\go\src\gtkdemo目录下，打开msys2...
gotk3交叉编译
qq_33008305的博客
02-08 397
docker fedora中实现gotk3交叉编译windows
golang桌面应用入门，基于github.com/lxn/walk开发
糖葫芦分享室
09-28 1452
1.项目结构 2.程序入口 package main import ( "strings" "eleven.cn/eleven_win/ui/ui_list" "github.com/lxn/walk" "github.com/lxn/walk/declarative" ) func main() { var inTE, outTE *walk.TextEdit //菜单栏 mainWD := declarative.MainWindow{ Title: "gol.
Golang | Leetcode Golang题解之第69题x的平方根
最新发布
weixin_66442839的博客
05-05 499
Golang | Leetcode Golang题解之第69题x的平方根
Golang | Leetcode Golang题解之第64题最小路径和
weixin_66442839的博客
05-02 496
Golang | Leetcode Golang题解之第64题最小路径和
golang桌面应用开发
06-01
Golang 可以用于桌面应用开发，主要有两个框架可供选择： 1. fyne：一个轻量级的跨平台 GUI 库，支持 Windows、macOS 和 Linux 等操作系统，使用 Go 语言编写，提供简单易用的 API，适合快速开发小型桌面应用。 2. Wails：一个基于 Web 技术的跨平台桌面应用开发框架，使用 Go 语言编写后端，前端使用 HTML、CSS 和 JavaScript，支持 Windows、macOS 和 Linux 等操作系统，提供丰富的 API 和插件支持，适合开发中大型桌面应用。 使用 Golang 开发桌面应用的优势在于其高效、稳定、可扩展性好，代码简洁易读，可以有效提高开发效率和应用性能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

逢生博客

你的鼓励将是我创作的最大动力！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值