新建一個(gè)專門渲染UI的正交Camera
修改Inspector板中的Projection，正交Camera和透視Camera（即一般創(chuàng)建的新Camera不做任何處理）的不同點(diǎn)在于正交沒有近大遠(yuǎn)小的效果得糜，只要在正交Camera的視野范圍內(nèi)坡脐，物體牺丙，不管距離Camera遠(yuǎn)近箩溃，大小都是一樣的拉庶，而透視Camera會(huì)根據(jù)物體距離Camera的遠(yuǎn)近產(chǎn)生近大遠(yuǎn)小的效果
創(chuàng)建Slider（滑動(dòng)條）
將整個(gè)畫布拖到Camera下
調(diào)整Canvas的Inspector，Canvas中的Render Mode可以設(shè)置Canvas的模式木缝，第一種是設(shè)置Canvas永遠(yuǎn)在Camera最前端，第二種是用一個(gè)Camera來渲染整個(gè)Canvas上的UI围辙，如果有多個(gè)Canvas我碟，顯示的層級(jí)關(guān)系先看Sorting Layer哪個(gè)層級(jí)高，如果一樣再看Order in layer哪個(gè)層級(jí)高
在Slider中刪除Handle Slide Area姚建，即是滑動(dòng)條中的那個(gè)圓形拖動(dòng)鈕
可以調(diào)節(jié)Slider的方向如下圖
把Background貼圖換掉矫俺，并且自動(dòng)適配原貼圖大小
調(diào)節(jié)Slider的Width和Height（和背景圖一樣大小）掸冤，由于整個(gè)Slider的錨點(diǎn)都是根據(jù)Slider的大小決定的厘托，如果不調(diào)整的Slider的大小，而只是還原了Background的大小稿湿，會(huì)出現(xiàn)整個(gè)Slider的錨點(diǎn)大小和Background的大小不適合铅匹，導(dǎo)致Fill Area不能和background完美適配
然后調(diào)節(jié)background錨點(diǎn)對(duì)齊方式
原先是這樣，底邊對(duì)齊方式
調(diào)整成這樣饺藤，改成中心對(duì)齊方式包斑，如果不改，會(huì)發(fā)現(xiàn)background和Slider的錨點(diǎn)位置始終不能對(duì)齊涕俗，導(dǎo)致最后的Fill Area會(huì)和Background脫離
然后再將Pos X罗丰、Y、Z歸零
改變Fill貼圖再姑，這個(gè)就是填充整個(gè)滑動(dòng)條后的UI
注意此貼圖必須先進(jìn)過九宮格切過萌抵，由于這個(gè)UI是用來拉伸的，所以要在九宮格切上下兩段是不會(huì)被拉伸的，中間那一段是用來拉伸的绍填，這樣可以保證這個(gè)拉伸UI在上下兩頭的清晰度可以得到保證霎桅，不會(huì)受到拉伸的影響
現(xiàn)在調(diào)節(jié)Silder的Value就可以看見經(jīng)驗(yàn)條上升或下降情況
將中間的調(diào)粗一點(diǎn)，right和left可以調(diào)節(jié)UI的寬度沐兰，top和bottom可以調(diào)節(jié)拉伸的最高和最低范圍
當(dāng)然也可以調(diào)節(jié)一下最下位置和最上位置
