【UE】滑动UI

这篇具有很好参考价值的文章主要介绍了【UE】滑动UI。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

效果

【UE】滑动UI

步骤

1. 新建一个控件蓝图,这里命名为“WBP_Slide”

【UE】滑动UI

2. 在关卡蓝图添加如下节点来显示控件蓝图

【UE】滑动UI

3. 打开“WBP_Slide”,添加一个滚动框控件

【UE】滑动UI

 设置滚动框的锚点

【UE】滑动UI

 设置滚动朝向为水平

【UE】滑动UI

 在滚动框中添加一个画布面板

【UE】滑动UI

 在画布面板中添加一个图像控件

【UE】滑动UI

 由于我有三张图片,因此这里再复制两份

【UE】滑动UI

 分别设置一下三张图片的图像

【UE】滑动UI

 设置滚动天的可视性为“已重叠”

【UE】滑动UI

将滚动框控件设置为变量

【UE】滑动UI

 在图表中添加如下节点

【UE】滑动UI

 提升为变量

【UE】滑动UI

 变量这里命名为“ScrollLocation”

【UE】滑动UI

 此时我们就可以通过鼠标右键来滑动切换图片了,但是切换图片后并不能正好使得图片精确完整的移动到滚动框内部,因此还需添加如下节点:

(其中“SignValue”是符号函数的返回值)

【UE】滑动UI

【UE】滑动UI

【UE】滑动UI

 为了解决滚动完成后的惯性滑动问题还需添加如下节点:

【UE】滑动UI

 为了解决往左拉最后一张图片出现空白的问题,需要取消勾选“允许过渡滚动”

【UE】滑动UI

 为了让滚动的更平滑,我们添加插值节点:

【UE】滑动UI

 其中,“DeltaTime”是事件Tick的返回值

【UE】滑动UI

 运行效果如文章开头所示。文章来源地址https://www.toymoban.com/news/detail-495726.html

到了这里,关于【UE】滑动UI的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • UE4 Sequence添加基础动画效果 (05-蓝图触发Sequence)

    在上一篇博客(UE4 Sequence添加基础动画效果 (04-在序列中使用粒子效果))的基础上增加角色进入某个区域触发过场动画的效果。 1.点击编辑FallingRocks来打开落石蓝图  打开后可以发现一个自定义事件节点RockTrigger  2.打开过场动画主序列  将两个落石Actor拖入  3.点击“+Tr

    2024年02月07日
    浏览(55)
  • 【UE】滑动UI

    1. 新建一个控件蓝图,这里命名为“WBP_Slide” 2. 在关卡蓝图添加如下节点来显示控件蓝图 3. 打开“WBP_Slide”,添加一个滚动框控件  设置滚动框的锚点  设置滚动朝向为水平  在滚动框中添加一个画布面板  在画布面板中添加一个图像控件  由于我有三张图片,因此这里再

    2024年02月10日
    浏览(31)
  • UE4,UE5虚幻引擎,怎么在蓝图中获取FPS帧速率,显示在UMG(UI)上

    前言:在UE中可以使用命令行比如stat fps显示帧率,但只是显示在界面,假设我们要在蓝图中获取FPS帧率,并且显示在我们创建的UMG控件蓝图。这种stat fps命令行的形式就不行了,因为它只会固定显示在右上角的位置。 1、在Tick中获取DeltaSeconds,用1除InDeltaTime,得到帧速率。

    2024年02月11日
    浏览(56)
  • 【UE5/UE4】【UE C++】制作一个蓝图宏库用以在构造器中Spawn Actor

    实际上该功能可以通过纯蓝图写出,以下展示蓝图中如何操作构造器 仅需在创建\\\"自定义事件\\\"的时候勾选\\\"编辑器中调用\\\"属性,然后就可以直接在蓝图中生成 但同时,我们发现\\\"从类生成Actor\\\"该蓝图节点具有生成局限性 无法在当前关卡外生成 以及无法生成某些在蓝图中公开却不在

    2024年02月14日
    浏览(57)
  • Qt 重写QSlider简单实现滑动解锁控件(指定百分比回弹效果)

    组件效果图: 应用场景:  用于滑动解锁相关场景,Qt的控件鼠标监听机制对于嵌入式设备GUI可触摸屏依旧可用。 实现方式: 主要是通过继承QSlider以及搭配使用QStyleOptionSlider来实现效果。 注意细则: QStyleOptionSlider是用于定制空白区域是否可移动滑块,根据需求可舍弃。 组

    2024年02月07日
    浏览(37)
  • Unity实现一个可扩展的UGUI无限滑动列表控件

    12月20日新增 增加一个可收缩的滑动列表,适用于游戏中的任务系统,成就等 使用说明 创建时需要两个模板slot,一个是button,另一个则是btn下显示的cell 配置如下图添加 ExpandableView 脚本,新增的IsDefaultExpand用来控制是否展开 11月28日新增 增加可调节的顶部间隙和左侧间隙 采

    2024年01月19日
    浏览(38)
  • ()自定义控件:写一个瀑布流效果

    最近要业务中需要做一个瀑布流的效果,按理说正常的瀑布流网上已经有很多解决方案了。 但我还是想自己尝试写一下。 又因为这块要求有一点特殊,下面大概讲下需求: 首先子元素的对方肯定还是和其他瀑布流一样,按照子View的宽高动态摆放位置 然后这边子View都是Tex

    2024年02月08日
    浏览(28)
  • 【UE4】TimeLine(蓝图)

    虚幻中的数据时间轴计数器,作用是将时间和数据进行组合,使得数据随着时间的改变发生变化。 可以将TimeLine理解为一个直角坐标系,横轴为时间,纵轴为数据。 输入针脚: Play :启动此时间轴 Play from Start :从开始的时候启动此时间轴 Stop :结束 Reverse :反方向走时间轴

    2023年04月24日
    浏览(59)
  • 【UE4】物理引擎(蓝图)

    物理引擎通过为刚性物体赋予真实的物理属性的方式来计算 运动、旋转和碰撞反映。 游戏引擎中的物理引擎的主要目的是为了解决物体在空间的状态信息。 常规的物理引擎遵循物理定律,按照给定的算法,进行模拟物理运动。所以在没有多元因素影响的情况下,物理引擎的

    2023年04月11日
    浏览(60)
  • 【UE4】UE4蓝图 文本自动换行

    该方法将字符串分割成同等长度的数组及换行后字符串 使用示例 结果 获得字符串 蓝图代码:复制以下内容并直接粘贴到蓝图中 宏代码 使用示例 结果 获得数组 代码:复制以下内容并直接粘贴到蓝图中 宏代码 同时输出两种结果 同时输出函数蓝图 宏蓝图 内容详情: 使用示例

    2024年02月16日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包