tab animations

Scenes/Tab.tscn

@@ -1,4 +1,4 @@
-[gd_scene load_steps=12 format=3 uid="uid://sqhcxhcre081"]
+[gd_scene load_steps=14 format=3 uid="uid://sqhcxhcre081"]
 
 [ext_resource type="Script" uid="uid://crpnnfqm3k5xv" path="res://Scripts/Tab.gd" id="1_q3baj"]
 [ext_resource type="Texture2D" uid="uid://gq8g7t4s3ryg" path="res://Assets/Icons/x.svg" id="2_pisds"]
@@ -14,25 +14,95 @@
 
 [sub_resource type="StyleBoxEmpty" id="StyleBoxEmpty_344ge"]
 
+[sub_resource type="Animation" id="Animation_ib6pj"]
+resource_name = "appear"
+length = 0.3
+tracks/0/type = "bezier"
+tracks/0/imported = false
+tracks/0/enabled = true
+tracks/0/path = NodePath(".:custom_minimum_size:x")
+tracks/0/interp = 1
+tracks/0/loop_wrap = true
+tracks/0/keys = {
+"handle_modes": PackedInt32Array(0, 0),
+"points": PackedFloat32Array(0, -0.25, 0, 0.25, 0, 350, -0.25, 0, 0.25, 0),
+"times": PackedFloat32Array(0, 0.3)
+}
+tracks/1/type = "bezier"
+tracks/1/imported = false
+tracks/1/enabled = true
+tracks/1/path = NodePath("Button:size:x")
+tracks/1/interp = 1
+tracks/1/loop_wrap = true
+tracks/1/keys = {
+"handle_modes": PackedInt32Array(0, 0),
+"points": PackedFloat32Array(0, -0.25, 0, 0.25, 0, 350, -0.25, 0, 0.25, 0),
+"times": PackedFloat32Array(0, 0.3)
+}
+tracks/2/type = "bezier"
+tracks/2/imported = false
+tracks/2/enabled = true
+tracks/2/path = NodePath("Button/GradientTexture:position:x")
+tracks/2/interp = 1
+tracks/2/loop_wrap = true
+tracks/2/keys = {
+"handle_modes": PackedInt32Array(0, 0),
+"points": PackedFloat32Array(-64, -0.25, 0, 0.25, 0, 278, -0.25, 0, 0.25, 0),
+"times": PackedFloat32Array(0, 0.3)
+}
+tracks/3/type = "bezier"
+tracks/3/imported = false
+tracks/3/enabled = true
+tracks/3/path = NodePath("Button/CloseButton:position:x")
+tracks/3/interp = 1
+tracks/3/loop_wrap = true
+tracks/3/keys = {
+"handle_modes": PackedInt32Array(0, 0),
+"points": PackedFloat32Array(-34, -0.25, 0, 0.25, 0, 319, -0.25, 0, 0.25, 0),
+"times": PackedFloat32Array(0, 0.3)
+}
+tracks/4/type = "bezier"
+tracks/4/imported = false
+tracks/4/enabled = true
+tracks/4/path = NodePath("Button/Icon:position:x")
+tracks/4/interp = 1
+tracks/4/loop_wrap = true
+tracks/4/keys = {
+"handle_modes": PackedInt32Array(0, 0),
+"points": PackedFloat32Array(-23, -0.25, 0, 0.25, 0, 8, -0.25, 0, 0.25, 0),
+"times": PackedFloat32Array(0, 0.3)
+}
+tracks/5/type = "value"
+tracks/5/imported = false
+tracks/5/enabled = true
+tracks/5/path = NodePath("Button:clip_contents")
+tracks/5/interp = 1
+tracks/5/loop_wrap = true
+tracks/5/keys = {
+"times": PackedFloat32Array(0),
+"transitions": PackedFloat32Array(1),
+"update": 1,
+"values": [true]
+}
+
+[sub_resource type="AnimationLibrary" id="AnimationLibrary_170sd"]
+_data = {
+&"appear": SubResource("Animation_ib6pj")
+}
+
 [node name="Tab1" type="Control"]
 custom_minimum_size = Vector2(350, 50)
 layout_mode = 3
 anchors_preset = 0
+offset_right = 350.0
+offset_bottom = 50.0
 script = ExtResource("1_q3baj")
 
-[node name="GradientTexture" type="TextureRect" parent="."]
-z_index = 1
-layout_mode = 0
-offset_left = 278.0
-offset_top = 2.0
-offset_right = 342.0
-offset_bottom = 50.0
-texture = ExtResource("3_q3baj")
-
 [node name="Button" type="Button" parent="."]
+unique_name_in_owner = true
 z_index = -2
-custom_minimum_size = Vector2(350, 50)
-layout_mode = 2
+clip_contents = true
+layout_mode = 1
 offset_right = 350.0
 offset_bottom = 50.0
 focus_mode = 0
@@ -50,7 +120,18 @@ icon = ExtResource("5_ib6pj")
 alignment = 0
 text_overrun_behavior = 3
 
-[node name="Icon" type="TextureRect" parent="."]
+[node name="GradientTexture" type="TextureRect" parent="Button"]
+unique_name_in_owner = true
+z_index = 1
+layout_mode = 0
+offset_left = 278.0
+offset_top = 2.0
+offset_right = 342.0
+offset_bottom = 50.0
+texture = ExtResource("3_q3baj")
+
+[node name="Icon" type="TextureRect" parent="Button"]
+unique_name_in_owner = true
 custom_minimum_size = Vector2(23, 23)
 layout_mode = 0
 offset_left = 8.0
@@ -60,7 +141,8 @@ offset_bottom = 36.0
 texture = ExtResource("6_ib6pj")
 expand_mode = 1
 
-[node name="CloseButton" type="Button" parent="."]
+[node name="CloseButton" type="Button" parent="Button"]
+unique_name_in_owner = true
 z_index = 2
 custom_minimum_size = Vector2(34, 34)
 layout_mode = 0
@@ -79,6 +161,12 @@ theme_override_styles/normal = ExtResource("7_1ohlo")
 icon = ExtResource("2_pisds")
 icon_alignment = 1
 
+[node name="AnimationPlayer" type="AnimationPlayer" parent="."]
+libraries = {
+&"": SubResource("AnimationLibrary_170sd")
+}
+speed_scale = 2.0
+
 [connection signal="mouse_entered" from="Button" to="." method="_on_button_mouse_entered"]
 [connection signal="mouse_exited" from="Button" to="." method="_on_button_mouse_exited"]
 [connection signal="pressed" from="Button" to="." method="_on_button_pressed"]