UE5 runtime模式下自定义视口大小和位置并跟随分辨率自适应缩放

本文旨在解决因UI问题导致屏幕中心位置不对的问题
处理前的现象:如果四周UI透明度都为1,那么方块的位置就不太对,没在中心

处理后的现象:

解决办法:自定义大小和视口偏移
创建一个基于子系统的类或者蓝图函数库(什么类不重要,你调的到就行)
.h

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

#pragma once

#include "CoreMinimal.h"
#include "Subsystems/GameInstanceSubsystem.h"
#include "CustomGameViewSizeSub.generated.h"

/**
 * 
 */
class FViewport;

//定义当视口大小发生变化时的代理
DECLARE_DYNAMIC_MULTICAST_DELEGATE(FOnViewportResized);

UCLASS()
class CUSTOMGAMEVIEWSIZE_API UCustomGameViewSizeSub : public UGameInstanceSubsystem
{
	GENERATED_BODY()

public:

	UPROPERTY(BlueprintAssignable, Category = "Delegate")
		FOnViewportResized OnViewportResized;

public:

	void ViewportResize(FViewport* Viewport, uint32 Size);

	virtual void Initialize(FSubsystemCollectionBase& Collection) override;

	UFUNCTION(BlueprintCallable, Category = "Fun Tool")
		void AdjustViewportSize(FMargin margin);
};

 .cpp

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


#include "CustomGameViewSizeSub.h"
#include "UnrealClient.h"
#include "Engine/Engine.h"
#include "Engine/GameViewportClient.h"

void UCustomGameViewSizeSub::Initialize(FSubsystemCollectionBase& Collection)
{
    GEngine->GameViewport->Viewport->ViewportResizedEvent.AddUObject(this, &UCustomGameViewSizeSub::ViewportResize);
}

void UCustomGameViewSizeSub::ViewportResize(FViewport* Viewport, uint32 Size)
{
    OnViewportResized.Broadcast();
}

void UCustomGameViewSizeSub::AdjustViewportSize(FMargin margin)
{
    UE_LOG(LogTemp, Log, TEXT(" AdjustViewportSize "));
    if (GEngine->GameViewport)
    {
        FVector2D ViewportSize;
        GEngine->GameViewport->GetViewportSize(ViewportSize);

        if (ViewportSize.X > 0 && ViewportSize.Y > 0)
        {
            //视口大小缩放
            GEngine->GameViewport->SplitscreenInfo[0].PlayerData[0].SizeX = margin.Right / ViewportSize.X;
            GEngine->GameViewport->SplitscreenInfo[0].PlayerData[0].SizeY = margin.Bottom / ViewportSize.Y;
            //基于视口原点偏移,原点是左上角(0,0)
            GEngine->GameViewport->SplitscreenInfo[0].PlayerData[0].OriginX = margin.Left / ViewportSize.X;
            GEngine->GameViewport->SplitscreenInfo[0].PlayerData[0].OriginY = margin.Top / ViewportSize.Y;
        }
    }
}

UMG设计图:
 逻辑实现:

最终效果:
 

  • 9
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: 在PyQt5中实现UI自适应屏幕大小且可缩放,可以通过调整布局和使用相对大小来实现。 首先,我们可以使用Qt的布局管理器来自动调整部件的大小位置。常用的布局管理器有QHBoxLayout和QVBoxLayout,可以根据需要嵌套使用。通过将部件添加到布局管理器中,然后将布局管理器设置给窗口,窗口将自动根据窗口大小调整部件的大小位置。 例如,可以使用QVBoxLayout来垂直排列部件,然后使用QHBoxLayout来水平排列部件。通过在布局管理器中添加部件,并将布局管理器设置给窗口,窗口将根据窗口大小调整部件的大小位置。 其次,可以使用QSizePolicy来设置部件的大小策略。QSizePolicy有很多选项,例如设置部件在水平和垂直方向上的大小是否可伸缩、是否能够自动填充空间等。通过设置适当的大小策略,可以使部件根据窗口大小自动调整大小。 最后,可以实现窗口的缩放功能。可以通过重新实现窗口的resizeEvent()方法来捕捉窗口大小变化的事件,并在事件发生时根据窗口的大小来调整部件的大小。 综上所述,通过适当地使用布局管理器、大小策略和事件处理,可以实现PyQt5中的UI自适应屏幕大小且可缩放的效果。 ### 回答2: 要实现PyQt5的UI自适应屏幕大小且可缩放,可以使用QGridLayout和QHBoxLayout等布局管理器,并且根据窗口大小的变化进行动态调整。 首先,你可以创建一个主窗口,并设置它的布局管理器为QGridLayout。然后,在布局内添加各种控件,比如按钮、文本框等。然后使用setSizePolicy方法来设置控件的尺寸策略,使其在窗口大小变化时能够自动跟随调整。 接下来,可以重写主窗口类的resizeEvent方法,在窗口大小发生变化时进行布局的调整。在该方法中,可以使用QDesktopWidget类来获取屏幕的宽度和高度,并根据当前屏幕的大小动态调整控件的尺寸和位置。 另外,还可以为主窗口添加一个滚动条,以便在窗口过小的情况下,用户可以通过滚动条来查看完整的内容。在布局管理器中添加一个QScrollArea,并将其作为子窗口添加到主窗口中。 此外,你还可以通过添加一个缩放功能来实现UI的缩放。可以使用QGraphicsView来展示界面,并使用QGraphicsView的scale方法来进行缩放。在主窗口中添加一个QGraphicsView,并在resizeEvent中根据窗口大小的变化来调整缩放比例。 通过上述方法,你可以实现PyQt5的UI自适应屏幕大小且可缩放的功能。当窗口大小发生变化时,控件会根据窗口的大小进行自动调整,并且当窗口过小时,可以通过滚动条进行查看。 ### 回答3: 使用PyQt5实现UI自适应屏幕大小并可缩放的方法如下: 1. 设置UI控件的相对大小:在设计UI界面时,使用相对大小来设置控件的尺寸,而不是使用固定的像素值。可以通过设置控件的大小策略(size policy)来实现,如设置为最小尺寸(QSizePolicy.Minimum),即可使控件根据可用空间自动调整大小。 2. 监听窗口大小变化事件:使用`resizeEvent`方法,可以在窗口大小发生变化时触发相应的事件。通过在该方法中重新计算并设置控件的大小,从而实现UI自适应。 ```python def resizeEvent(self, event): # 获取当前窗口大小 window_size = event.size() # 根据窗口大小重新计算并设置控件的大小 # ... # 调用父类的resizeEvent方法 super().resizeEvent(event) ``` 3. 支持缩放功能:可以使用QGraphicsView或QScrollArea等容器控件作为UI界面的根控件,从而实现缩放功能。在该容器控件上加入需要缩放的控件,并使用`setViewportUpdateMode`方法设置为自动更新视口模式,即可允许用户通过手势或鼠标滚轮来进行缩放操作。 ```python # 使用QGraphicsView作为根控件 self.view = QGraphicsView() # 设置自动更新视口模式 self.view.setViewportUpdateMode(QGraphicsView.FullViewportUpdate) # 加入需要缩放的控件 # ... # 设置根控件 self.setLayout(QVBoxLayout()) self.layout().addWidget(self.view) ``` 通过上述方法,可以实现PyQt5的UI自适应屏幕大小且可缩放的效果。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值