用unity的UGUI實現簡單搖桿

2021-10-24 19:46:25 字數 833 閱讀 3106

1.在canvas下新建乙個空物件作為我們的搖桿,命名為joystick。

搖桿由背景和杆兩部分組成,所以在joystick下新建乙個image作為搖桿的背景,命名為bg。

在bg下新建乙個image作為搖桿的杆,命名為stick,背景和杆的位置和顏色自行調整,結構如下。

2.為bg和stick的source image屬性新增乙個圓形,或使用自己準備的素材。

3.新建指令碼檔案「joystick」,並掛在joystick上。

4.在指令碼中新增「using unity engine.ui;」,並使指令碼繼承自scrollrect,然後就可以直接使用scrollrect中的屬性了!

在這裡插入**片

將elasticity屬性設定成0,拖動搖桿時人物移動,鬆開搖桿時人物就要立刻停止移動,就是說鬆開桿時,桿要立刻復位,elasticity設定成0時杆就會立刻復位,數值越大復位的速度越慢。

如上圖所示,我們需要將bg拖到viewport上,把stick拖到content上,此時如果執行專案會發現搖桿已經可以拖動了。

unity的UGUI學習筆記

1 ugui中的層級是按先渲染者在下面,即在同乙個畫布中節點越靠上,越先渲染越在底層,畫布間用sortorder引數設定層級 2 ugui中image會擋住button的事件,這種情況只需要為image新增 canvasgroup元件,或者將button放在畫布的最下方 3 元件的對齊設定注意piv...

unity的UGUI筆記(二) Text

text是ui中顯示文字的元件,中文模式下很多都可以輕鬆理解其中的含義 以下是比較重要的東西 1.幾何對齊 以文字框為參考對齊,使用後更好的對齊貼合文字框,就像把word的 邊框去掉直接對齊一樣 個人理解 2.富文字 使用後可以支援字型調節,顏色,大小,粗細 3.水平 垂直溢位 使用overflow...

unity的UGUI筆記(三) image

設定原生大小 就是初始化的 的尺寸。保持長寬高 顧名思義,保持原本 的長和寬 型別 1.在拉伸區域內完全顯示一張 2.sliced 按九宮格顯示,九宮格在資源中設定。拉伸時九宮格四周大小不變,上下只會左右拉,左右只會上下拉。裁剪 3.tiled 平鋪,在選中範圍內顯示n張原始大小的。血條設計應用過 ...