2022-11-20 21:10:22 +01:00
# GTK 4 Tutorial for beginners
2020-12-21 13:12:05 +01:00
2022-11-20 21:10:22 +01:00
The GitHub page of this tutorial is also available. Click [here ](https://toshiocp.github.io/Gtk4-tutorial/ ).
2022-04-17 10:51:54 +02:00
2022-03-05 05:45:31 +01:00
#### Contents of this Repository
2021-08-12 07:04:22 +02:00
2022-11-20 21:10:22 +01:00
This tutorial illustrates how to write C programs with the GTK 4 library.
2022-03-07 07:12:57 +01:00
It focuses on beginners so the contents are limited to the basics.
The table of contents is at the end of this abstract.
2021-04-19 14:24:12 +02:00
2023-07-15 10:27:53 +02:00
- Section 3 to 23 describes the basics, with the example of a simple editor `tfe` (Text File Editor).
- Section 24 to 27 describes GtkDrawingArea.
2023-08-01 11:05:16 +02:00
- Section 28 describes Drag and Drop.
- Section 29 to 33 describes the list model and the list view (GtkListView, GtkGridView and GtkColumnView).
2021-04-19 14:24:12 +02:00
It also describes GtkExpression.
2023-04-10 09:19:44 +02:00
The latest version of the tutorial is located at [GTK4-tutorial GitHub repository ](https://github.com/ToshioCP/Gtk4-tutorial ).
2022-12-21 14:31:33 +01:00
You can read it directly without download.
2023-07-15 10:27:53 +02:00
There's a [GitHub Page ](https://toshiocp.github.io/Gtk4-tutorial/ ) which is the HTML version of the tutorial.
2021-08-12 07:04:22 +02:00
2022-11-21 14:48:20 +01:00
#### GTK 4 Documentation
2022-03-05 05:45:31 +01:00
2022-12-21 14:31:33 +01:00
Please refer to [GTK 4 API Reference ](https://docs.gtk.org/gtk4/index.html )
2022-11-20 21:10:22 +01:00
and [GNOME Developer Documentation Website ](https://developer.gnome.org/ ) for further information.
2021-08-12 07:04:22 +02:00
2022-12-21 14:31:33 +01:00
These websites were opened in August of 2021.
The old documents are located at [GTK Reference Manual ](https://developer-old.gnome.org/gtk4/stable/ ) and [GNOME Developer Center ](https://developer-old.gnome.org/ ).
2021-01-11 15:32:09 +01:00
2022-03-05 05:45:31 +01:00
If you want to know about GObject and the type system, please refer to [GObject tutorial ](https://github.com/ToshioCP/Gobject-tutorial ).
2023-07-15 10:27:53 +02:00
GObject is the base of GTK 4, so it is important for developers to understand it as well as GTK 4.
2021-08-12 07:04:22 +02:00
#### Contribution
2021-07-17 17:00:20 +02:00
2022-12-21 14:31:33 +01:00
This tutorial is still under development and unstable.
2023-07-15 10:27:53 +02:00
Even though the codes of the examples have been tested on GTK 4 (version 4.10.1), bugs may still exist.
2021-04-22 04:48:18 +02:00
If you find any bugs, errors or mistakes in the tutorial and C examples, please let me know.
2023-04-10 09:19:44 +02:00
You can post it to [GitHub issues ](https://github.com/ToshioCP/Gtk4-tutorial/issues ).
You can also post updated files to [pull request ](https://github.com/ToshioCP/Gtk4-tutorial/pulls ).
2022-12-21 14:31:33 +01:00
One thing you need to be careful is to correct the source files, which are under the 'src' directory.
Don't modify the files under `gfm` or `html` directories.
2023-03-27 13:27:45 +02:00
After modifying some source files , run `rake` to create GFM (GitHub Flavoured Markdown) files and run `rake html` to create HTML files.
2021-04-19 14:24:12 +02:00
2022-12-21 14:31:33 +01:00
If you have a question, feel free to post it to `issue` .
2022-03-05 05:45:31 +01:00
All questions are helpful and will make this tutorial get better.
2021-02-06 15:50:02 +01:00
2022-12-21 14:31:33 +01:00
#### How to get Gtk 4 tutorial with HTML or PDF format
2021-08-12 07:04:22 +02:00
2022-12-21 14:31:33 +01:00
If you want to get HTML or PDF format tutorial, make them with `rake` command, which is a ruby version of make.
2021-08-12 07:04:22 +02:00
Type `rake html` for HTML.
Type `rake pdf` for PDF.
2022-12-21 14:31:33 +01:00
There is a document \("[How to build GTK 4 Tutorial](gfm/Readme_for_developers.md)"\) for further information.
2021-08-12 07:04:22 +02:00
2023-03-27 13:27:45 +02:00
#### License
2023-04-15 03:24:30 +02:00
The license of this repository is written in [Section1 ](gfm/sec1.md ).
In short,
2023-03-27 13:27:45 +02:00
2023-04-15 03:24:30 +02:00
- GFDL1.3 for documents
- GPL3 for programs
2023-03-27 13:27:45 +02:00
2021-04-12 15:06:26 +02:00
## Table of contents
2021-02-06 09:26:57 +01:00
1. [Prerequisite and License ](gfm/sec1.md )
2023-07-15 10:27:53 +02:00
1. [Preparation (GTK 4 installation and the download of this repository) ](gfm/sec2.md )
2021-01-17 14:03:04 +01:00
1. [GtkApplication and GtkApplicationWindow ](gfm/sec3.md )
1. [Widgets (1) ](gfm/sec4.md )
1. [Widgets (2) ](gfm/sec5.md )
2022-12-21 14:31:33 +01:00
1. [Strings and memory management ](gfm/sec6.md )
2021-06-15 04:24:42 +02:00
1. [Widgets (3) ](gfm/sec7.md )
2022-12-21 14:31:33 +01:00
1. [Defining a final class ](gfm/sec8.md )
1. [GtkBuilder and UI file ](gfm/sec9.md )
2021-06-15 04:24:42 +02:00
1. [Build system ](gfm/sec10.md )
2022-12-21 14:31:33 +01:00
1. [Instance Initialization and destruction ](gfm/sec11.md )
2021-06-15 04:24:42 +02:00
1. [Signals ](gfm/sec12.md )
2023-07-15 10:27:53 +02:00
1. [TfeTextView class ](gfm/sec13.md )
2021-06-15 04:24:42 +02:00
1. [Functions in GtkNotebook ](gfm/sec14.md )
2023-07-15 10:27:53 +02:00
1. [Tfe main program ](gfm/sec15.md )
2022-12-21 14:31:33 +01:00
1. [How to build tfe (text file editor) ](gfm/sec16.md )
2023-07-15 10:27:53 +02:00
1. [Menus and actions ](gfm/sec17.md )
2021-06-15 04:24:42 +02:00
1. [Stateful action ](gfm/sec18.md )
1. [Ui file for menu and action entries ](gfm/sec19.md )
2023-07-15 10:27:53 +02:00
1. [Composite widgets and alert dialog ](gfm/sec20.md )
1. [GtkFontDialogButton and Gsettings ](gfm/sec21.md )
1. [TfeWindow ](gfm/sec22.md )
1. [Pango, CSS and Application ](gfm/sec23.md )
1. [GtkDrawingArea and Cairo ](gfm/sec24.md )
1. [Periodic Events ](gfm/sec25.md )
2023-07-23 04:49:22 +02:00
1. [Custom drawing ](gfm/sec26.md )
2023-07-15 10:27:53 +02:00
1. [Tiny turtle graphics interpreter ](gfm/sec27.md )
2023-07-29 14:41:57 +02:00
1. [Drag and drop ](gfm/sec28.md )
1. [GtkListView ](gfm/sec29.md )
1. [GtkGridView and activate signal ](gfm/sec30.md )
1. [GtkExpression ](gfm/sec31.md )
1. [GtkColumnView ](gfm/sec32.md )
1. [GtkSignalListItemFactory ](gfm/sec33.md )