vb 自适应屏幕分辨_【UE4】C++基础【04】DPI屏幕适配/菜单布局

最新推荐文章于 2023-02-27 15:19:40 发布
最新推荐文章于 2023-02-27 15:19:40 发布
阅读量706 收藏 2
点赞数
文章标签： vb 自适应屏幕分辨

【UE4 C++基础系列】：

  • 【UE4】C++基础【00】——通俗易懂 用蓝图来学习 C++ 基础知识
  • 【UE4】C++基础【01】——默认代码扒拉拉（初学者向）
  • 【UE4】C++基础【02】——添加Slate至窗口
  • 【UE4】C++基础【03】——WidgetStyle 定制Widget样式
  • 【UE4】C++基础【04】——DPI屏幕适配/菜单布局

【视频教程】：

  • 迪迪老湿

【导图】：

3d888eb91be7e023a07e85c6ec568030.png

第一部分、DPI屏幕适配

2580d788f004d8d262239b43a83c42c5.png

一、SOverlay来做UI的布局。

【1.1】自定义SlateWidgetStyle.h中再添加一个SlateBrush以放置屏幕中央菜单背景图片

//FShitMenuStyle  即ShitMenuWidgetStyle样式中添加两个SlateBrush，存放图片。
UPROPERTY(EditAnywhere,Category=MenuHUD)
		FSlateBrush ShitMenuHUDBackGroundBrush;

UPROPERTY(EditAnywhere, Category = MenuHUD)
		FSlateBrush ShitMenuBackGroundBrush;

【1.2】自定义HUDWidget.cpp中添加Overlay层并包含两图片

【1】Overlay小知识

首先介绍一下Overlay，简单来说，Overlay就相当于一个盒子，它可以像PS图层那样布置组件，图层最上面置底，最下面置顶，我们要用的就是它的多槽，对齐和Padding功能。

比如举个例子，比如说我们的Button，Button.Style.Image是会跟Button变的，我们如果要在Button周围添加些小图片、还要给Button里面添加文字就需要用到Overlay了，毕竟Button组件只有一个槽。

我们本节用它来作为基础层来加Widget（也就是没有Canvas Panel，直接Overlay作为底层上）

025de1d6226feec6c96b64c8464a2d39.gif

【2】代码实现

