[UE4]Canvas Panel

一.Canvas Panel:画布.Canvas Panel中内的元素可以任何摆放位置.Canvas Panel是UserWiget默认的根节点容器,可以把跟节点删除替换生成任何的UI元素. 二.选择Canvas Panel子元素的时候,会出现一个菊花形状的图标,这就是锚点. 三.当锚点设置为的时候,Position X和 Position Y的值为0 四.如果锚点选择的话,Position X和 Position Y的值就是菊花锚点到元素左上角的之间的距离. 为什么是左上角呢?因为Alig…

[UE4]Canvas Panel应用小技巧

当设置为满屏拉伸的时候,只要把“偏移左侧”和“偏移底部”都设置为0,就会自动拉伸为整屏了.再也不需要手动担心拉不满屏了.…

[UE4]Grid Panel

一.使用Grid Panel可以做出类似暗黑3一样的物品栏:不同的物品栏占据的物品栏格子不一样. 二.GridPanel.FillRules,可以设置每个单元格内的控件是否是拉伸比重.注意:这个是Grid Panel自身的属性设置,而不是Uniform Panel一样在子控件中设置. 三.Grid Panel的子控件的Grid Slot: 1.Padding:留白 2.Horizontal Alignment:横向对齐.Vertical Alignment:垂直对齐 3.Row:在Grid…

[UE4][Canvas]用C++代码绘制血条(HealthBar)

转自:http://aigo.iteye.com/blog/2275110 参考自Epic官方项目StrategyGame 血条效果: StrategyHUD.h StrategyHUD.cpp…

[UE4]CheckBox

一.CheckBox默认情况下是比较小的二.要让CheckBox变大,最简单的方法就是直接设置Transform.Scale,但如此一来CheckBox就变得模糊了. 三.CheckBox控件是在Canvas Panel容器中: 设置Size To Content,让CheckBox边框大小变得适合控件实际大小. 四.CheckBox在UE4中实际就是使用不同的图片来表示不同的状态,这些状态图片都是可以改变的. CheckBox.Style.Unchecked Image:未勾选状态下的图片和…

[UE4]Border

