1. 程式人生 > >Unity專案進階之保衛蘿蔔一.UI搭建

Unity專案進階之保衛蘿蔔一.UI搭建

  1. 設定UI解析度Canvas
    1920*1080
    1920X1080 尺寸一定要調好,不然後面做得越多錯的越多
  2. 命名規範:型別縮寫+下劃線+名字
  3. 各個Panel要拼好之後放入預製體
  4. 由幾個拼成的建立個空物體來接
  5. 背景先按ALT鍵全鋪再錨定到最中間
  6. Button錨定好後點選Transition為Sprite Swap,高亮圖片拖入
  7. 縮放時可通過調整小圓圈位置來設定從哪裡開始縮放,若拖不動,則是因為Center沒有改為Pivot
  8. text新增OutLine元件可給字加邊框
  9. 兩個圖片複製比例:選擇要複製的那個,transform上右鍵,選擇Copy component,克隆比例的transform上右鍵,選擇Paste component Values即可

=============================================

動畫控制

  1. 新建動畫控制器AnimatorController
  2. 需要做動畫的物體加 Animator元件
  3. 選中該物體按Ctrl+6
  4. Create一個動畫儲存進Animation中
  5. add一個需要控制的屬性進行調整動畫
  6. 點屬性前邊的小三角來調節屬性
  7. 點當前動畫名字來選新建動畫
  8. 分配關係
    ========================================

滑塊(Scroll View)處理

1. 新增UI-->Scroll View
2. (刪掉Scrollbar Horizontal或Scrollbar Vertical)
3. 左右滑的話Vertical勾掉,上下滑勾掉Horizontal  [或者刪除這個子物體]
4. 調節大小    Scroll View刪掉image元件,調節展框大小   Viewport全部歸零,image透明度調節,Content框調節展框總長度,視具體圖片多少來定
5. 要展示的UI圖片放置在Scroll View-->Viewport-->Content下
6. 圖片放置完成後加Grid Layout排版工具設定如下圖
7. Viewport元件中有個Mask可以勾掉取消遮蓋
8. 滑動條刪除可通過刪除子物體Scrollbar Horizontal或Scrollbar Vertical實現
9. 

=====
在這裡插入圖片描述