这个跟UMG做UI差不多啦，网页也是，C++代码属性名和UMG Widget属性名差不多，相互对应。

  1. SNew(SOverlay)——从Palette拽一个Overlay到Hierarchy层级
  2. +SOverlay::Slot()——给Overlay Widget下面放东西，添加槽
  3. .H/VAlign——如子组件的父层Slot(Overlay Slot） 对齐方式
  4. [...]——给UI添加Image组件，然后把WidgetStyle.SlateBrush中存的图片添加到屏幕上

注意ChildSlot[]; (分号结尾，常常加着加着就没了或忘了）

MenuStyle是从头文件来的。

const struct FShitMenuStyle* MenuStyle; 

ChildSlot
		[
			SNew(SOverlay)

		+SOverlay::Slot()
		.HAlign(HAlign_Fill)
		.VAlign(VAlign_Fill)
			[
				SNew(SImage)
				.Image(&MenuStyle->ShitMenuHUDBackGroundBrush)
			]

		+ SOverlay::Slot()
		.HAlign(HAlign_Center)
		.VAlign(VAlign_Center)
		[
			SNew(SImage)
			.Image(&MenuStyle->ShitMenuBackGroundBrush)
		]	

	];	//分号结尾

【1.3】ShitController源文件中把第一篇中的鼠标选项设置为不打锁。

自适应要拖动边框，所以Do Not Lock。

InputMode.SetLockMouseToViewportBehavior(EMouseLockMode::DoNotLock);

然后编译Build一下。

【1.4】可以自定义设置图片大小

因为我们【1.2】代码中已经定义了HUD背景图铺满屏幕、Menu菜单背景图居中。所以我们可以自定义设置Menu菜单背景图的图片大小，如20、20就是个小不点，我们需要使用图片的默认尺寸大小，所以黄色小箭头归零。（也可以在代码里写死，但在SlateWidgetStyle中调节我们是可以直接预览到变化的，而且后面不是要DPI适配嘛，所以不能代码中写死。）

2754c90c3294117cf2bf952a67bdd3e0.gif

04e439140884468b17291878d1de6992.png

二、DPI Scaling 屏幕自适应

【2.1】项目默认设置

在项目设置中进行设置，默认是这样的

fe21bcc232d97f4a2cd445fba4aafff8.png

【操作】全部删掉，只剩下屏幕尺寸（Resolution=xxx，Scale=1.0），我们马上要通过代码来自适应。

【知识点】：

  • DPI Scale Rule ，默认是Shortest Rule 根据最短边来进行计算。

屏幕尺寸比例大多为16：9，所以按它来算：

  • 720：480
  • 1280：720
  • 1920：1080
  • 3840：2160

大多屏幕都是1080P的，所以它是按照

的规则进行缩放的，4K的屏幕，就以2160作分母。

915a6247e44180815724c3f9f77aa068.gif

默认的是480就停了，也就是窗口到720*480的时候就不再进行自适应缩放了。可以看到下方屏幕宽度小于480以后背景图片都没了。

4d45e671e6c9165776c5243ede60da7f.gif

其实我们只需要加个（Res=0，Scale=0）的关键帧就行了，但是为了掌握 UE4 C++基础，还得啃一下代码，两种方法其实最终效果都一样。

我们在学习网页大数据展示的时候也遇到过屏幕适配知识，可以综合着一起学习应用程序、网页、手机APP的DPI相关知识点。

f25719c3354cf5b6a06f4cde1a5a7eb8.png

【2.2】代码设置

【头文件】：

我们再在自定义SlateWidget.h中添加如下：变量和函数的声明分开，便于分辨。

private:// 函数声明
	float GetUIScaler() const;
	FVector2D GetViewportSize() const;

private: //变量声明
	TAttribute<float>UIScaler;

【源文件】：

源文件Construct函数中：绑定缩放规则方法。

GetUIScaler方法我们会在下面实现。

UIScaler.Bind(this, &SShitMenuHUDWidget::GetUIScaler);

绑定一个任意函数，该函数将被调用来根据需要生成该属性的值。

89dda7d00a69f8b58d5f3fce0b54ba74.png
  • &——表示取函数返回的值
  • SShitMenuHUDWidget::GetUIScaler—— 调用本类中的函数
  • this——关键词表表示把逗号后面的值传给this绑定参数值
  • UIScaler.——然后把系数值给到float UIScaler变量方便下面SNew(SDPIScale)调用。

跟UMG中Widget组件这个Bind类似啦。

0632af6fe9ccd484f1902b4c939a993f.png

头文件 Alt+C 源文件函数实现

  • GetUIScaler函数会先调用下面的GetViewportSize函数。
float SShitMenuHUDWidget::GetUIScaler() const
{
	return GetViewportSize().Y / 2160.f;  //4K
}

FVector2D SShitMenuHUDWidget::GetViewportSize() const
{
	FVector2D Result(3840, 2160);// 初始化声明自己的屏幕分辨率为4K。（根据自己的设置），给到Result
	if (GEngine && GEngine->GameViewport)
		GEngine->GameViewport->GetViewportSize(Result);//获取当前缩放比例
	return Result; //返回当前的屏幕尺寸
}

073b1faf876bfb268bafca6d3c024c9b.png

三、SDPIScaler自适应类

【头文件】：UIScaler 头文件引入 SDPIScaler

#include "Widgets/Layout/SDPIScaler.h"

【源文件】：

  • 把Overlay包含在DPIScaler 里面。这样所有的Widget组件都会根据UIScaler的值来进行设定。
	ChildSlot
		[

			SNew(SDPIScaler)  //创建 SDPIScaler
.DPIScale(UIScaler) //实例化并把UIScaler Ratio系数比比传给DPIScale。

[
	SNew(SOverlay)
	+ SOverlay::Slot()
		.HAlign(HAlign_Fill)
		.VAlign(VAlign_Fill)
		[
			SNew(SImage)
			.Image(&MenuStyle->ShitMenuHUDBackGroundBrush)
		]

	+ SOverlay::Slot()
		.HAlign(HAlign_Center)
		.VAlign(VAlign_Center)
		[
			SNew(SImage)
			.Image(&MenuStyle->ShitMenuBackGroundBrush)
		]
]	

	];

然后屏幕自适应就OK了。（咦，那个灰框框竟然自己神奇地消失了~）

9489b0eff788dc730f79eb972ca8409f.gif

【头文件】：

// SShitMenuHUDWidget.h
#pragma once

#include "CoreMinimal.h"
#include "Widgets/SCompoundWidget.h"
#include "Widgets/Images/SImage.h"

/**
 * 
 */
class TESTGAME_API SShitMenuHUDWidget : public SCompoundWidget
{
public:
	SLATE_BEGIN_ARGS(SShitMenuHUDWidget)
	{}
	SLATE_END_ARGS()
	/** Constructs this widget with InArgs */
	void Construct(const FArguments& InArgs);
private:
	float GetUIScaler() const;
	FVector2D GetViewportSize() const;
private:
	TAttribute<float>UIScaler;
	const struct FShitMenuStyle* MenuStyle;
};

【源文件】：

// SShitMenuHUDWidget.cpp

#include "UI/Widget/SShitMenuHUDWidget.h"
#include "SlateOptMacros.h"
#include "UI/Style/ShitStyle.h"
#include "UI/Style/ShitMenuWidgetStyle.h"
#include "Widgets/Layout/SDPIScaler.h"
#include "Engine/Engine.h"

BEGIN_SLATE_FUNCTION_BUILD_OPTIMIZATION

void SShitMenuHUDWidget::Construct(const FArguments& InArgs)
{
	//获取编辑器的MenuStyle
	MenuStyle = &ShitStyle::Get().GetWidgetStyle<FShitMenuStyle>("BPShitStyle");

	UIScaler.Bind(this, &SShitMenuHUDWidget::GetUIScaler);

	ChildSlot
		[

			SNew(SDPIScaler)
			.DPIScale(UIScaler)

		[
			SNew(SOverlay)
			+ SOverlay::Slot()
		.HAlign(HAlign_Fill)
		.VAlign(VAlign_Fill)
		[
			SNew(SImage)
			.Image(&MenuStyle->ShitMenuHUDBackGroundBrush)
		]

	+ SOverlay::Slot()
		.HAlign(HAlign_Center)
		.VAlign(VAlign_Center)
		[
			SNew(SImage)
			.Image(&MenuStyle->ShitMenuBackGroundBrush)
		]
		]

		];
}


END_SLATE_FUNCTION_BUILD_OPTIMIZATION

float SShitMenuHUDWidget::GetUIScaler() const
{
	return GetViewportSize().Y / 2160.f;
}

FVector2D SShitMenuHUDWidget::GetViewportSize() const
{
	FVector2D Result(3840, 2160);// 初始化
	if (GEngine && GEngine->GameViewport)
		GEngine->GameViewport->GetViewportSize(Result);//获取当前缩放比例
	return Result;
}

第二部分、菜单布局实现

2580d788f004d8d262239b43a83c42c5.png

一、Button事件检测布局

【蓝图方法】：

我们可以通过蓝图这种方法来调节Slot参数。

515ebd083aab711c32f82f51849a195a.png

f50288507069d1ddef6fd10572a70795.png

【代码方法】：

【头文件】：

我们需要通过代码来实现：

  • SOverlay类下的FOverlaySlot类 给到ImageSlot对象指针。（FOverlaySlot类中包含了用到的Padding、HAlign、VAlign等）
  • FReply类管一些列鼠标相关的函数
private: //变量
   SOverlay::FOverlaySlot * ImageSlot;
private://函数
   FReply Onclick();

【源文件】：

【1】Expose(ImageSlot)

  • Expose是SlotBase类中定义的（还有Attach、Detach、AttachParent等方法）
  • 通过修改ImageSlot来修改Slot属性，给到那个Menu菜单栏图片（而不是背景图片哦）

75a07cff3d64570bd5012acb64f356d7.png 
+ SOverlay::Slot()
		.HAlign(HAlign_Center)
		.VAlign(VAlign_Center)
		.Expose(ImageSlot) //添加语句
		[
			SNew(SImage)
			.Image(&MenuStyle->ShitMenuBackGroundBrush)
		]
		]

		];

