开启辅助访问
 找回密码
 注册帐号

扫一扫,访问微社区

教程分享

关注:729

当前位置:游戏蛮牛 技术专区 教程分享

查看: 119|回复: 1

[系列教程] 从零开始学虚幻4游戏开发系列15

[复制链接]  [移动端链接]
排名
41190
昨日变化
18

38

主题

38

帖子

113

积分

Rank: 9Rank: 9Rank: 9

UID
257049
好友
0
蛮牛币
533
威望
0
注册时间
2017-11-30
在线时间
25 小时
最后登录
2018-1-18

专栏作家

发表于 2018-1-4 10:28:07 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册帐号

x
在上一课的内容中,我们创建了第一个UI widget计数器。在这一课的内容中,

创建计时器

在虚幻4中打开项目,在Content Browser中找到UI中的WBP_HUD蓝图文件,双击将其打开。
使用上一课中所介绍的方法创建一个新的文本widget,并将其命名为TimerText。接下来设置以下属性:

• Position X: 1225
• Position Y: 50

• Size X: 500

• Size Y: 100
• Font Size: 68
• Justification: Align Text Right (通过该设置将让文本对齐到widget的右侧)


接下来我们将把锚点设置到右上角。具体的操作很简单,使用鼠标选中锚点,然后拖动Anchor Medallion(锚点星标),让其移动到右上角,让蓝色线和虚线对齐,如下图。

注意此时文本widget的位置已经更新了,现在是相对锚点的位置。

接下来创建一个新的Image widget,然后将其命名为TimerIcon。然后设置其属性如下:
Position X: 1750

• Position Y: 50
• Size To Content: Checked
• Brush\Image: T_Timer

接下来我们将换一种方式来设置锚点。在Details面板中,点击Anchors右侧的下拉列表,然后可以显示一些预设选项,从中选择第一排第三个,记住同时按下Ctrl键。如图所示。


好了,现在UI布局已经完成了。接下来我们将模拟不同屏幕尺寸下的显示。在Designer面板中点击
Screen Size 下拉列表。


从中选择不同的屏幕大小来测试UI布局的变化。

可以看到,因为锚点的加入,即便屏幕大小发生了变化,但是整体布局并没有发生变化。

好了,本课的内容到此结束。
在下一课的内容中,我们将学习如何让WBP_HUD这个widget显示在游戏中。


回复

使用道具 举报

7日久生情
2066/5000
排名
4452
昨日变化
21

2

主题

1518

帖子

2066

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
241666
好友
0
蛮牛币
8180
威望
0
注册时间
2017-9-6
在线时间
280 小时
最后登录
2018-1-18
发表于 2018-1-5 07:46:18 来自Mobile--- | 显示全部楼层
感谢分享

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

快速回复 返回顶部 返回列表