add part 2 wip

README.md

@@ -1,4 +1,4 @@
-# Bitchin GTK4 Python tutorial
+# Taiko's GTK4 Python tutorial
 
 Wanna make apps for Linux but not sure how to start with GTK? Frustrated with the style of GTK4 documentation. This guide will hopefully get you started!
 
@@ -68,7 +68,7 @@ app.run(sys.argv)
 
 Soo we have an instance of an app class and a window which we extend! We run our app and it makes a window!
 
-Dont worry too much if your Python knowledge isn't strong and the `__init__(self, *args, **kwargs)` stuff is giving you a headache.
+> **Tip:** Don't worry too much if your Python knowledge isn't strong and the `__init__(self, *args, **kwargs)` stuff is giving you a headache.
 
 ### So! Whats next?
 
@@ -86,7 +86,7 @@ self.set_child(self.box)
 We make a new box, and attach it to the window. Simple. If you run the app now you'll see no difference, because there's nothing in the layout yet either.
 
 
-### Add a button!
+## Add a button!
 
 One of the most basic widgets is a [Button](https://docs.gtk.org/gtk4/class.Button.html). Let's make one and add it to the layout.
 
@@ -133,7 +133,7 @@ self.set_title("MyApp")
 
 ## More boxes
 
-You'll notice our button is stenched with the window. Let's add two boxes inside that first box we made. 
+You'll notice our button is stretched with the window. Let's add two boxes inside that first box we made. 
 
 ```python
 self.box1 = Gtk.Box(orientation=Gtk.Orientation.HORIZONTAL)
@@ -212,6 +212,77 @@ It should look like this now:
 
 ![Our window including switch and label](switch.png)
 
+The file `part1.py` is an example of the code so far.
+
+## Adding a slider (Aka scale)
+
+Here's an example of adding a [Scale](https://docs.gtk.org/gtk4/ctor.Scale.new.html) with a range from 0 - 10
+
+```python
+        self.slider = Gtk.Scale()
+        self.slider.set_digits(0)  # Number of decimal places to use
+        self.slider.set_range(0, 10)
+        self.slider.set_draw_value(True)  # Show a label with current value
+        self.slider.set_value(5)  # Sets the current value/position
+        self.slider.connect('value-changed', self.slider_changed)
+        self.box2.append(self.slider)
+
+    def slider_changed(self, slider):
+        print(int(slider.get_value()))
+```
+
+## Adding a button into the header bar
+
+First we need to make a header bar
+
+```python
+        self.header = Gtk.HeaderBar()
+        self.set_titlebar(self.header)
+```
+
+Simple.
+
+Now add a button
+
+```python
+        self.open_button = Gtk.Button(label="Open")
+        self.header.pack_start(self.open_button)
+```
+
+We already know how to connect a function to the button, so i've omitted that.
+
+Done! But... it would look nicer with an icon rather than text.
+
+```python
+        self.open_button.set_icon_name("document-open-symbolic")
+```
+
+This will be an icon name from the icon theme. 
+
+For some defaults you can take a look at `/usr/share/icons/Adwaita/scalable/actions`.
+
+If you were adding a new action icon it would go in `/usr/share/icons/hicolor/scalable/actions`
+
+> **Help! Todo!** Is this the best way? How do icons work in a development environment?
+
+# Adding a button with menu
+
+First, lets add a ***MenuButton*** to our header bar
+
+```python
+        self.hamburger = Gtk.MenuButton()
+        self.header.pack_start(self.hamburger)
+```
+
+WIP
+
+## Todo...
+
+
+Text box: [Entry](https://docs.gtk.org/gtk4/class.Entry.html) 
+
+Number changer: [SpinButton](https://docs.gtk.org/gtk4/class.SpinButton.html)
+
 
 
 

part2.py

@@ -0,0 +1,90 @@
+import sys
+import gi
+
+gi.require_version('Gtk', '4.0')
+gi.require_version('Adw', '1')
+from gi.repository import Gtk, Adw
+
+
+class MainWindow(Gtk.ApplicationWindow):
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+
+        self.set_default_size(600, 250)
+        self.set_title("MyApp")
+
+        # Main layout containers
+        self.box1 = Gtk.Box(orientation=Gtk.Orientation.HORIZONTAL)
+        self.box2 = Gtk.Box(orientation=Gtk.Orientation.VERTICAL)
+        self.box3 = Gtk.Box(orientation=Gtk.Orientation.VERTICAL)
+
+        self.set_child(self.box1)  # Horizontal box to window
+        self.box1.append(self.box2)  # Put vert box in that box
+        self.box1.append(self.box3)  # And another one, empty for now
+
+        # Add a button
+        self.button = Gtk.Button(label="Hello")
+        self.button.connect('clicked', self.hello)
+        self.box2.append(self.button)  # But button in the first of the two vertical boxes
+
+        # Add a check button
+        self.check = Gtk.CheckButton(label="And goodbye?")
+        self.box2.append(self.check)
+
+        # Add a box containing a switch and label
+        self.switch_box = Gtk.Box(orientation=Gtk.Orientation.HORIZONTAL)
+        self.switch_box.set_spacing(5)
+
+        self.switch = Gtk.Switch()
+        self.switch.set_active(True)  # Let's default it to on
+        self.switch.connect("state-set", self.switch_switched)  # Lets trigger a function on state change
+
+        self.label = Gtk.Label(label="A switch")
+
+        self.switch_box.append(self.switch)
+        self.switch_box.append(self.label)
+        self.box2.append(self.switch_box)
+
+        self.slider = Gtk.Scale()
+        self.slider.set_digits(0)  # Number of decimal places to use
+        self.slider.set_range(0, 10)
+        self.slider.set_draw_value(True)  # Show a label with current value
+        self.slider.set_value(5)  # Sets the current value/position
+        self.slider.connect('value-changed', self.slider_changed)
+        self.box2.append(self.slider)
+
+        self.header = Gtk.HeaderBar()
+        self.set_titlebar(self.header)
+
+        self.open_button = Gtk.Button(label="Open")
+        self.header.pack_start(self.open_button)
+        self.open_button.set_icon_name("document-open-symbolic")
+
+        self.hamburger = Gtk.MenuButton()
+        self.header.pack_start(self.hamburger)
+
+    def slider_changed(self, slider):
+        print(int(slider.get_value()))
+
+    def switch_switched(self, switch, state):
+        print(f"The switch has been switched {'on' if state else 'off'}")
+
+    def hello(self, button):
+        print("Hello world")
+        if self.check.get_active():
+            print("Goodbye world!")
+            self.close()
+
+
+class MyApp(Adw.Application):
+    def __init__(self, **kwargs):
+        super().__init__(**kwargs)
+        self.connect('activate', self.on_activate)
+
+    def on_activate(self, app):
+        self.win = MainWindow(application=app)
+        self.win.present()
+
+
+app = MyApp(application_id="com.example.GtkApplication")
+app.run(sys.argv)