【2】实现OnClicked绑定函数

  • 先把头文件中声明的OnClick方法实现，Onclick被绑定函数
    • 让图片锁在Slot插槽的最右下角（编辑器WidgetStyle中改是不起效的）
    • Handled让系统知道事件处理了
FReply SShitMenuHUDWidget::OnClick()
{
	ImageSlot->HAlign(HAlign_Right).VAlign(VAlign_Bottom);
	return FReply::Handled();
}

【3】SButton绑定OnClick事件

  • 然后SButton绑定函数调用。（如果出不来那是因为你没有include）
  • 注意总的ChildSlot[]; ( ]后面有个分号;，否则会报错 ）
+ SOverlay::Slot()
		.HAlign(HAlign_Left)
		.VAlign(VAlign_Top)
		[
			SNew(SButton)
			.OnClicked(this, &SShitMenuHUDWidget::OnClick)
		]

539012bd6d20480db30014001aeb7dca.gif

04e439140884468b17291878d1de6992.png

二、背景大UI嵌入菜单中央小UI

我们之前都一直对SShitMenuHUDWidget进行操作的（我们暂且把它叫做背景UI），那个我们定义的是添加到屏幕上的。

然后我们在背景UI中先#include菜单UI。

#include "UI/Widget/SShitMenuWidget.h"

