UE4 UMG設(shè)置組件自適應(yīng)居中或靠邊
來源：
52vr |
責(zé)任編輯：傳說的落葉 |
發(fā)布時(shí)間： 2019-06-11 08:30 | 瀏覽量：
比如你的UI中有些組件需要居中顯示，有些需要始終在右上角并且與上邊框和右邊框保持固定的距離等等，對于這種需要?jiǎng)討B(tài)適應(yīng)屏幕分辨率的UI組件，有兩種設(shè)置方式：
1，直接編輯組件的屬性Anchors
![[UE4]UMG設(shè)置組件自適應(yīng)居中或靠邊](http://m.trusteddivorcelawyers.com/uploads/allimg/190611/0S2063056-0.jpg "[UE4]UMG設(shè)置組件自適應(yīng)居中或靠邊")
2，代碼控制
- ULoginWidget* LoginUI = NULL; //創(chuàng)建UI的邏輯省略
- if (UImage* backImg = Cast<UImage>(LoginUI->GetWidgetFromName("ImgBackground")))
- {
- //獲取屏幕大小和中心點(diǎn)
- const FVector2D ViewportSize = FVector2D(GEngine->GameViewport->Viewport->GetSizeXY());
- const FVector2D ViewportCenter = FVector2D(ViewportSize.X / 2, ViewportSize.Y / 2);
- //假設(shè)背景圖片的大小原尺寸大小是1920x1080，下面是通過高寬比來計(jì)算當(dāng)前分辨率下的位置
- int imgWidget = 1920 * ViewportSize.Y / 1080;
- int posX = ViewportCenter.X - imgWidget / 2;
- //設(shè)置背景圖片的相對X、Y坐標(biāo)，注意：這里假設(shè)Anchors屬性默認(rèn)的，即X、Y相對屏幕左上方頂點(diǎn)位置
- backImg->SetRenderTranslation(FVector2D(posX, 0));
- }
如果需要居中的UI組件很多，可以將居中的UI放在一個(gè)容器里，然后只對這一個(gè)容器進(jìn)行居中即可。
這里假設(shè)直接將RootWidget居中：
- LoginUI->GetRootWidget()->SetRenderTranslation(FVector2D(X, Y));
另外，通過代碼設(shè)置比例，需要在代碼中考慮當(dāng)前設(shè)備的分辨率，如果不想考慮，將屏幕尺寸設(shè)成固定值：
![[UE4]UMG設(shè)置組件自適應(yīng)居中或靠邊](http://m.trusteddivorcelawyers.com/uploads/allimg/190611/0S20C1Z-1.jpg "[UE4]UMG設(shè)置組件自適應(yīng)居中或靠邊")
-
分享到：
相關(guān)文章
網(wǎng)友評(píng)論
您需要登錄后才可以發(fā)帖 登錄 | 立即注冊
關(guān)閉
- 用戶名：
- 密 碼：
- 驗(yàn)證碼：
看不清？ 點(diǎn)擊更換
- 忘記密碼？
全部評(píng)論：0條
推薦
熱門
