Unity中利用UGUI新增滑動頁面和滑動條

2021-07-02 06:18:41 字數 1096 閱讀 8519

當頁面內容太多時我們使用滑動條控制頁面顯示內容滾動顯示,那麼如何實現呢?

首先,為了方便管理,我們先建立乙個panel,用來存放滑動頁和滑動條,然後在panel裡面建立要滾動顯示的內容,如text、image等,若希望建立帶背景的text,則可以建立乙個image,在image中建立text。

然後給image新增乙個scroll rect

content:想要滾動的內容

horizontal:橫向滾動,打勾即允許

vertical:縱向滾動,打勾即允許

movement type:滾動型別

unrestricted:無限制的滾動,無回滾

elastic:有限制的滾動,有回滾

elasticity:回滾係數,數值越大彈性越小

clamped:有限制的回滾,無回滾

inertia:慣性

deceleration rate:減速率

scroll sensitivity:滾動的靈敏度

horizontal scrollbar:橫向滾動條

vertical scrollbar:縱向滾動條

新增這個指令碼之後text就可以滾動的,具體如何滾動需要調節,根據以上引數。這是要注意需要滾動的text的內容必須在text組建中就已經顯示完全,否則滾動也顯示不出來。為了將超出image部分的text遮住,我們再給image新增乙個mask組建。

無需修改引數即可。

然後在panel下新增乙個scrollbar,新增方法是creat>ui>scrollbar,或者右鍵panel新增。

這裡引數後續再講解。

將scrollbar賦給scroll rect組建中的vertical scrollbar,同時設定direction為bottom to top,滾動頁面完成。

Unity中UGUI指令碼新增Button按鈕事件

在場景中新增ugui的button按鈕 然後在在指令碼中寫新增的事件 宣告ui using unityengine.ui 宣告場景的跳轉 using unityengine.scenemanagement 戰士模型 弓箭手模型 gameobject m warrior,m archer 戰士按鈕 弓...

Unity筆記 UGUI中Canvas螢幕適配

1 通過recttransform中的anchors和pivot來進行控制項和窗體的布局適配。anchors控制當前panel相對于父窗體的布局位置,可以設定為居中或者左上角,當父窗體拉伸的時候當前panel可以自動布局到正確位置。同時這裡可以設定拉伸,比如主介面一般是全屏拉伸的,這種情況可以在這裡...

Unity筆記 UGUI中Canvas螢幕適配

1 通過recttransform中的anchors和pivot來進行控制項和窗體的布局適配。anchors控制當前panel相對于父窗體的布局位置,可以設定為居中或者左上角,當父窗體拉伸的時候當前panel可以自動布局到正確位置。同時這裡可以設定拉伸,比如主介面一般是全屏拉伸的,這種情況可以在這裡...