主页
  • English
  • 中文
主页
  • English
  • 中文
  • 起步

    • 安装
    • Hello LGUI
    • 自定义按钮
    • 使用自定义字体
    • 预制体工作流
    • 交互
    • 从零创建个按钮
  • 样例工程

    • 样例工程
  • 常见问题

    • 为什么要用预制体?
    • 世界空间位置投射到LGUI的屏幕空间位置
    • LGUI的屏幕空间位置投射到世界空间
    • 根据名字查找子物体
    • 如何获取预制体中的Actor或Component
    • 抗锯齿

Hello LGUI

在这篇文档里,我们将一步步创建一个简单的UI来显示"Hello LGUI"。
icon

创建屏幕空间UI

创建个默认场景,点击"LGUI Editor Tools"->"Basic Setup"->"Screen Space UI":
step1

然后一个预设的屏幕空间UI就会出现在场景里:
step2

创建个按钮

选择"ScreenSpaceUIRoot",右键点击“LGUI"列上的向下箭头按钮:
step3

点击"Create UI Element"->"UIButton":
step4

然后一个按钮会出现在场景里:
step5

调整按钮

在Outlinter中选择"Button",修改"PosZ"为 -120,这样会把按钮往下移动偏离中心位置:
step6

添加点击事件

在 "Button" Actor上选择 "UIButton"组建,找到"OnClick()"属性并点击"+"按钮:
step7

这个 "On Click" 类型是 LGUIEventDelegate (请看 LGUIEventDelegate), 它有四个参数(Actor, Component, Function, Parameter):
step8

在 "Actor" 参数上, 选择 "Info" 物体:
step9

点击 "Component" 并选择 "UITextComponent":
step10

点击 "Function" 并选择 "SetText(Text)":
step11

现在 "Parameter" 变成个输入框,输入 "Hello LGUI":
step12

点击 Play, 然后把鼠标移动到按钮上,可以看到按钮有高亮显示:
step13
点击按钮,文字就变了:
step14

Last Updated:
Contributors: lf2007hf
Prev
安装
Next
自定义按钮