UGUI精靈圖片怎么實(shí)現(xiàn)圖片裁剪,很多新手對此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。
10年積累的網(wǎng)站建設(shè)、成都網(wǎng)站制作經(jīng)驗(yàn),可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你,你也不認(rèn)識我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程,更有東蘭免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
NGUI中精靈圖片可以經(jīng)過剪切將圖片剔除沒用的部分,然后圖片拉伸時(shí)就會(huì)避免圖片邊緣被拉伸的問題。
如圖,剪切前
可以看出隨著button圖片的拉伸,該圖片邊緣白色部分越來越大,而我們是不想看到的。利用剪切處理之后。如圖 剪切后
接下來 我們看一下具體實(shí)現(xiàn)方法
首先在工程面板選中圖片,之后在檢視面板將其類型(Texture Type)改為sprite(2D and UI).
然后選中Sprite Mode (里面有三種類型,分別是Single單一(無法裁剪),Multipe多種(可以裁剪),Polygon多邊形(可以裁剪,前兩種都是四邊形)),設(shè)置為Multipe。里面參數(shù)不用改變。如圖
直接點(diǎn)擊Sprite Editor,然后點(diǎn)擊Apply應(yīng)用.
進(jìn)入精靈編輯窗口 如圖
點(diǎn)擊Slice菜單欄 直接點(diǎn)擊slice
然后 通過鼠標(biāo)拖拽圖片邊緣藍(lán)色線對圖片進(jìn)行裁剪
如圖
然后直接點(diǎn)擊上方Apply 。 這樣UI按鈕里面的精靈圖片就變成我們最終裁剪的形狀
如果需要調(diào)節(jié)參數(shù)(直接通過數(shù)值約束圖片大?。敲粗苯诱{(diào)節(jié)即可
看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。