How do I use CollectionService for everything under the same parent?

Help and Feedback Scripting Support
,
#1

I want to make a hover animation for every button in a frame, and was wondering how to do this with CollectionService. Does anyone know how to do it?

#2

Is there any particular reason you’re wanting to use tags for this? I would be more inclined to use a for loop for the descendants/children of the frame and use an if statement to check if the instance is a button.

1 Like
#3

No, I just don’t want to have duplicated scripts in each button. Could you make an example of what I should do?

#4

Of course!

for i, v in pairs(frame:GetChildren()) do
	if v:IsA("TextButton") then
		v.MouseEnter:Connect(function()
			-- do your hover animation
		end)
	end
end
#5

This function will get every button that is a descendant of a given object.
You could iterate through it’s returned value to code every button at once

local function get_buttons(frame: Instance): {GuiButton}
	local out= {}
	for _, child in ipairs(frame:GetDescendants()) do
		if child:IsA("GuiButton") then
			table.insert(out, child)
		end
	end
	
	return out
end

for _, button in get_buttons(script.Parent) do
    tween_function(button)
end
#6

Couple questions:
What is “out” for?
Does it have to be ipairs or can it just be pairs, because it looks like I can do it with pairs.

#7

ipairs is marginally faster for arrays. you don’t technically need either.

out is defined to collect and return the GuiButtons.

#8

Ohh, okay. But sorry, last question, what does the

(frame: Instance): {GuiButton}

do? I’m still kind of new to scripting.

#9

These are type notations, a hidden feature of Roblox’s Luau. Add --!strict to the top of your script and you will receive better errors before playing the game and much better auto-complete.

Those types are telling you that the parameter frame must take an Instance i.e. anything with a Parent/Children and returns an array of GuiButtons i.e. clickable UI.

#10

Wait, I’ve never heard of luau, does it have to be downloaded or is it already embedded into studio?

#11

It is already in studio, It’s Roblox’s expanded version of Lua. Adding --!strict to the top of your scripts will enable the type checking aspects.

1 Like
#12

This did not work by the way. For the MouseLeave and MouseEnter parts, specifically.

#13

How would I use MouseEnter and MouseLeave for this though?

#14 
local function get_buttons(frame: Instance): {GuiButton}
	local out = {}
	for _, child in ipairs(frame:GetDescendants()) do
		if child:IsA("GuiButton") then
			table.insert(out, child)
		end
	end
	
	return out
end

local buttons = get_buttons(script.Parent)

for _, button in buttons do
	local startSize = button.Size
	local bigSize = UDim2.new(startSize.X.Scale * 2, 0, startSize.Y.Scale*2, 0)
	local animationTime = 0.2
	
	button.MouseEnter:Connect(function()
		button:TweenSize(bigSize, Enum.EasingDirection.InOut, Enum.EasingStyle.Linear, animationTime, true)
	end)
	
	button.MouseLeave:Connect(function()
		button:TweenSize(startSize, Enum.EasingDirection.InOut, Enum.EasingStyle.Linear, animationTime, true)
	end)
end