【UE4从零开始 027】插槽 Slot

2024-06-09 09:18
文章标签 ue4 027 slot 插槽 从零开始

本文主要是介绍【UE4从零开始 027】插槽 Slot,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

UMG中的 插槽(Slot) 有点类似于 Transform 组件,我们在UMG中设计UI时,使用 插槽(Slot) 来设置控件的坐标、大小等。此外,插槽具有多种类型,UMG会根据父节点的不同自动使用正确类型的插槽。
在这里插入图片描述

控件所用的插槽类型以括号标识,如:上图表示插槽类型为:CanvasPanelSlot

Anchors

在这里插入图片描述
Anchors 有如上图16种默认锚定类型,当然我们也可以自定义锚定类型。锚定方式有两种: 锚定 和 拉伸 锚定。

  • 区域1:X、Y都是 锚定。
  • 区域2:X是 拉伸 锚定,Y是 锚定。
  • 区域3:X是 锚定,Y是 拉伸 锚定。
  • 区域4:X、Y都是 拉伸 锚定。

Position

当我们以 方式锚定控件的时候,我们可以通过 PositionSize 来设置控件的 坐标尺寸 。此时 Anchors 就像是父控件的一个参照点,而 Alignment 就像此控件的一个参照点,Position 就是这两个参照点之间的距离。

Offset

当我们以 拉伸 方式锚定控件的时候,我们可以通过 Offset 来设置控件的 坐标尺寸 。此时 Alignment 无效,Offset 表示此控件边缘与父控件边缘的距离。(X方向拉伸则是 OffsetLeft 和 OffsetRight,Y方向拉伸则是 OffsetTop 和 OffsetBottom。)

这篇关于【UE4从零开始 027】插槽 Slot的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1044775

相关文章

Android从零开始搭建MVVM架构(5)—— LifeCycle详解

1.Lifecycle简介 为什么要使用lifecycle? activity 和fragment 是有声明周期的,有时候,我们的很多操作需要写在声明周期的方法中,比如,下载,文件操作等,这样很多情况下回导致,我们在activity中的声明周期方法中写越来越多的代码,activity或者fragment 越来越臃肿,代码维护越来越困难。 使用lifecycle就可以很好的解决这类问题。 lifec

Android从零开始搭建MVVM架构(4)——LiveData

LiveData 介绍 Livedata 是 Google 推荐的 Android 架构组件之一,是一个存放可被观察的数据持有类,有生命周期感知功能,解决了android开发者需要去手动处理生命周期的痛点。 比如当我们使用 Retrofit+Rxjava处理接口回调数据时,需要考虑activity 或 fragment 生命周期,以解决 onStop 或 onDestory之后回调数据的问题。现

Android从零开始搭建MVVM架构(3)——ViewModel

ViewModel类是被设计用来以可感知生命周期的方式存储和管理 UI 相关数据,ViewModel中数据会一直存活即使 activity configuration发生变化。 ViewModel有什么优势? 1.数据持久化 activity 在销毁重建时,之前我们可以用 activity 的onSaveInstanceState()机制保存和恢复数据,但缺点很明显,onSaveInstan

React+TS 从零开始教程(2):简中简 HelloWolrd

源码链接:https://pan.quark.cn/s/c6fbc31dcb02 这一节,我们来见识React+TS的威力,开始上手开发第一个组件,什么组件呢? 当然是简中简的 HelloWolrd组件啦。 在src下创建一个components,然后新建Hello.tsx 为什么是tsx呢,这个目的就是告诉编译器,我这个文件是支持jsx语法的,如果遇到你看不懂的标签,就当作React Ele

从零开始学数据结构系列之第三章《平衡二叉树基础概念》

文章目录 前言什么是平衡二叉树往期回顾 前言 ​   在前面的学习过程中,我们了解到二叉排序树可以在一定程度上提高查找(搜索)的效率,但仍然会出现特殊情况,让二叉排序树失效。例如,将序列{1,2,3,4,5,6}中的元素依次插入到二叉排序树中,会得到右斜树,这就相当于一个单链表了,搜索效率降低为O(n)。   于是在 1962 年,一个姓 AV 的大佬(G. M. Ade

从零开始搭建一个酷炫的个人博客

效果图 一、搭建网站 git和hexo准备 注册GitHub本地安装Git绑定GitHub并提交文件安装npm和hexo,并绑定github上的仓库注意:上述教程都是Windows系统,Mac系统会更简单! 域名准备 购买域名,买的是腾讯云域名,购买完成之后的域名管理解析域名域名备案 二、优化网站 使用的Fluid主题,Hexo Fluid 用户手册 增加图床,图片可以放在g

【GD32】从零开始学兆易创新32位微处理器——RTC实时时钟+日历例程

1 简介 RTC实时时钟顾名思义作用和墙上挂的时钟差不多,都是用于记录时间和日历,同时也有闹钟的功能。从硬件实现上来说,其实它就是一个特殊的计时器,它内部有一个32位的寄存器用于计时。RTC在低功耗应用中可以说相当重要,因为在使用外部低速晶振的条件下,它在所有的低功耗模式下都可以工作,这使得RTC很适合实现芯片的低功耗唤醒。下面是RTC的框图。 咋一看RTC的内部还挺复杂的。 2 硬件时

Kimichat使用案例027:有效使用 kimichat 的15个高级技巧

文章目录 一、明确具体:表达清晰、避免使用模糊措辞。二、提供背景信息:提供相关的细节和背景信息。三、每次只问一个问题四、设定明确的标准五、要求解释六、管理期望七、确定问题类型八、调整语言水平九、提供范例十、及时提供反馈十一、明确对话角色十二、 保持对话的连贯性十三、一步步思考十四、提示语结构化:角色+背景+任务十五、控制输出格式 一、明确具体:表达清晰、避免使用模糊措辞。 案例:

Vue 插槽:实现组件内容分发的强大工具

1. 什么是插槽 插槽是 Vue 组件中的一个概念,它允许我们向组件内部传递内容。这在使用组件时提供了极大的灵活性,因为我们可以根据需要自定义组件的内部结构,而不必改变组件本身。 2. 插槽的类型 2.1 默认插槽 默认插槽是 Vue 组件中最基础的插槽类型。它允许你在组件的标签内部添加任何内容,这些内容将在组件的 <slot> 标签位置被渲染。默认插槽不需要指定名称,因此每个组件只有一个

vue.js slot-scope 取值

错误: <template slot-scope="scope"> <!-- 取值必须用slot-scope --><i class="scope.row.isWork === '是' ? 'el-icon-circle-check' : 'el-icon-circle-close'"></i></template> 正确:i class之间加冒号 <template slot