如何在代码中创建UI布局？
2020-1-26 0:46:47
收藏：0
阅读：194
评论：1
这是一个有关如何创建UI布局的问题。我知道如何使用Studio菜单来做到这一点，但我正在尝试只使用代码来完成。以下是我的代码：
local layout = Instance.new("UIGridLayout")
layout.Name = "UIGridLayout"
layout.Parent = script.Parent
layout.FillDirection = Enum.FillDirection.Horizontal
layout.CellPadding = UDim2.new(0, 100, 0, 5)
layout.CellSize = UDim2.new(0, 200, 0, 200)
layout.HorizontalAlignment = Enum.HorizontalAlignment.Center
layout.SortOrder = Enum.SortOrder.LayoutOrder
layout.StartCorner = Enum.StartCorner.TopLeft
layout.VerticalAlignment = Enum.VerticalAlignment.Bottom
local teamFrame = Instance.new("Frame")
teamFrame.BackgroundTransparency = 0
teamFrame.LayoutOrder = 0
teamFrame.Parent = script.Parent
local lblTeamTag = Instance.new("TextLabel", teamFrame)
lblTeamTag.TextTransparency = 0
lblTeamTag.TextStrokeTransparency = 0
lblTeamTag.Name = "TeamTag"
lblTeamTag.Text = "Team"
lblTeamTag.Size = UDim2.new(0, 200, 0, 50)
lblTeamTag.Position = UDim2.new(0, 0, 0, 0)
local lblPoints = Instance.new("TextLabel", teamFrame)
lblPoints.TextStrokeTransparency = 0
lblPoints.BackgroundTransparency = 0
lblPoints.Name = "Points"
lblPoints.Text = "0"
lblPoints.Size = UDim2.new(0, 200, 0, 150)
lblPoints.Position = UDim2.new(0, 0, 0, 50)
这段代码所在的脚本是ScreenGui的本地脚本子级。我期望看到像这样的结果：
但是我什么也看不到。我知道我已经很接近了。我还缺少什么？非常感谢。
点赞
评论区的留言会收到邮件通知哦~
作者:
用户5684416
推荐文章
- Lua 虚拟机加密load(string.dump(function)) 后执行失败问题如何解决
- 我想创建一个 Nginx 规则，禁止访问
- 如何将两个不同的lua文件合成一个 东西有点长 大佬请耐心看完 我是小白研究几天了都没搞定
- 如何在roblox studio中1：1导入真实世界的地形？
- 求解，lua_resume的第二次调用继续执行协程问题。
- 【上海普陀区】内向猫网络招募【Skynet游戏框架Lua后端程序员】
- SF爱好求教：如何用lua实现游戏内调用数据库函数实现账号密码注册？
- Lua实现网站后台开发
- LUA错误显式返回，社区常见的规约是怎么样的
- lua5.3下载库失败
- 请问如何实现文本框内容和某个网页搜索框内容连接，并把网页输出来的结果反馈到另外一个文本框上
- lua lanes多线程使用
- 一个kv数据库
- openresty 有没有比较轻量的 docker 镜像
- 想问一下，有大佬用过luacurl吗
- 在Lua执行过程中使用Load函数出现问题
- 为什么 neovim 里没有显示一些特殊字符?
- Lua比较两个表的值（不考虑键的顺序）
- 有个lua简单的项目，外包，有意者加微信 liuheng600456详谈，最好在成都
- 如何在 Visual Studio 2022 中运行 Lua 代码？
如果你得到的只是 TextLabel 不在正确的位置，那是因为 UIGridLayout 必须在帧内而不是与帧相同的父级内。因此，如果你在实例化帧后实例化 UIGridLayout，然后将帧作为 UIGridLayout 的父级，它应该可以工作。以下是应该如何完成，以便您可以只需复制和粘贴：
local teamFrame = Instance.new("Frame") teamFrame.BackgroundTransparency = 0 teamFrame.LayoutOrder = 0 teamFrame.Parent = script.Parent local layout = Instance.new("UIGridLayout") layout.Name = "UIGridLayout" layout.Parent = teamFrame layout.FillDirection = Enum.FillDirection.Horizontal layout.CellPadding = UDim2.new(0, 100, 0, 5) layout.CellSize = UDim2.new(0, 200, 0, 200) layout.HorizontalAlignment = Enum.HorizontalAlignment.Center layout.SortOrder = Enum.SortOrder.LayoutOrder layout.StartCorner = Enum.StartCorner.TopLeft layout.VerticalAlignment = Enum.VerticalAlignment.Bottom local lblTeamTag = Instance.new("TextLabel", teamFrame) lblTeamTag.TextTransparency = 0 lblTeamTag.TextStrokeTransparency = 0 lblTeamTag.Name = "TeamTag" lblTeamTag.Text = "Team" lblTeamTag.Size = UDim2.new(0, 200, 0, 50) lblTeamTag.Position = UDim2.new(0, 0, 0, 0) local lblPoints = Instance.new("TextLabel", teamFrame) lblPoints.TextStrokeTransparency = 0 lblPoints.BackgroundTransparency = 0 lblPoints.Name = "Points" lblPoints.Text = "0" lblPoints.Size = UDim2.new(0, 200, 0, 150) lblPoints.Position = UDim2.new(0, 0, 0, 50)