NumberSpinner Module

Resources Community Resources
#68

Can anyone help me implement this module into my script?

local Players = game:GetService("Players")
local player = Players.LocalPlayer
local Icon = require(game:GetService("ReplicatedStorage"):WaitForChild("Icon"))

-- Create a new icon for the player's money
local moneyIcon = Icon.new()
	:setLabel("$ 0") -- Initial label for the money icon

-- Function to update the icon's label with the current money
local function updateMoneyDisplay()
	local money = player:GetAttribute("Money") or 0
	moneyIcon:setLabel("$" .. money) -- Update the label with the current money
end

-- Connect to the player's money attribute change event
player:GetAttributeChangedSignal("Money"):Connect(updateMoneyDisplay)

-- Initial update to set the money display correctly when the player joins
updateMoneyDisplay()
#70

Hey dude!
I’ve just figured out how to implement the NumberSpinner into the TopBarPlus module, I’ll link down my module you can use as a reference :smiley:

local ReplicatedStorage = game:GetService("ReplicatedStorage")

local Modules = ReplicatedStorage.Modules

local Knit = require(Modules.Packages.Knit)
local Icon = require(Modules.Packages.Icon)
local NumberSpinner = require(Modules.Packages.NumberSpinner)

local TopBarController = Knit.CreateController({
	Name = "TopBarController",
	Player = game.Players.LocalPlayer,
	Attributes = {"Currency", "Macaroons" } 
})

function TopBarController:KnitStart()
	for _, Attribute in self.Attributes do
		local Value = self.Player:GetAttribute(Attribute)
		local Prefix = Attribute == "Currency" and "$" or `{Attribute}: `
		local LabelSpinner = NumberSpinner.new()

		local _Icon = Icon.new()
			:setRight()
			:setOrder(4)
			:setSize(100, 32)
			:lock()
			:call(function(icon)
				icon:convertLabelToNumberSpinner(LabelSpinner)
				LabelSpinner.Name = "LabelSpinner"
				LabelSpinner.Prefix = Prefix
				LabelSpinner.Decimals = 0
				LabelSpinner.Duration = 0.25
				LabelSpinner.Value = Value
			end)

		self.Player:GetAttributeChangedSignal(Attribute):Connect(function()
			local NewValue = self.Player:GetAttribute(Attribute)
			LabelSpinner.Value = NewValue
		end)
	end
end

return TopBarController

Have a good day! :wave:

4 Likes
#71

image
This is what I get… lol

Any help?

#72

convertLabelToNumberSpinner is not a valid member of Icon

#73

hey @ForeverHD could u check ur pull requests for wally / type support in topbar+, I also added a pull request for convertLabelToNumberSpinner support for NumberSpinner Module compatibility. If you want numberspinner support add this method to the Icon module:

function Icon:convertLabelToNumberSpinner(numberSpinner)
	local label = self:getInstance("IconLabel")
	label.Transparency = 1
	numberSpinner.Parent = label

	local propertiesToChange = {
		"FontFace",
		"BorderSizePixel",
		"Position",
		"BorderColor3",
		"Rotation",
		"TextScaled",
		"TextStrokeTransparency",
		"TextStrokeColor3",
		"TextStrokeTransparency",
		"TextYAlignment",
		"Size",
		"TextSize",
		"TextXAlignment",
		"TextColor3",
		"AnchorPoint",
	}
	for i, property in propertiesToChange do
		numberSpinner[property] = label[property]
	end

	local invalidProperties = {
		"TextBounds",
		"TextFits",
		"AbsolutePosition",
		"AbsoluteSize",
		"OpenTypeFeaturesError",
                "GuiState"
	}
	self:addToJanitor(label.Changed:Connect(function(property)
		if table.find(invalidProperties, property) then
			return
		end
		numberSpinner[property] = label[property]
	end))

	self:updateParent()
	return self
end
1 Like