UGUI精靈圖片怎么實(shí)現(xiàn)圖片裁剪

UGUI精靈圖片怎么實(shí)現(xiàn)圖片裁剪,很多新手對(duì)此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。

10年積累的網(wǎng)站建設(shè)、成都網(wǎng)站制作經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程,更有東蘭免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

NGUI中精靈圖片可以經(jīng)過剪切將圖片剔除沒用的部分,然后圖片拉伸時(shí)就會(huì)避免圖片邊緣被拉伸的問題。

如圖,剪切前 

UGUI精靈圖片怎么實(shí)現(xiàn)圖片裁剪

可以看出隨著button圖片的拉伸,該圖片邊緣白色部分越來越大,而我們是不想看到的。利用剪切處理之后。如圖 剪切后

UGUI精靈圖片怎么實(shí)現(xiàn)圖片裁剪

接下來 我們看一下具體實(shí)現(xiàn)方法

首先在工程面板選中圖片,之后在檢視面板將其類型(Texture Type)改為sprite(2D and UI).

然后選中Sprite Mode (里面有三種類型,分別是Single單一(無法裁剪),Multipe多種(可以裁剪),Polygon多邊形(可以裁剪,前兩種都是四邊形)),設(shè)置為Multipe。里面參數(shù)不用改變。如圖

UGUI精靈圖片怎么實(shí)現(xiàn)圖片裁剪

直接點(diǎn)擊Sprite Editor,然后點(diǎn)擊Apply應(yīng)用.

進(jìn)入精靈編輯窗口  如圖

UGUI精靈圖片怎么實(shí)現(xiàn)圖片裁剪

點(diǎn)擊Slice菜單欄 直接點(diǎn)擊slice

UGUI精靈圖片怎么實(shí)現(xiàn)圖片裁剪

然后 通過鼠標(biāo)拖拽圖片邊緣藍(lán)色線對(duì)圖片進(jìn)行裁剪

如圖

UGUI精靈圖片怎么實(shí)現(xiàn)圖片裁剪

然后直接點(diǎn)擊上方Apply 。 這樣UI按鈕里面的精靈圖片就變成我們最終裁剪的形狀

UGUI精靈圖片怎么實(shí)現(xiàn)圖片裁剪

如果需要調(diào)節(jié)參數(shù)(直接通過數(shù)值約束圖片大?。?,那么直接調(diào)節(jié)即可

看完上述內(nèi)容是否對(duì)您有幫助呢?如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對(duì)創(chuàng)新互聯(lián)的支持。

分享題目:UGUI精靈圖片怎么實(shí)現(xiàn)圖片裁剪
地址分享:http://bm7419.com/article36/pcihsg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站微信小程序、響應(yīng)式網(wǎng)站、網(wǎng)站設(shè)計(jì)、靜態(tài)網(wǎng)站網(wǎng)站設(shè)計(jì)公司

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都app開發(fā)公司