UE4中Scroll Box控件用法

最新推荐文章于 2024-05-25 10:04:55 发布
最新推荐文章于 2024-05-25 10:04:55 发布
阅读量6.5k 收藏 8
点赞数 4
分类专栏： UE4
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40544338/article/details/114602374
版权

目录

一、目的

1、想知道：UE4中各种UI的用法

二、参考

1、UE4-（UI）第六十六课Scroll Box 滚动条

1、UE4控件Scroll Box 控制图片上下和在一定区域内

三、操作：一：使用Scroll Box完成很多按钮在一个控件内，并且可以拖拽滚动条

1、如果使用下拉条的话，使用Scroll Box 滚动条

1、设置滚动条的拇指

一、目的

1、想知道：UE4中各种UI的用法

 

二、参考

1、UE4-（UI）第六十六课Scroll Box 滚动条

https://blog.csdn.net/lei_7103/article/details/103352858

  • 总结：good：很不错

 

1、UE4控件Scroll Box 控制图片上下和在一定区域内

https://blog.csdn.net/qq_40544338/article/details/114644727?spm=1001.2014.3001.5501

  • 总结：good

 

 

三、操作：一：使用Scroll Box完成很多按钮在一个控件内，并且可以拖拽滚动条

1、如果使用下拉条的话，使用Scroll Box 滚动条

1、设置滚动条的拇指

 

 

 