之后第三节中呢我们要对我们第一篇中创建的另外一个Widget叫做SShitMenuWidget（我们把它叫做菜单UI）进行操作。先把第一步中添加的代码先都删掉，那个Button是用来测试布局的。

【嵌入菜单UI】：

我们用SAssginNew方法来给UI，跟之前第一篇中的Button是一样的。另一种是我们常用的SNew

【头文件】：

声明菜单指针。

TSharedPtr<class SShitMenuWidget>MenuWidget;

【源文件】：把之前那个中央的图片替换成这个菜单UI。

	+ SOverlay::Slot()
		.HAlign(HAlign_Center)
		.VAlign(VAlign_Center)
		[
			SAssignNew(MenuWidget,SShitMenuWidget)

		]

我们把这个菜单UI嵌入到背景UI的中间那张图片上。

073b1faf876bfb268bafca6d3c024c9b.png

三、ShitMenuWidgetStyle.h 自定义WidgetStyle中配置足够图片

本篇内容中差不多共使用到5张。

002933095e930a3dacaed292a8f18e45.png
  • 背景图片 1张
  • 菜单背景图片 1张
  • 菜单左右侧图片 2张
  • 标题图片 1张
	UPROPERTY(EditAnywhere,Category=MenuHUD)
		FSlateBrush ShitMenuHUDBackGroundBrush;

	UPROPERTY(EditAnywhere, Category = MenuHUD)
		FSlateBrush ShitMenuBackGroundBrush;

	UPROPERTY(EditAnywhere, Category = MenuHUD)
		FSlateBrush LeftIconBrush;

	UPROPERTY(EditAnywhere, Category = MenuHUD)
		FSlateBrush RightIconBrush;

	UPROPERTY(EditAnywhere, Category = MenuHUD)
		FSlateBrush TitleBorderBrush;

2794630fdcfd2905b4587805d01c17cf.png

四、定义菜单底图左右两侧图位置

开始定义菜单UI啦，我们先把做了三篇的背景UI先扔到一边。

【头文件】：

  • conststructFShitMenuStyle* MenuStyle;——声明指针对象，方便源文件中获取图片的地址
  • TSharedPtr<SBox>RootSizeBox;——声明Scale Box指针，以定义ScaleBox大小。
// SShitMenuWidget.h
#pragma once
#include "CoreMinimal.h"
#include "Widgets/SCompoundWidget.h"

/**
 * 
 */
class TESTGAME_API SShitMenuWidget : public SCompoundWidget
{
public:
	SLATE_BEGIN_ARGS(SShitMenuWidget)
	{}
	SLATE_END_ARGS()

	/** Constructs this widget with InArgs */
	void Construct(const FArguments& InArgs);

private:
	const struct FShitMenuStyle * MenuStyle;
        TSharedPtr<SBox>RootSizeBox;

};

【源文件】：

记得包含头文件

  • #include"Widgets/Layout/SBox.h ——ScaleBox，它可以自定义设置Width和Height
  • #include"UI/Style/ShitStyle.h ——以调用空类中方法
  • #include"UI/Style/ShitMenuWidgetStyle.h——把那个自定义WidgetStyle拿过来
  • Padding就是边距，FMargin设置值。 50.f即距离上方50px。

