130 lines
4.7 KiB
GDScript
130 lines
4.7 KiB
GDScript
class_name SizingUtils
|
|
extends RefCounted
|
|
|
|
# Utility functions for handling sizes in the UI
|
|
|
|
const DEFAULT_VIEWPORT_WIDTH = 800.0
|
|
const DEFAULT_VIEWPORT_HEIGHT = 600.0
|
|
|
|
static func parse_size_value(val):
|
|
if val == null: return null
|
|
if typeof(val) == TYPE_INT or typeof(val) == TYPE_FLOAT:
|
|
return float(val)
|
|
if val.ends_with("px"):
|
|
return float(val.replace("px", ""))
|
|
if val.ends_with("rem"):
|
|
return float(val.replace("rem", "")) * 16.0
|
|
if val.ends_with("%") or (val.ends_with("]") and "%" in val):
|
|
var clean_val = val.replace("[", "").replace("]", "")
|
|
return clean_val
|
|
if val == "full":
|
|
return null
|
|
return float(val)
|
|
|
|
static func should_skip_sizing(node: Control, element, parser) -> bool:
|
|
var element_styles = parser.get_element_styles_internal(element, "")
|
|
|
|
# Button sizing rules: Skip sizing only when button has no explicit size
|
|
# AND parent doesn't have explicit width (auto-inherited sizing)
|
|
if node.get_script() and node.get_script().get_path().ends_with("button.gd"):
|
|
# If button has explicit size, don't skip sizing
|
|
if element_styles.has("width") or element_styles.has("height"):
|
|
return false
|
|
|
|
# Check if width is being inherited from parent with explicit size
|
|
var parent_element = element.parent
|
|
if parent_element:
|
|
var parent_styles = parser.get_element_styles_internal(parent_element, "")
|
|
var parent_has_explicit_width = parent_styles.has("width")
|
|
# Skip only if parent doesn't have explicit width (auto-inherited)
|
|
return not parent_has_explicit_width
|
|
|
|
return true
|
|
|
|
# Span sizing rules: Always skip sizing for spans since they're inline elements
|
|
# (flex containers use AutoSizingFlexContainer, not span.gd)
|
|
elif node.get_script() and node.get_script().get_path().ends_with("span.gd"):
|
|
return true
|
|
|
|
return false
|
|
|
|
static func apply_container_dimension_sizing(node: Control, width, height) -> void:
|
|
if width != null:
|
|
if is_percentage(width):
|
|
node.set_meta("container_percentage_width", width)
|
|
node.size_flags_horizontal = Control.SIZE_EXPAND_FILL
|
|
apply_container_percentage_sizing(node)
|
|
else:
|
|
node.custom_minimum_size.x = width
|
|
node.size_flags_horizontal = Control.SIZE_SHRINK_BEGIN
|
|
|
|
if height != null:
|
|
if is_percentage(height):
|
|
node.set_meta("container_percentage_height", height)
|
|
node.size_flags_vertical = Control.SIZE_EXPAND_FILL
|
|
apply_container_percentage_sizing(node)
|
|
else:
|
|
node.custom_minimum_size.y = height
|
|
node.size_flags_vertical = Control.SIZE_SHRINK_BEGIN
|
|
|
|
static func apply_regular_control_sizing(node: Control, width, height) -> void:
|
|
if width != null:
|
|
if is_percentage(width):
|
|
var estimated_width = calculate_percentage_size(width, DEFAULT_VIEWPORT_WIDTH)
|
|
node.custom_minimum_size.x = estimated_width
|
|
node.size_flags_horizontal = Control.SIZE_EXPAND_FILL
|
|
else:
|
|
node.custom_minimum_size.x = width
|
|
node.size_flags_horizontal = Control.SIZE_SHRINK_BEGIN
|
|
|
|
if height != null:
|
|
if is_percentage(height):
|
|
var estimated_height = calculate_percentage_size(height, DEFAULT_VIEWPORT_HEIGHT)
|
|
node.custom_minimum_size.y = estimated_height
|
|
node.size_flags_vertical = Control.SIZE_EXPAND_FILL
|
|
else:
|
|
node.custom_minimum_size.y = height
|
|
node.size_flags_vertical = Control.SIZE_SHRINK_BEGIN
|
|
|
|
static func is_percentage(value) -> bool:
|
|
return typeof(value) == TYPE_STRING and value.ends_with("%")
|
|
|
|
static func calculate_percentage_size(percentage_str: String, fallback_size: float) -> float:
|
|
var clean_percentage = percentage_str.replace("%", "")
|
|
var percentage = float(clean_percentage) / 100.0
|
|
return fallback_size * percentage
|
|
|
|
static func apply_container_percentage_sizing(node: Control) -> void:
|
|
var parent = node.get_parent()
|
|
if not parent:
|
|
return
|
|
|
|
var new_min_size = node.custom_minimum_size
|
|
|
|
if node.has_meta("container_percentage_width"):
|
|
var percentage_str = node.get_meta("container_percentage_width")
|
|
var parent_width = get_parent_dimension(parent, true, DEFAULT_VIEWPORT_WIDTH)
|
|
new_min_size.x = calculate_percentage_size(percentage_str, parent_width)
|
|
|
|
if node.has_meta("container_percentage_height"):
|
|
var percentage_str = node.get_meta("container_percentage_height")
|
|
var parent_height = get_parent_dimension(parent, false, DEFAULT_VIEWPORT_HEIGHT)
|
|
new_min_size.y = calculate_percentage_size(percentage_str, parent_height)
|
|
|
|
node.custom_minimum_size = new_min_size
|
|
|
|
static func get_parent_dimension(parent: Control, is_width: bool, fallback: float) -> float:
|
|
var size_value = parent.size.x if is_width else parent.size.y
|
|
if size_value > 0:
|
|
return size_value
|
|
|
|
var rect_size = parent.get_rect().size.x if is_width else parent.get_rect().size.y
|
|
if rect_size > 0:
|
|
return rect_size
|
|
|
|
var min_size = parent.custom_minimum_size.x if is_width else parent.custom_minimum_size.y
|
|
if min_size > 0:
|
|
return min_size
|
|
|
|
return fallback
|