Roblox Studio 音乐播放器 UI 创建教程:隐藏功能实现

本教程将带领您逐步创建 Roblox Studio 音乐播放器 UI,并添加隐藏功能,让您能够在需要时隐藏除了隐藏按钮之外的全部 UI 元素。

1. 创建 UI

local ScreenGui = Instance.new('ScreenGui')
ScreenGui.Name = 'MusicPlayer'

local Frame = Instance.new('Frame')
Frame.Position = UDim2.new(0.5, -50, 0.5, -25)
Frame.Size = UDim2.new(0, 100, 0, 90)
Frame.BackgroundColor3 = Color3.new(1, 1, 1)
Frame.BackgroundTransparency = 0.5
Frame.Active = true
Frame.Draggable = true
Frame.Parent = ScreenGui

-- 创建文本框
local TextBox = Instance.new('TextBox')
TextBox.Size = UDim2.new(1, -20, 0, 30)
TextBox.Position = UDim2.new(0, 10, 0, 10)
TextBox.PlaceholderText = '输入音乐代码'
TextBox.ClearTextOnFocus = false
TextBox.Parent = Frame

-- 创建播放按钮
local PlayButton = Instance.new('TextButton')
PlayButton.Text = '播放音乐'
PlayButton.Size = UDim2.new(1, -20, 0, 30)
PlayButton.Position = UDim2.new(0, 10, 1, -40)
PlayButton.Parent = Frame

-- 创建隐藏按钮
local HideButton = Instance.new('TextButton')
HideButton.Text = '隐藏'
HideButton.Size = UDim2.new(1, -20, 0, 30)
HideButton.Position = UDim2.new(0, 10, 1, -80)
HideButton.Parent = Frame

-- 添加播放器脚本
local MusicPlayer = Instance.new('Sound', game.Workspace)
MusicPlayer.Volume = 1
MusicPlayer.Playing = false

PlayButton.MouseButton1Click:Connect(function()
    local Code = TextBox.Text
    if Code ~= '' then
        MusicPlayer.SoundId = 'rbxassetid://'..Code
        MusicPlayer:Play()
    end
end)

-- 隐藏函数
local function HideUI()
    for _, child in ipairs(Frame:GetChildren()) do
        if child ~= HideButton then
            child.Visible = false
        end
    end
end

-- 显示函数
local function ShowUI()
    for _, child in ipairs(Frame:GetChildren()) do
        child.Visible = true
    end
end

-- 隐藏按钮的点击事件
HideButton.MouseButton1Click:Connect(function()
    HideUI()
end)

-- 显示所有图形界面
ShowUI()

-- 添加到PlayerGui
ScreenGui.Parent = game.Players.LocalPlayer:WaitForChild('PlayerGui')

2. 隐藏功能实现

在上述代码中,我们添加了一个名为 HideButton 的按钮,并在点击它时触发 HideUI 函数。HideUI 函数遍历 Frame 的所有子元素,除了 HideButton 本身,将所有其他元素的 Visible 属性设置为 false,从而实现隐藏效果。

3. 总结

本教程展示了如何在 Roblox Studio 中创建音乐播放器 UI 并实现隐藏功能。您可以根据自己的需要修改代码,例如添加更多按钮、调整 UI 布局等。

注意:

  • 代码中使用的 rbxassetid:// 是 Roblox 的资产 ID 格式,您需要将 Code 替换为真实的音乐资产 ID。
  • 您也可以使用其他 UI 元素和脚本功能来扩展和改进您的音乐播放器。
Roblox Studio 音乐播放器 UI 创建教程:隐藏功能实现

原文地址: https://www.cveoy.top/t/topic/narh 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录