34682e747d68d76434932eeb3ce1056f.gif 
	MenuStyle = &ShitStyle::Get().GetWidgetStyle<FShitMenuStyle>("BPShitStyle");

	ChildSlot
	[
			SAssignNew(RootSizeBox, SBox)
			[
				SNew(SOverlay)  //创建Overlay 组件

	+ SOverlay::Slot()  //添加菜单背景底图
		.HAlign(HAlign_Fill)//铺满
		.VAlign(VAlign_Fill)
		.Padding (FMargin(0.f, 50.f, 0.f, 0.f))

			[
				SNew(SImage)
				.Image(&MenuStyle->ShitMenuBackGroundBrush)
			]
			

	+SOverlay::Slot()  //添加菜单左侧图
		.HAlign(HAlign_Left)  //居左
		.VAlign(VAlign_Center)
		.Padding(FMargin(0.f, 25.f, 0.f, 0.f))

		[
			SNew(SImage)
			.Image(&MenuStyle->LeftIconBrush)
		]

	+ SOverlay::Slot() //添加菜单右侧图
		.HAlign(HAlign_Right) //居右
		.VAlign(VAlign_Center)
		.Padding(FMargin(0.f, 25.f, 0.f, 0.f))

		[
			SNew(SImage)
			.Image(&MenuStyle->RightIconBrush)
		]
];

e7210997b535c43737634e2d6789a7e0.png

五、定义标题框框位置

【Border】：

  • Slot(XXX)就是基于父级控制当前级
  • Content就是控制子级

ec33cae5b5c767a84e0709332d21d962.gif
Border
  • 结合头文件中的共享指针 用SAssignNew的方法是因为我们需要特定这个外面大Box的尺寸。
  • ScaleBox长宽根据自己的屏幕分辨率来定。
	ChildSlot
	[
			SAssignNew(RootSizeBox, SBox)   //大菜单ScaleBox
		[
				SNew(SOverlay)  //Overlay层叠加
	      + SOverlay::Slot()
		.HAlign(HAlign_Center)//标题框相对于大菜单居中
		.VAlign(VAlign_Top)   //标题框相对于大菜单居上
		[
			SNew(SBox)   //居中居上的标框Box
		.WidthOverride(750.f)  //标题框的宽度
		.HeightOverride(300.f)  //标题框的高度
		[
			SNew(SBorder) 
			.BorderImage(&MenuStyle->TitleBorderBrush)  //给Border添加图片
		]

              ]
      ] 
		
	];
	RootSizeBox->SetWidthOverride(1200.f); //设置大菜单宽度和高度
	RootSizeBox->SetHeightOverride(900.f);

这里我们用到了SBox和SBorder，所以同样头文件记得哦。

#include"Widgets/Layout/SBorder.h"
#include"Widgets/Layout/SBox.h"

aa5e74de5c78cda515e3e11287bdffef.png

六、定义Text文字

【6.1】引用头文件

引入TextBlock，用到谁就引用谁。

#include "Components/TextBlock.h"

【6.2】头文件声明共享指针

因为我们会动态修改文字的内容，所以我们需要在MenuWidget头文件中把它定义成一个指针。然后SAssignNew啦。

	TSharedPtr<STextBlock>TitleText;

【6.3】ShitStyle空类中定义字体样式

  • 定义字体样式，浏览器搜索免费ttf字体下载即可。
  • 然后把这个ttf字体样式导入到 “/Game/UI/Style"下面
  • 还记得我们的ShitStyle嘛，就是注册注销，设置路径的那个空类。我们需要在里面设置字体路径。
  • 我就直接用微软雅黑的了，导入Yes all，它会创建两个
    • Microsoft(Font Face) （UI是AZ)——存ttf路径，Source Filename
    • Microsoft_Font(Font) (UI是黑色背景+白色字体样式）——一堆FontFamily，功能挺多的。

在空类源文件中 加一行代码StyleRef->Set("MenuItemFont", FSlateFontInfo("Microsoft.ttf",50)); 

TSharedRef<class FSlateStyleSet> ShitStyle::Create()  //头文件函数声明TSharedPtr，源文件定义TSharedRef   ，返回StyleRef。
{
	TSharedRef<FSlateStyleSet>StyleRef = FSlateGameResources::New(ShitStyle::GetStyleSetName(), "/Game/UI/Style","/Game/UI/Style"); //调用本ShityStyle类中的GetStyleSetName函数
	
	StyleRef->Set("MenuItemFont", FSlateFontInfo("Microsoft.ttf",50));

	return StyleRef;
}

【6.4】：MenuWidget 中在小文字框内添加TextBlock

我们需要先引入#include"Components/TextBlock.h"。

     + SOverlay::Slot()
		.HAlign(HAlign_Center)//标题框相对于大菜单居中
		.VAlign(VAlign_Top)   //标题框相对于大菜单居上
		[
			SNew(SBox)   //居中居上的标框Box
		.WidthOverride(750.f)  //标题框的宽度
		.HeightOverride(300.f)  //标题框的高度
		[
			SNew(SBorder) 
			.BorderImage(&MenuStyle->TitleBorderBrush)  //给Border添加图片
		]

              ]

	.HAlign(HAlign_Center)
		.VAlign(VAlign_Center)
			[ 
		SAssignNew(TitleText, STextBlock) // 实例
		.Font(ShitStyle::Get().GetFontStyle("MenuItemFont")) //
		.Text(FText::FromString("I am 特斯拉"))
			]
      ]