Border: 边界; 边; 镶边; 包边; Border也是一个容器,只能包含一个子元素. 一.添加一个名为testBorder的UserWidget,添加一个Border到默认成Canvas Panel容器,添加一个TextBlock到Border容器,没有看到TextBlock文字,是因为Border背景是白色.TextBlock的文字颜色也是白色. 二.Border可以设置背景图片,也可以是颜色. 三.背景颜色和背景图片可以同时设置,最终的效果是保留图片纹理+图片颜色*背景颜色(“颜色*…

[UE4]自定义结构体、类、数据表

自定义数据表: #pragma once #include "CoreMinimal.h" #include "Engine/UserDefinedStruct.h" #include "Components/CanvasPanel.h" #include "Blueprint/UserWidget.h" #include "Runtime/Engine/Classes/Engine/UserDefinedStruc…

[UE4]小地图UI设计

一.新建一个名为TestMiniMap的UserWidget用来使用小地图StaticMiniMap. 二.在左侧“User Created”面板中可以看到除自身以外的其他所有用户创建的UserWidget.把“Static Mini Map”拖放进来,并勾选“Size To Content”. Static Mini Map只有与小地图逻辑相关的功能(如何移动.如何旋转等等),而小地图怎么使用,则放在“TestMiniMap”中,这样分开比较合理. 二.在Static Mini Map中,使用…

Epic Games工程师分享：如何在移动平台上做UE4的UI优化？

转自:https://blog.csdn.net/debugconsole/article/details/79281290 随着技术的不断升级,高性能的引擎逐渐受到越来越多研发商的青睐,UE4就是其中之一.在上周Unreal Open Day 2017活动会上,大宇就宣布旗下经典IP<仙剑奇侠传>.<轩辕剑>的续作,即<仙剑奇侠传7>和<轩辕剑7>将采用虚幻4引擎开发的消息. 而从另一方面,用虚幻4引擎制作游戏也需要注意一些问题.此前,葡萄君曾在<&…

（转\整）UE4游戏优化多人大地型游戏的优化（一）游戏线程的优化

施主分享随缘,评论随心,@author:白袍小道小道暗语: 1.因为小道这里博客目录没自己整,暂时就用随笔目录结构,所以二级目录那啥就忽略了.标题格式大致都是(原or转) 二级目录 (标题) 2.因为所看和以前记录太过杂乱,所以只能手动一点点搬移(回忆,整理).欢迎讨论,知识和能力总是被问出来了不是(嘿嘿,这样才能成长), 若有不对别喷就好哈哈. 引言: 文章四方面包括了从游戏线程.渲染线程.GPU.内存等的优化,提升游戏技术底子. 原作者:王祢,Epic Games 资深开发者技术支持,管理…

[UE4]Circular Throbber，圆形的、环形的动态图标

一.就是圆形的,转动的很多小圆点. 二.Circular Throbber.Appearance.Number Of Pieces:可以通知显示的小圆点个数. 三.Circular Throbber.Appearance.Period,可以控制小圆点转动的速度四.Circular Throbber.Appearance.Radius,可以控制小圆点转动的半径大小.如果Circular Throbber的父级容器是Canvas Panel,则先必须勾选Size To Content,才可以调整R…

[UE4]ProgressBar，进度条

准备好2张进度条图片一.新建名为“testProgress”的UserWidget,添加一个名为“ProgressBar_0”的ProgressBar到默认容器Canvas Panel 二.进度条进行如图所示设置,其中Draw As一般选中“Image” 三.更改不同的百分比,可以看到进度图片是逐渐展示,而不是拉伸四.虚幻商城有一个免费的进度条可以使用…

[UE4]Text Box

Text Box:文本输入控件. 一.新建一个名为testTextBox的UserWidget,添加一个名为“EditableTextBox_0”的TextBox到默认容器Canvas Panel 二.选中EditableTextBox_0,添加如图所示2个事件三.运行游戏,输入文字“Hello World!”,可以看到没输入一个字符都会触发Text Changed事件四.输入文字“Hello World!”以后,按回车,会执行Text Committed事件. 五.如果输入中文,事件会被执…

[UE4]Size Box

一.Size Box用来指定一个特定的尺寸二.Size Box只能放一个子控件三.Size Box一般作为Canvas Panel的子控件,并勾选Size To Content选项,而不作为根节点. 四.如图例子所示(下同),Image_0.X=300,Image_0.Y=300. 不设置Size Box.Child Layout属性,勾选Size To Content选项.SizeBox的实际尺寸就是Image_0的尺寸:300*300: 五.设置Size Box.Width Overri…

[UE4]Overlay

Overlay容器的子控件叠加,没有z-order属性设置,只能在编辑器中调整前后层级,也不能设置位置.可以理解是Canvas Panel的简化控件…

[UE4]Slot

一.Slot是容器中子控件的一个属性,因此每个子控件的Slot属性值都可以不一样. 二.不同容器提供的Slot属性都不一样三.Canvas Panel提供的Slot Anchors预设16种常见的样式,不管选择哪种预设,最终都会在Minimum和Maximum中体现出来,当然也可以直接设置Minimum和Maximum的值重点说一下,Minimum变成0,Maximum变成1,可以是可以设置上限左右偏移(如图所示),表示距离边界的距离永远都是设置的偏移值,如果上下左右偏移值都设置为0,则就会…

[UE4]旋转小地图

一.Canvas Panel的旋转原点是Render Transform——>Pivot,Pivot坐标的取值范围是0到1,左上角的pivot坐标是[0,0],右下角的pivot坐标是[1,1] 二.由于小地图上面的图标在Canvas panel设置的锚点是中心对齐,因此小地图上面的所有小图标原点都是小地图中心点, 由此推算出小图标坐标原点与Pivot坐标的换算公式如下: 三.在StaticMiniMap中添加名为SetFlagAsPivot,功能是:设置小地图旋转原点.设置Pivot旋转点,使…

[UE4]移动小地图

让玩家角色永远处于小地图的中心位置. 一.将RoundMiniMap的StaticMiniMap使用Canvas Panel包裹,StaticMiniMap的锚点Anchors设置为中心对齐二.新建一个名为UpdateStaticMiniMap的函数三.在Event Tick事件中调用UpdateStaticMiniMap函数四.运行游戏,不管怎么移动,玩家角色都会永远处于小地图的中心位置.…

[UE4]认识CanvasPanelSlot，Construct Object From Class动态创建UI控件

Canvas Panel Slot是UserWidget的Canvas Panel组件容器内的组件特有的属性. 只有放置在Canvas Panel容器内才会有Canvas Panel Slot属性可以在蓝图中动态设置Canvas Panel Slot属性…

[UE4]非常实用的SizeBox控件

Desired:表示以期望的实际尺寸显示视图. SizeBox最好作为Child Widget的根节点.(如果SizeBox的父节点是Canvas Panel,SizeBox会变成可拉伸,ChildLayout属性设置无效) 在Child Widget父级界面中勾选“Size To Content”,就会变成Child Widget中SizeBox的尺寸.可以做的控件尺寸的精确控制.…

三、WPF入门教程——布局和常用Panel学习

布局和常用Panel学习一.简介所有的WPF布局容器都派生自System.Windows.Controls.Panel.Panel继承自FrameworkElement. 在Panel中有一个比较重要的属性是UIElementCollection 类型的Children属性,UIElementCollection是一个有序的集合.我们可以使用继承自Panel的类来重写MeasureOverride(),ArrangeOverride()实现自定义面板. 常用的布局容器:Border不是布局面…

Unreal Engine 4 中的 UI 优化技巧

转自:https://mp.weixin.qq.com/s/bybEHM9tF-jBPxxqXfrPOQ## Unreal Open Day 2017 活动上 Epic Games 开发者支持工程师郭春飚先生为到场的开发者介绍了在 Unreal Engine 4 中 UI 的优化技巧,以下是演讲实录. 1. UI的基本概念 1.1 名词解释 User Widget:对应一个用户界面. Widget Tree:每一个 User Widget 都是存储成树状结构. Panel Widget:不会渲染…

【[UE4]Canvas Panel】的更多相关文章