RetainerBox是一个容器,只会影响其容器内的UI,RetainerBox的作用:

一、控制UI更新频率(可能是为有优化性能)

  1、在UserWidget中添加Retainer Box容器,并在容器内添加一个名为TextBlock_0的TextBlock。

    

  2、声明一个名为Counter的变量,在Event Tick事件(每一帧都会被调用)中Counter自加一,并赋值给TextBlock_0

    

  3、运行游戏,会看到数字以极快的速度更新一次。(一般情况下游戏是每秒60帧,一秒会更新60次画面,每秒调用Event Tick事件,非常耗费资源,因此Event Tick事件不适合做特别耗费资源的逻辑)

    

  4、RetainerBox的Pase和Pase Count控制更新速度。Pase Count:每隔多少帧更新(绘制)一下其容器内的UI

    Pase=0,Pase Count=1,在60HZ(HZ刷新率,每秒更新多少帧。UE4默认是60HZ)游戏中,RetainerBox容器内的UI每秒更新60次;

    Pase=0,Pase Count=2,在60HZ游戏中,RetainerBox容器内的UI每秒更新30次;

    

  5、把Pase Count改成60,Phase=0保持不变。在60HZ的游戏则会看到TextBlock_0每1秒才更新一下

    

二、把渲染后的UI当成Texture,放入材质中,加工后(各种特效,比如:渐变、移动、缩放等),再显示

  1、新建一个名为M_TestRetainer的材质,Material Domain改成User Interface,添加一个命名为Texture(需要跟UI的RetainerBox容器的Texture Parameter值一致)的TextureSampleParameter2D节点

     

  2、UI中把RetainerBox_0的Effect Material改成M_TestRetainer,Texture Parameter材质参数保持Texture不变(需要跟TextureSampleParameter2D节点名称一致)

    

  3、运行游戏,画面效果如图所示

    

  4、下面让材质支持透明通道,并添加线性渐变特效。在M_TestRetainer材质中,Blend Mode改成Translucent,将Param2D节点和M_TestRetainer的透明通道相连接。

    

  5、运行游戏看效果:支持透明通道,并且有线性渐变效果。

    

  6、如果要改成渐变效果从下往上,可以添加一个“1-x(OneMinus)”节点,也就是1减去左边输入的参数值,得到的结果从右边输出  

    

  7、运行游戏,渐变效果变成从下往上了。

    

  8、如果要从左到右渐变,则使用LinearGradient的UGradient节点

     

  9、同样的,使用“1-x(OneMinus)”节点,可以改成渐变从右到左。

      

  10、使用Panner使材质实现翻滚动画

      

    