0c79748fa00cc74680973cd683b81324.png

七、配置所需图片 检验测试

我们只需要设置左右图片的大小就好了，其他的大背景尺寸、菜单底图、文字框图都在代码中写死了。

93136e9e3199ffbdf75d88e42256ac6a.png

另外：那个边角挺聪明的，四个朝向直接在PS中做好，要不然用代码来弄非常麻烦的，网页大数据的时候也遇到过。

9685d22f46abbdad14d058fc1f40ad78.gif

我们下节再进行语言设置，还有处理文字乱码问题。

MenuWidget.h代码

// Fill out your copyright notice in the Description page of Project Settings.

#pragma once

#include "CoreMinimal.h"
#include "Widgets/SCompoundWidget.h"

/**
 * 
 */
class TESTGAME_API SShitMenuWidget : public SCompoundWidget
{
public:
	SLATE_BEGIN_ARGS(SShitMenuWidget)
	{}
	SLATE_END_ARGS()

	/** Constructs this widget with InArgs */
	void Construct(const FArguments& InArgs);

private:

	TSharedPtr<SBox>RootSizeBox;

	const struct FShitMenuStyle*MenuStyle;

	TSharedPtr<STextBlock>TitleText;

};

MenuWidget.cpp代码

// Fill out your copyright notice in the Description page of Project Settings.


#include "UI/Widget/SShitMenuWidget.h"
#include "SlateOptMacros.h"

#include "Widgets/Layout/SBox.h"
#include "Widgets/Images/SImage.h"
#include "Widgets/Layout/SBorder.h"
#include "Components/TextBlock.h"

#include "UI/Style/ShitStyle.h"
#include "UI/Style/ShitMenuWidgetStyle.h"

BEGIN_SLATE_FUNCTION_BUILD_OPTIMIZATION
void SShitMenuWidget::Construct(const FArguments& InArgs)
{
	
	MenuStyle = &ShitStyle::Get().GetWidgetStyle<FShitMenuStyle>("BPShitStyle");

	ChildSlot
	[
			SAssignNew(RootSizeBox, SBox)
			[
				SNew(SOverlay)


	+ SOverlay::Slot()
		.HAlign(HAlign_Fill)
		.VAlign(VAlign_Fill)
		.Padding (FMargin(0.f, 50.f, 0.f, 0.f))

			[
				SNew(SImage)
				.Image(&MenuStyle->ShitMenuBackGroundBrush)
			]
			

	+SOverlay::Slot()
		.HAlign(HAlign_Left)
		.VAlign(VAlign_Center)
		.Padding(FMargin(0.f, 25.f, 0.f, 0.f))

		[
			SNew(SImage)
			.Image(&MenuStyle->LeftIconBrush)
		]



	+ SOverlay::Slot()
		.HAlign(HAlign_Right)
		.VAlign(VAlign_Center)
		.Padding(FMargin(0.f, 25.f, 0.f, 0.f))

		[
			SNew(SImage)
			.Image(&MenuStyle->RightIconBrush)
		]



	+ SOverlay::Slot()
		.HAlign(HAlign_Center)
		.VAlign(VAlign_Top)

		[
			SNew(SBox)
		.WidthOverride(750.f)
		.HeightOverride(300.f)
		[
			SNew(SBorder)
			.BorderImage(&MenuStyle->TitleBorderBrush)


		.HAlign(HAlign_Center)
		.VAlign(VAlign_Center)
			[ 
		SAssignNew(TitleText, STextBlock)
		.Font(ShitStyle::Get().GetFontStyle("MenuItemFont"))
		.Text(FText::FromString("I Love You"))
			]
		]

		]
	]
			
		];

	RootSizeBox->SetWidthOverride(1200.f);
	RootSizeBox->SetHeightOverride(900.f);
	
}
END_SLATE_FUNCTION_BUILD_OPTIMIZATION