Smart_zy
关注
  • 4
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
UE4 ScrollBox的ScrollBar占位的解决办法
l171672538的博客
06-25 1840
最近魔改了一下ScrollBox,解决了之前一直很头疼的ScrollBar会占位置去挤ScrollBox里Content。 话不多说，很简单。首先找到源码SScrollBox，复制其.h,.cpp 写到一个新的类里； 修改两个函数void ConstructVerticalLayout(); void ConstructHorizontalLayout(); void SCustom...
UE4_UMG:ScrollBox 鼠标右键点击事件失效
longyanbuhui的博客
02-11 1325
使用场景 在UMG中的UI树级结构如下： 生成的效果如下： 当BIM图层下的内容足够多的时候，ScrollBox会产生滚动条。产生滚动条之后，之前的鼠标右键事件失灵了。 无法呼出如下菜单,直接开寄。 本以为是上层的Border的结构的Visiblity影响，摆烂半天。 发现在ScrollBox有如下选项，关闭即可解决鼠标右键响应事件。 「 ScrollBox 鼠标右键点击事件失效 」 ...
UE4-（UI）第六十六课Scroll Box 滚动条
热门推荐
Stone的博客
12-02 1万+
1.拖入Scroll Box 控件，调整区域，放置多个Text，要超出Scroll Box 现有范围 2.细节面板参数： Style：设置样式面板属性，可用设置运行时提示哪个方向上还有未显示物体，可用根据需要将图片更改 3.Bar Style：调整滑动条风格参数 4.Scroll 是设置滑动条中子控件显示方式 Orientation：设置上下滚动还是左右滚动 Scrol...
推荐开源项目：jQuery Scrollbox - 轻量级滚动插件
最新发布
gitblog_00036的博客
05-25 392
推荐开源项目：jQuery Scrollbox - 轻量级滚动插件 项目地址:https://gitcode.com/wmh/jquery-scrollbox 1、项目介绍 jQuery Scrollbox 是一个被广泛使用的轻量级插件，它赋予HTML元素（如文本、图片等）类似轮播图或传统跑马灯的滚动效果。尽管这个项目已被废弃，作者建议使用Owl Carousel 2作为替代品，但鉴于其简单易用和...
[UE4]关于用户界面中ScrollBox的滑动条出现的小说明
PangCoder的博客
10-07 2925
在用户界面中，使用列表模式可以使用户获得更好的体验，在子项较多时候我们可以采用滑动条的方式，使得显示更加美观。在使用的过程中遇到了一个小问题：摆放好子项，滑动条出不来了，写出来分享一下，希望后来同样踩到坑的人有所帮助。 首先，讲解一下问题出现的原因 ps：先补充一下知识点：位移和变形，这个具体参考一下一粒沙的博客，他的讲解更加详细，下面是链接 ht...
Unreal 、UE4 蓝图优化选择，ScrollBox +Item 进行大量数据优化（带工程文件）
weixin_44026878的博客
08-04 1533
最近有个奇葩的要求，要一个页签界面添加1000+物品进行滑动！ 常规做法就是不断创建，创建，创建，然后全部删除。 要是有多个页签进行切换、Widget 的清理是非常慢的、稍微切换几次就崩溃了！！！ 于是就有下面的操作，用固定的格子进行滑动，也就是说滑动界面只是固定的35个、滑来滑去也只是35个格子挪来挪去。但是会把1000个数据都存下来，既保证了美观度，又保证合理性。 可以看滑条是来回移动，实际上只有35。保证稳定性。 主要逻辑； 优点：兼容性质比较强，可以以有限的数据显示无线的资.
[UE4]Scroll Box带滚动条的容器
weixin_30587927的博客
01-18 1633
一、黑边，当可以往下滚动的时候，下边会出现黑边。当可以往上滚动的时候，上边也会出现黑边。 　　 　　Scroll Box.Style.Style：也可以自定义上下左右黑边的样式： 　　　　 二、Scroll Box.Orientation：Scroll Box默认是纵向排列子控件，也可以修改成横向排列。但没法横向和纵向都出现滚动条。 　　 三、Scroll Box.Style.Bar...
UE4控件Scroll Box 控制图片上下和在一定区域内
qq_40544338的博客
03-10 2005
一、目的 1、想知道：控件中图片太大，怎么办，如下图 二、参考 1、 三、操作 1、做一个ScrollBox，然后里面添加按钮，然后按钮下面添加图片，这样就有下拉条了
delphi-ScrollBox1判断Panel的位置
10-15
在Delphi编程中，ScrollBox控件常用于创建可滚动的区域，用户可以在其中放置其他控件，如Panels。ScrollBox提供了灵活的布局管理，允许用户在需要时滚动查看内容。本文将深入探讨如何在Delphi中判断Panel在ScrollBox...
UE4 跑马灯文本
10-29
UE4 UMG 跑马灯字幕效果 大概的思路就是将Text 放置到ScrollBox 中 通过tick 不断移动scroll 的Offset 达到Text文本自动滚动的效果 唯一有点难度的就是判断scroll 是否滚动到末尾 然后从头播放 蓝图就是
pixi-scrollbox:一个为pixi.js构建的滚动框，它使用一个带有可选滚动条的垂直和_或水平滚动的蒙版框
05-12
pixi-scrollbox 专为pixi.js设计的可配置滚动框。 特征： 滚动框使用遮罩裁剪到所需的boxWidth / boxHeight大小 滚动框使用滚动条滚动（options.overflow = scroll） 不需要时可以隐藏滚动框的滚动条（options....
简单易用的图片文字滚动插件--jQuery Scrollbox.rar
12-17
简单易用的图片文字滚动插件--jQuery Scrollbox.rar简单易用的图片文字滚动插件--jQuery Scrollbox.rar简单易用的图片文字滚动插件--jQuery Scrollbox.rar简单易用的图片文字滚动插件--jQuery Scrollbox.rar简单易用的图片文字滚动插件--jQuery Scrollbox.rar简单易用的图片文字滚动插件--jQuery Scrollbox.rar
vue2中引用及使用 better-scroll的方法详解
10-17
在Vue2中，引入并使用Better Scroll库可以帮助我们实现页面滚动效果，特别是在处理复杂的滚动交互时，如下拉刷新和上拉加载更多。本文将详细讲解如何在Vue2项目中集成Better Scroll，以及使用过程中需要注意的要点。...
delphi7 ScrollBox支持滚轮
07-23
在Delphi 7中，ScrollBox组件是一种非常实用的控件，它允许开发人员创建具有滚动功能的区域，尤其在需要展示大量或大型组件时。ScrollBox提供了水平和垂直滚动条，使得用户可以通过滚动来查看超出可视区域的内容。在...
UE4中将字符串数组内容显示到ScrollBox下面
海涛高软
08-12 1255
主UI:  组件UI:  以下是在关卡蓝图中创建的两个变量：     FR:海涛软件（hunk Xu）  QQ技术交流群：386476712  
UE4-UMG制作简单的滑动列表
double kill = 2.0;
03-29 9397
UE4 制作简单的滑动列表所需控件步骤一：制作Item蓝图步骤二：制作滑动列表蓝图 所需控件 Scroll Box 类似NGUI里的Scroll View WrapBox 类似NGUI里的UIGrid Button 按钮组件 步骤一：制作Item蓝图 新建wight蓝图，命名为BagItem。 进入蓝图制作界面，在Canvas Panel下添加一个Button组件，在...
[UE4]虚幻引擎UE4如何制作可拖动（Drag and Drop）的背包（Scrollbox）（转载）
weixin_30950887的博客
11-01 445
最终效果 由于隐私保护，不想截实际的效果图，下面给出了示意图，左边是背包A，右边是背包B，将其中的子项目从左侧拖往右侧的背包，然后在插入位置放置。 第一步： 制作一个user widget（在内容浏览器中右键-ui widget-user widget），命名为subwidget_singleitem，这个用作单个物品项目 制作两个user widget，分别作为A和B背包，命名随...
ue4 classuobject没有成员beginplay_UE4 C++ 智能滚动列表ScrollList
weixin_39662432的博客
12-14 310
UE4的UScrollBox是作为滚动列表的面板，但它也只是将子控件按滚动方向排布并且提供滚动功能。这里我对它进行了扩展，将可以复用滚动的子控件，在滚动超出后自动刷新数据，数据进行位移，控件进行更新，对于超长的滚动列表，不管数据列表多长，控件的数量不会很多，控件重复利用。而且当数据列表的长度不是很长，就会自动退化为普通的滚动列表，当数量大于一定值后，就会自动升级为重复利用的滚动列表，在数据列表长度...
用Drag and Drop 和 Scroll Box 制作可以拖动的背包【UE4】【Blueprint】
weixin_41946900的博客
12-09 1063
第一步 创建一个名为的UserWidget，这个用于单个物品。创建两个分贝名为BackpackA和BackpackB的UserWidget，作为两个背包。在这两个背包中创建一个ScrollBox，改名为Content。 第二步：为两个背包创建subwidget_sigleitem 为了使这些物品具有辨识度，在subwidget_sigleitem中加了两个变量：Num(编号)Parent...
ue4 scrollbox自动滚动
08-01
在UE4中，ScrollBox是一种可以容纳大量子组件的容器，并且可以根据需要进行滚动的控件。如果需要ScrollBox自动滚动，可以通过蓝图或者代码来实现。 首先，可以在ScrollBox的属性面板中找到"Scroll Panel"的属性。将"Scroll Bar Visibility"属性设置为"Visible"，这样会在ScrollBox中添加一个滚动条。 然后，在蓝图中选择ScrollBox，在事件图表中找到或创建一个Tick事件。在Tick事件中，可以使用"Set Scroll Offset"节点，将ScrollBox的滚动偏移值设置为一个变量。 接下来，可以使用一些逻辑来控制ScrollBox的自动滚动。比如，可以使用计时器节点，通过改变滚动偏移值来实现自动滚动。设置一个计时器，在一定时间间隔内递增或递减滚动偏移值，从而让ScrollBox自动滚动。 在代码中实现类似的效果也是可行的。可以使用C++脚本编写一个函数，在函数中使用一个定时器来改变滚动偏移值，从而实现自动滚动的效果。 总之，通过设置滚动条的可见性以及使用逻辑或代码来控制滚动偏移值的改变，可以实现ScrollBox的自动滚动。具体实现方式可以根据项目的需求和个人的编程习惯选择。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值