[UE4]RetainerBox,控制UI更新频率,把渲染后的UI当成Texture的更多相关文章

  1. android开发之在activity中控制另一个activity的UI更新

    转自:http://blog.csdn.net/jason0539/article/details/18075293 第一种方法: 遇到一个问题,需要在一个activity中控制另一个acitivit ...

  2. android线程控制UI更新(Handler 、post()、postDelayed()、postAtTime)

    依照以下的理解就是handler与ui线程有一定的关联能够由于更新界面仅仅能在主线程中全部更新界面的地方能够在接受消息的handleMessage那里还有更新界面能够在handler.port(new ...

  3. 【Cocos2d-Js基础教学(7)界面UI更新方法(会用到第三方类库)】

    我们游戏中会遇到很多UI更新的时候,大部分时候我们会remove该节点,再重新绘制的方法来进行UI更新. 但是这种更新效率并不高,这里我推荐大家一个第三方的库,来通过注册更新的方式来对UI进行更新管理 ...

  4. WPF多线程UI更新——两种方法

    WPF多线程UI更新——两种方法 前言 在WPF中,在使用多线程在后台进行计算限制的异步操作的时候,如果在后台线程中对UI进行了修改,则会出现一个错误:(调用线程无法访问此对象,因为另一个线程拥有该对 ...

  5. oc 多线程UI更新

    1.在子线程中是不能进行UI 更新的,而可以更新的结果只是一个幻像:因为子线程代码执行完毕了,又自动进入到了主线程,执行了子线程中的UI更新的函数栈,这中间的时间非常的短,就让大家误以为分线程可以更新 ...

  6. RxJava2-后台执行耗时操作,实时通知 UI 更新(一)

    一.前言 接触RxJava2已经很久了,也看了网上的很多文章,发现基本都是在对RxJava的基本思想介绍之后,再去对各个操作符进行分析,但是看了之后感觉过了不久就忘了. 偶然的机会看到了开源项目 Rx ...

  7. C#.NET使用Task,await,async,异步执行控件耗时事件(event),不阻塞UI线程和不跨线程执行UI更新,以及其他方式比较

    使用Task,await,async,异步执行事件(event),不阻塞UI线程和不跨线程执行UI更新 使用Task,await,async 的异步模式 去执行事件(event) 解决不阻塞UI线程和 ...

  8. WPF多线程UI更新

    前言 在WPF中,在使用多线程在后台进行计算限制的异步操作的时候,如果在后台线程中对UI进行了修改,则会出现一个错误:(调用线程无法访问此对象,因为另一个线程拥有该对象.)这是很常见的一个错误,一不小 ...

  9. runloop事件、UI更新、observer与coranimation

    一.触摸事件派发与视图绘制打包 __CFRUNLOOP_IS_CALLING_OUT_TO_A_SOURCE0_PERFORM_FUNCTION__ __dispatchPreprocessedEve ...

随机推荐

  1. 【BZOJ4300】 绝世好题

    傻逼题都不能一眼看出思路…… 原题: 给定一个长度为n的数列ai,求ai的子序列bi的最长长度,满足bi&bi-1!=0(2<=i<=len). n<=100000,ai&l ...

  2. python-廖雪峰,map/reduce学习笔记

    # _*_ coding:utf-8 _*_from functools import reduce def str2int(s): digits = {'0': 0, '1': 1, '2': 2, ...

  3. Java中的数组与集合

    此文转载自:http://student-lp.iteye.com/blog/2082362 在java编程的过程中,我们不能确定某一类型的对象到底会需要多少,为了解决这个问题,java提供了容纳对象 ...

  4. 分享一篇 Git Web 开发流程

    分享一篇 Git Web 开发流程 web 项目如何进行 git 多人协作开发 https://segmentfault.com/a/1190000018165757

  5. ELK入门以及常见指令

    ES的资源: https://www.elastic.co/guide/en/elasticsearch/reference/current/getting-started.htmlhttps://w ...

  6. Ansible 常用模块之ping(四)

    一.ping 模块 1.用途: 测试主机之间的连通性: 2.关键字:ping 3.参数:无 4.用法: ansible all -m ping 命令简单,测试所有服务器是否与控制机网络连通:

  7. Scrapy 爬虫日志中出现Forbidden by robots.txt

    爬取汽车之家数据的时候,日志中一直没有任何报错,开始一直不知道什么原因导致的,后来细细阅读了下日志发现日志提示“Forbidden by robots.txt”,Scrapy 设置文件中如果把ROBO ...

  8. spring4与mongodb的集成

    新项目的辅助系统,需要用到mongo系统,今天再次将其使用环境进行了操作搭建.还是遇到一些问题,毕竟之前使用的场景和现在的不同.版本也不一样了. 本次使用的环境: mongo:3.4.4版本 OS: ...

  9. SQL中varchar和nvarchar有什么区别

    varchar(n)长度为 n 个字节的可变长度且非 Unicode 的字符数据.n 必须是一个介于 1 和 8,000 之间的数值.存储大小为输入数据的字节的实际长度,而不是 n 个字节. nvar ...

  10. ELK Stack 笔记

    ELK Stack ELK Stack ELK Stack ELK 介绍 架构 Elasticsearch 安装 常见问题 关闭 Elasticsearch Elasticsearch-head Ki ...