UE5.4——登录界面

478 阅读1分钟

image.png

搭建界面

  • 创建用户控件
  • 添加画布面板,图像(锚点为最大,偏移为0),设置背景图片 image.png
  • 添加文本(登录),锚点为上方居中,设置字体样式 image.png
  • 添加两个文本(复制)(用户名:/密码:),锚点为中心 image.png
  • 添加两个文本框,聚焦前景颜色为白色,设置提示文本,锚点为中心
  • 密码文本框设置“为密码”
  • 添加按钮(登录) image.png
  • 运行时将关卡蓝图中类改为该用户控件类名

功能

创建结构

  • 内容浏览器中创建结构 image.png

  • 给结构体添加变量(username:文本,password:文本) image.png

  • 在设计器中,给两个文本框控件命名 image.png

  • 给文本框添加文本提交时事件 image.png

  • 在图表中添加文本变量username(password)

image.png

  • 设置username(password) image.png image.png

登录按钮的点击事件

  • 给登录按钮添加点击事件 image.png
  • 添加userinfo变量,变量类型为创建的结构体 image.png
  • 获取username,password,设置userinfo image.png
  • 从set userinfo左边拖出一条线创建结构体,和两个变量连在一起 image.png image.png
  • 从set userinfo右边拖出一根线,中断(分离)结构体变量
  • 打印提交的内容 image.png image.png

运行

image.png