Adds zoom in and out buttons

Author: DoomTas3r

addons/block_code/ui/block_canvas/block_canvas.gd

@@ -35,6 +35,7 @@ const ZOOM_FACTOR: float = 1.1
 @onready var _open_scene_icon = _open_scene_button.get_theme_icon("Load", "EditorIcons")
 
 @onready var _mouse_override: Control = %MouseOverride
+@onready var _zoom_buttons: HBoxContainer = %ZoomButtons
 @onready var _zoom_button: Button = %ZoomButton
 
 var _current_block_script: BlockScriptSerialization
@@ -140,7 +141,7 @@ func _on_context_changed():
 		zoom = 1
 
 	_window.visible = false
-	_zoom_button.visible = false
+	_zoom_buttons.visible = false
 
 	_empty_box.visible = false
 	_selected_node_box.visible = false
@@ -152,7 +153,7 @@ func _on_context_changed():
 	if _context.block_script != null:
 		_load_block_script(_context.block_script)
 		_window.visible = true
-		_zoom_button.visible = true
+		_zoom_buttons.visible = true
 
 		if _context.block_script != _current_block_script:
 			reset_window_position()
@@ -437,6 +438,16 @@ func generate_script_from_current_window() -> String:
 	return ScriptGenerator.generate_script(_current_ast_list, _context.block_script)
 
 
+func _on_zoom_out_button_pressed() -> void:
+	if zoom > 0.2:
+		zoom /= ZOOM_FACTOR
+
+
 func _on_zoom_button_pressed():
 	zoom = 1.0
 	reset_window_position()
+
+
+func _on_zoom_in_button_pressed() -> void:
+	if zoom < 2:
+		zoom *= ZOOM_FACTOR

addons/block_code/ui/block_canvas/block_canvas.tscn

@@ -24,6 +24,7 @@ mouse_filter = 2
 
 [node name="Window" type="Control" parent="WindowContainer"]
 unique_name_in_owner = true
+visible = false
 layout_mode = 2
 anchors_preset = 0
 offset_right = 1152.0
@@ -43,7 +44,9 @@ grow_horizontal = 0
 grow_vertical = 0
 mouse_filter = 2
 
-[node name="MarginContainer" type="MarginContainer" parent="WindowContainer/Overlay"]
+[node name="ZoomButtons" type="HBoxContainer" parent="WindowContainer/Overlay"]
+unique_name_in_owner = true
+visible = false
 layout_mode = 1
 anchors_preset = 3
 anchor_left = 1.0
@@ -55,17 +58,30 @@ offset_top = -40.0
 grow_horizontal = 0
 grow_vertical = 0
 mouse_filter = 2
-theme_override_constants/margin_left = 4
-theme_override_constants/margin_top = 4
-theme_override_constants/margin_right = 4
-theme_override_constants/margin_bottom = 4
 
-[node name="ZoomButton" type="Button" parent="WindowContainer/Overlay/MarginContainer"]
+[node name="ZoomOutButton" type="Button" parent="WindowContainer/Overlay/ZoomButtons"]
+modulate = Color(1, 1, 1, 0.470588)
+custom_minimum_size = Vector2(25, 0)
+layout_mode = 2
+focus_mode = 0
+theme_override_font_sizes/font_size = 24
+text = "-"
+
+[node name="ZoomButton" type="Button" parent="WindowContainer/Overlay/ZoomButtons"]
 unique_name_in_owner = true
 modulate = Color(1, 1, 1, 0.470588)
 layout_mode = 2
 focus_mode = 0
 theme_override_font_sizes/font_size = 24
+text = "1.0x"
+
+[node name="ZoomInButton" type="Button" parent="WindowContainer/Overlay/ZoomButtons"]
+modulate = Color(1, 1, 1, 0.470588)
+custom_minimum_size = Vector2(25, 0)
+layout_mode = 2
+focus_mode = 0
+theme_override_font_sizes/font_size = 24
+text = "+"
 
 [node name="MouseOverride" type="MarginContainer" parent="."]
 unique_name_in_owner = true
@@ -85,14 +101,13 @@ horizontal_alignment = 1
 
 [node name="SelectedNodeBox" type="VBoxContainer" parent="."]
 unique_name_in_owner = true
-visible = false
 layout_mode = 2
 size_flags_vertical = 4
 
 [node name="Label" type="Label" parent="SelectedNodeBox"]
 custom_minimum_size = Vector2(200, 0)
 layout_mode = 2
-text = "Use block coding to create custom behavior and game mechanics for \"{node}\"."
+text = "Use block coding to create custom behavior and game mechanics for \"ZoomOutButton\"."
 horizontal_alignment = 1
 autowrap_mode = 2
 
@@ -130,17 +145,21 @@ unique_name_in_owner = true
 layout_mode = 2
 size_flags_horizontal = 4
 theme_type_variation = &"InspectorActionButton"
+disabled = true
 text = "Open in Editor"
 
 [node name="ReplaceBlockCodeButton" type="Button" parent="SelectedNodeWithBlockCodeBox/ButtonsBox"]
 unique_name_in_owner = true
 layout_mode = 2
 size_flags_horizontal = 4
 theme_type_variation = &"InspectorActionButton"
+disabled = true
 text = "Override Block Code"
 icon = ExtResource("2_710vn")
 
-[connection signal="pressed" from="WindowContainer/Overlay/MarginContainer/ZoomButton" to="." method="_on_zoom_button_pressed"]
+[connection signal="pressed" from="WindowContainer/Overlay/ZoomButtons/ZoomOutButton" to="." method="_on_zoom_out_button_pressed"]
+[connection signal="pressed" from="WindowContainer/Overlay/ZoomButtons/ZoomButton" to="." method="_on_zoom_button_pressed"]
+[connection signal="pressed" from="WindowContainer/Overlay/ZoomButtons/ZoomInButton" to="." method="_on_zoom_in_button_pressed"]
 [connection signal="pressed" from="SelectedNodeBox/ButtonsBox/AddBlockCodeButton" to="." method="_on_add_block_code_button_pressed"]
 [connection signal="pressed" from="SelectedNodeWithBlockCodeBox/ButtonsBox/OpenSceneButton" to="." method="_on_open_scene_button_pressed"]
 [connection signal="pressed" from="SelectedNodeWithBlockCodeBox/ButtonsBox/ReplaceBlockCodeButton" to="." method="_on_replace_block_code_button_pressed"]