UE 樞軸(Render Transform Pivot)
零、這是啥?

官方釋義:
(X,Y)是渲染變換樞軸控制變換所應(yīng)用的位置
此值是一個(gè)標(biāo)準(zhǔn)化坐標(biāo),此處將發(fā)生旋轉(zhuǎn)之類的情況


一、這是干啥的?
說白了,就是控制一個(gè)圖片(或其他東西,本文簡單化說是圖片)旋轉(zhuǎn)時(shí)基于的坐標(biāo)

默認(rèn)是(X,Y)=(0.5, 0.5),指的是通常情況下我們旋轉(zhuǎn)圖片基于的是圖片的中心點(diǎn)。
就是這個(gè)點(diǎn)(如下圖):

那么,(X,Y)=(0, 0)時(shí),是哪個(gè)點(diǎn)呢?答案是左上角這里。
此時(shí),變化Angel(角度)的值,圖片將繞左上角這個(gè)點(diǎn)進(jìn)行旋轉(zhuǎn)

另外,(X,Y)=(1, 1)時(shí),是右下角位置。
此時(shí),變化Angel(角度)的值,圖片將繞右下角這個(gè)點(diǎn)進(jìn)行旋轉(zhuǎn)

由此可見,樞軸這里的X的值可以認(rèn)為是X倍圖片的寬度(橫向圖片長度),Y的值可以認(rèn)為是Y倍圖片的高度(縱向圖片長度)

二、有啥用?
簡單來說,你要計(jì)算出,你實(shí)際要讓圖片圍繞著進(jìn)行旋轉(zhuǎn)的點(diǎn)的位置 和 圖片左上角的那個(gè)點(diǎn)的位置之間的X和Y的距離,然后分別除以圖片的寬和高,由此得到你需要填入的樞軸的(X,Y)。此后,這個(gè)圖片將圍繞著設(shè)置的樞軸表示的這個(gè)點(diǎn)進(jìn)行旋轉(zhuǎn)。
舉個(gè)例子:

假設(shè),我們要讓這個(gè)方框(圖片)圍繞著圖2-1中的黑點(diǎn)進(jìn)行旋轉(zhuǎn)。
則已知,圖片的寬=5,高=6
黑點(diǎn)距離圖片左上角的距離為:橫向=2.5,縱向=12
則,樞軸(X,Y)= (2.5/5,12/6)= (0.5,2)

三 、補(bǔ)充
本文說的都是指的是初始情況下,Angel(角度)設(shè)置成0的情況。
同時(shí),樞軸點(diǎn)坐標(biāo)和圖片初始位置的圖片中心點(diǎn)的(X, Y)有一個(gè)是一樣的,即位于圖3-1中所示的兩條線上,則效果一般會(huì)是比較理想的形式。

如果初始時(shí)樞軸點(diǎn)不是位于圖片的這兩條線上,則按照第二步所說的計(jì)算方式來設(shè)置的話,圖片旋轉(zhuǎn)時(shí)的效果就...會(huì)開始出現(xiàn)差異化,主要是圖片在旋轉(zhuǎn)時(shí)自身也相對得進(jìn)行了旋轉(zhuǎn),這個(gè)就得看具體場景具體應(yīng)用是否和需求匹配了。