美文网首页
28 蓝图:屏幕UI和数据绑定

28 蓝图:屏幕UI和数据绑定

作者: 游戏开发程序员 | 来源:发表于2021-01-12 21:51 被阅读0次

本节我们要显示一个UI:


image.png

我们先制作HUD:

image.png image.png

界面制作好了后,我们先显示出来,在角色蓝图上创建和添加:
创建HUD类,和添加到视口


image.png

接下来我们在角色蓝图上创建几个变量,来给界面显示使用:
2个浮点用于进度条,2个整数给文本:


image.png

正在界面中,点击进度条,创建绑定:


image.png

通过获取玩家角色,在转换后,获取他的HP属性,这样就绑定到控件上了。


image.png

如此这般设置4个变量,不停地切换。


image.png

最后我们来做子弹消耗逻辑,先默认30个子弹给默认值,在发射子弹时候减1:


image.png

还有打爆圆柱体时加1击杀:


image.png

相关文章

  • 28 蓝图:屏幕UI和数据绑定

    本节我们要显示一个UI: 我们先制作HUD: 界面制作好了后,我们先显示出来,在角色蓝图上创建和添加:创建HUD类...

  • 11 - In-Game HUD Creation

    编写界面UI 双击UI/HUD 蓝图 按照图中拜访UI 获取Controller 引用 绑定值到UI中 点击bin...

  • [转] DataBinding 数据绑定

    数据绑定分为单项绑定和双向绑定两种。单向绑定上,数据的流向是单方面的,只能从代码流向 UI;双向绑定的数据是双向的...

  • RxSwift-MVVM

    MVVM核心在于数据与UI的双向绑定,数据的变化会更新UI,UI变化会更新我们的数据。那这种绑定操作谁来做呢?当然...

  • 数据绑定

    数据绑定 UWP 每个绑定均由一个绑定目标和一个绑定源构成。 通常,绑定目标是控件或其他 UI 元素的属性,而绑定...

  • AppWorker教程-数据绑定

    数据绑定 数据绑定是在应用程序 UI 与数据源建立连接的过程。如果绑定正确数据,则当数据更改其值时,绑定到数据的U...

  • Vue 简单语法

    动态绑定数据message是动态的 判断语句 循环语句 事件监听 UI与数据双向绑定 数据只绑定一次,后续数据改变...

  • Android JetPack DataBinding原理分析

    一.简介 DataBinding是谷歌发布的一个实现数据和UI绑定的框架,从字面意思来看即为数据绑定,是 MVVM...

  • 八、【扩展知识】数据绑定控件的应用

    数据绑定控件和数据源控件 1、数据绑定控件:具有DataSource属性或DataSourceID属性,用于在UI...

  • Vue 双向绑定

    双向绑定我的理解是视图层(View)和数据层(Model)相互影响,即就是将数据的变化绑定到UI, 同时UI的变化...

网友评论

      本文标题:28 蓝图:屏幕UI和数据绑定

      本文链接:https://www.haomeiwen.com/subject/ucneaktx.html