UE4滑鼠懸停到按鈕上的效果實現

2021-09-14 03:02:10 字數 1775 閱讀 4853

2.字體內顏色:由黃色->紅色;                     3.字型外邊顏色:由藍色->綠色;

4.字型變大:由50號字型變為65號字型;    5.字型格式:由正體light變為斜體italic)

1. 找到使用者介面->控制項藍圖,新建乙個控制項藍圖,命名為menuui。開啟menuui。

2.開啟menuui設計師介面新建乙個按鈕命名為:but_startgame 和乙個text命名為:textblock_startgame。text放到按鈕下面,讓textblock_startgame成為but_startgame的子物體,後面編寫藍圖時會用到這一特點。

對but_startgame的設定如下:(1)錨點設為中間靠右(2)size to content勾打上。(3)stytle下面:1.normal下面的tint下面的透明度a設定為0;  2.hovered下面的tint下面的透明度a設定為0;    3.pressed下面的tint下面的透明度a設定為0。but_startgame設定完畢。

對textblock_startgame的設定如下:(1)錨點設為中間靠右  (2)color and opacity設定為黃色 (0.9,0.7,0,1)  (3)找到font屬性:1.typeface設定為light;2.size設定為50      (4)找到outline settings屬性:1.outline size設定為2   2.outline color屬性設定為藍色(0,0,1,1)。textblock_startgame設定完畢。

另外兩個按鈕設定如上。

對menuui設計師介面的設定如上完畢,設定完如上後,效果是這樣的

3.開啟menuui圖表介面進行藍圖編寫:

(1):新建乙個函式,命名為function_onhovered,編寫**如下:

(2):新建另乙個函式,命名為function_unhovered,編寫**如下:

(3)找到設計師介面,設定如下:

(4)找到圖表介面->事件圖表介面:編寫**如下:

4. 將menuui控制項顯示在螢幕上,並讓滑鼠指標顯示在螢幕上,開啟關卡藍圖,編寫如下:

5. 儲存,執行,可看到文章開頭展示的效果了。

注:因為有多個按鈕,都實現同乙個功能,所以新建了兩個函式,把這三個按鈕想要實現的功能封裝在這兩個函式裡,這樣節省了很多**,不必每乙個按鈕都重寫一遍功能,也利用後續新增按鈕實現相同的效果。如果不寫函式,那麼每乙個按鈕都要重寫一遍要實現的功能**。

Unity 滑鼠懸停

程式實現效果 using unityengine.eventsystems void update mouse hover exit null void start private void windowctrl click 滑鼠懸停進入 eventtrigger.entry hoveronentr...

滑鼠懸停小案例

主要就是兩個 乙個 hover選擇器 乙個transform屬性。hover選擇器。hover選擇器用於選擇滑鼠指標浮動在上面的元素,它可用於所有元素,不只是鏈結。通過它選擇到元素並設定懸停時的樣式。transform屬性。transform 屬性向元素應用 2d 或 3d 轉換。這個屬性是復合屬性...

滑鼠懸停出選單

滑鼠指向選單,出現二級選單,移動到二級選單上點選 這個功能實現html如下 span class btn list group a class btn 懸停 a span class btn list area a class btn 新建 a a class btn 編輯 a a class bt...