小技巧：

  • Tab向右缩进
  • Shift+Tab向左缩进（差不多都一样，Blender Python IDE也是）
  • SOverlay::Slot()[]方括号末尾添加;分号断句后可快速对齐，然后删除即可。
  • 编辑器中Compile貌似速度更快一些
    • （在无大Bug，稍微改些代码的时候貌似这个更快）
    • （而且VS中那个unabled to delete dll啥的是需要Rebuild的，通常是Build省时间，如果那种情况 VS Rebuild不成功的话，就编辑器Compile，而不用像我第二篇中提到的关闭重启了）

e0aa2397e2ae54c36e0b5718c53d7740.png
weixin_39531037
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vb界面自适应不同分辨率终极解决方案
10-12
vb界面自适应不同分辨率终极解决方案ghhjfgkjgkduuuse5tu
UE4 UI自适应屏幕
qqQQqsadfj的博客
06-24 3058
别人的文章
使vb窗体可以自适应屏幕分辨率的大小
04-12
使vb窗体可以自适应屏幕分辨率的大小
UE4C++Slate与C++DPI（屏幕自适应方式）设定
c++、UE
03-14 3093
C++Slate与DPI的使用
屏幕适配
tianxiaojie_blog的博客
12-12 299
屏幕适配如何在编辑器中正确预览以及如何适配不同尺寸的UI设置尺寸根据规则设定屏幕显示比例设置屏幕显示尺寸找到使用的相机，设置比例可以修改如下所示 如何在编辑器中正确预览以及如何适配不同尺寸的UI 设置尺寸 根据规则设定屏幕显示比例 设置屏幕显示尺寸 找到使用的相机，设置比例 可以修改如下所示 ...
VB.zip_VB 自适应_自适应
09-20
综上所述，"VB.zip_VB 自适应_自适应"可能包含了有关如何在VB中实现窗口自适应调整的源代码、教程或者实例，这些资源可以帮助开发者学习和掌握如何构建适应不同屏幕尺寸的应用程序。通过深入理解并应用上述知识点，...
动态添加VB菜单.rar_crowd92j_vb 动态菜单 _vb6_动态菜单_基础
09-21
标题"动态添加VB菜单.rar_crowd92j_vb 动态菜单 _vb6_动态菜单_基础"表明，这个教程或项目专注于使用VB6动态创建菜单，是针对初学者的基础教学内容。 描述"VB入门基础,操作菜单栏,并动态添加菜单"则强调了这是VB6...
vb屏幕监控_局域网监控_VB局域网_VB屏幕监控_
10-01
本项目“VB屏幕监控”是利用VB技术实现的局域网内桌面屏幕监控解决方案。下面我们将深入探讨相关知识点。 1. **VB编程基础**： VB（Visual Basic）是一种事件驱动的编程环境，基于Basic语言，通过提供图形用户界面...
pbsl.rar_vb 屏保_屏保_屏保 vb_屏幕保护
09-19
标题中的"pbsl.rar_vb 屏保_屏保_屏保 vb_屏幕保护"表明这是一个使用Visual Basic（VB）编程语言编写的屏保程序。屏保，或称为屏幕保护程序，是在用户长时间未操作电脑时自动显示的一种交互式动态画面，主要目的是...
abc.rar_ABC_VB 屏幕_VB小程序_VB屏幕
09-20
标题中的"abc.rar_ABC_VB 屏幕_VB小程序_VB屏幕"暗示了这是一个与Visual Basic（VB）编程相关的项目，特别关注的是屏幕捕获功能。这个项目可能包含了一个使用VB编写的屏幕捕获小程序，名为"ABC"，并且可能具有特定的...
VB 跟随分辨率变化的窗体界面
06-07
VB 跟随分辨率变化的窗体界面 VB 跟随分辨率变化的窗体界面
VB.NET屏幕分辨率设置源码
07-20
VB.NET屏幕分辨率设置源码，通过调用Windows API，读取并更改屏幕分辨率，适合初学者学习使用，
ue4设置图片大小_UE4 相机拍照功能（图片保存）
weixin_34887221的博客
12-23 2393
强烈建议先看下这篇保存图片的方法：https://blog.csdn.net/u011407338/article/details/104184087主要设置如下：创建组件和设置组件：TextureTarget的来源和设置： 创建蓝图库：.h 文件#pragma once#include “ImageUtils.h”#include “CoreMinimal.h”#include “Kismet/...
[UE4入门笔记(1)] 1.创建Slate、使用WidgetStyle设置样式 2.DPI屏幕适配 3.修改slot --梁迪老师UE4纯C++&Slate开发沙盒游戏
peaes的博客
02-27 404
本篇学习内容： 1.创建Slate、使用WidgetStyle设置样式 2.DPI屏幕适配 3.修改slot
vb.net设置分辨率和缩放比例_iPhone屏幕分辨率及适配技术
weixin_39717110的博客
12-04 749
在iOS开发及测试中，文字和图片的机型适配是一项重要工作，这篇文章给大家介绍下常用的iPhone的屏幕分辨率相关概念及各个机型的屏幕适配技术。屏幕适配相关概念1. 屏幕尺寸屏幕尺寸是指屏幕的对角线长度。一般情况下，我们说iPhone 8的屏幕是4.7寸屏，就是指iPhone 8的屏幕对角线为4.7英寸。屏幕的单位是以英寸为单位，换算关系：1 inch = 2.54cm = 25.4mm。...
VB.NET 屏幕自适应功能的实现--章鱼哥
weixin_43075782的博客
08-29 3854
最近有个网友问我屏幕自适应的问题，即如果屏幕的分辨率改变了，窗体也能适应屏幕的大小，不至于有些控件不能显示。其实代码还是很简单的，我不喜欢讲很多的原理啊什么的，直接上代码。所有代码可直接复制测试。方便后来人参考吧 &lt;pre name="code" class="vb"&gt;'********************************************** '作者：章鱼哥，...
vb.net设置分辨率和缩放比例_配置高不一定性能强，Win 10做好这些设置才能“6到飞起”！...
weixin_39781209的博客
11-18 745
开机速度如何打败全国99%的用户？为何应用程序字体模糊？Windows到底要不要更新？硬盘如何分区？......今天小微为小伙伴们整理了全方位系统使用技巧看完本篇文章让你变身Windows达人！快来看看吧开机加速通过禁用一些开机启动项的方式可以使开机速度加快，方法如下：按住 【Ctrl + Alt + Delete】打开任务管理器，点击一下启动的页面 ，在这里禁用第三方的软件 。然后重启...
使用VB.NET实现改变显示器的分辨率实例
ASp.NET学习网(www.17aspx.com)
12-26 722
在VB.NET中，我们很容易获得显示器的分辩率，但是，要改变显示器的分辩率就比较麻烦了。由于.net的类库没有将enumdisplaysettings 和ChangeDisplaySettings这两个API函数进行封装，但是我们得调用它们函数，相对于VB6来说，VB.NET调用API函数是有一些小的改动！下面，我们就尝试一下在vb.net中，使用这两个api函数。新建一个项目，在form
VB 6.0 自适应屏幕分辨率
最新发布
05-26
在 VB6.0 中，可以通过设置窗体的 ScaleMode 属性为 vbPixels，并编写一些代码来实现自适应屏幕分辨率的功能。具体步骤如下： 1. 在窗体的 Load 事件中，添加以下代码： ``` Me.ScaleMode = vbPixels ``` 2. 在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值