(三)NGUI-Sprite

Sprite:圖片精靈废菱。可以在一張大圖(Atlas抖誉,整體圖像集合)中去截取一部分殊轴,而截取的小圖就是一個(gè)精靈。給精靈命名后袒炉,使用時(shí)通過(guò)精靈的名稱(chēng)就能直接繪制旁理。圖片精靈還可以用來(lái)制作動(dòng)畫(huà)(Tween相關(guān)腳本)。

創(chuàng)建Sprite:

創(chuàng)建Sprite
創(chuàng)建完成

Sprite的屬性欄

Spritel屬性欄

圖片的選擇:首先點(diǎn)擊Atlas(圖冊(cè))我磁,會(huì)彈出圖冊(cè)選擇界面孽文,下圖中四個(gè)圖冊(cè)是NGUI自帶的。
我選擇的是示范圖冊(cè)是最后一個(gè)“Wooden Atals”夺艰。

Atlas

點(diǎn)擊精靈芋哭,選擇圖集中的一張圖片。


Sprite
Type:圖片樣式郁副。有五種樣式可供選擇减牺。
Type

Simple:標(biāo)準(zhǔn)的Sprite,自適應(yīng)大小。

Simple

Sliced:九宮格切片烹植,創(chuàng)建固定邊框控件的最佳選擇斑鸦。邊框固定愕贡,圖片中間做拉伸(縮放)草雕,如角色頭像,按鈕背景固以。

Sliced

Tiled:平鋪墩虹,一個(gè)Sprite縮放填充整個(gè)區(qū)域,如背景平鋪憨琳。

Tiled

Filled:每個(gè)Sprite有一個(gè)單獨(dú)的參數(shù)(file Amout)來(lái)控制哪些是可見(jiàn)的诫钓,用來(lái)制作技能CD冷卻時(shí)間或進(jìn)度條。

Filled

舉個(gè)制作技能冷卻時(shí)間轉(zhuǎn)動(dòng)的例子:
先添加Cooldown(冷卻時(shí)間)腳本

Cooldown

下面為Cooldown腳本的代碼:

using UnityEngine;

public class Cooldown : MonoBehaviour {

    private UISprite mySprite;

    void Start () {
        mySprite = GetComponent<UISprite>();//實(shí)例化
    }

    void Update () {
        
    }
    private void FixedUpdate()
    {
        if (mySprite.fillAmount != 0)
        {
            mySprite.fillAmount -= 0.01f;//每0.02s圖片減少的1%篙螟,即該圖片的CD為2秒菌湃。
        }
        else
        {
            mySprite.fillAmount = 1;//當(dāng)CD好了的時(shí)候(mySprite.fillAmount==0),重置CD
        }
    }
}

點(diǎn)擊運(yùn)行后遍略,效果圖如下惧所,360度的技能冷卻就做好了。

Cooldown

Advanced:高級(jí)的绪杏,自定義左右上下中的Sprite Type下愈。

Advanced

我們會(huì)發(fā)現(xiàn),無(wú)論是Label蕾久,還是Sprite势似,都會(huì)有Widget和Anchors這兩個(gè)屬性。其實(shí)這任何NGUI的控件都有著兩個(gè)屬性僧著,下面我們就來(lái)了解Widget和Anchors的用法履因。

Widget和Anchors
Widget

這個(gè)部件屬性包含了Sprite的中心點(diǎn)【Pivot】滚躯,層級(jí)深度【Depth】(當(dāng)有多個(gè)圖層的時(shí)候就會(huì)用到)闸婴,大小【Size】,還有可調(diào)方向【Aspect】骗露。

Pivot:中心點(diǎn)
此時(shí)以Sprit的左上角頂點(diǎn)為中心點(diǎn)杯拐,所以在對(duì)Sprite進(jìn)行旋轉(zhuǎn)操作時(shí)霞篡,就圍繞左上角頂點(diǎn)進(jìn)行旋轉(zhuǎn)。

Pivot

Anchors:對(duì)齊方式
Anchors

Unified

Unified

Advanced:四個(gè)邊的對(duì)齊參照物均可自定義選擇(也就是說(shuō)至多可以有四個(gè)對(duì)其參照物)

Advanced

感謝觀看:)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末端逼,一起剝皮案震驚了整個(gè)濱河市朗兵,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌顶滩,老刑警劉巖余掖,帶你破解...
    沈念sama閱讀 206,214評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異礁鲁,居然都是意外死亡盐欺,警方通過(guò)查閱死者的電腦和手機(jī)赁豆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)冗美,“玉大人魔种,你說(shuō)我怎么就攤上這事》弁荩” “怎么了节预?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,543評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)属韧。 經(jīng)常有香客問(wèn)我安拟,道長(zhǎng),這世上最難降的妖魔是什么宵喂? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,221評(píng)論 1 279
  • 正文 為了忘掉前任糠赦,我火速辦了婚禮,結(jié)果婚禮上锅棕,老公的妹妹穿的比我還像新娘拙泽。我一直安慰自己,他們只是感情好哲戚,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,224評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布奔滑。 她就那樣靜靜地躺著,像睡著了一般顺少。 火紅的嫁衣襯著肌膚如雪朋其。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,007評(píng)論 1 284
  • 那天脆炎,我揣著相機(jī)與錄音梅猿,去河邊找鬼。 笑死秒裕,一個(gè)胖子當(dāng)著我的面吹牛袱蚓,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播几蜻,決...
    沈念sama閱讀 38,313評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼喇潘,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了梭稚?” 一聲冷哼從身側(cè)響起颖低,我...
    開(kāi)封第一講書(shū)人閱讀 36,956評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎弧烤,沒(méi)想到半個(gè)月后忱屑,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,441評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,925評(píng)論 2 323
  • 正文 我和宋清朗相戀三年莺戒,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了伴嗡。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,018評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡从铲,死狀恐怖瘪校,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情食店,我是刑警寧澤渣淤,帶...
    沈念sama閱讀 33,685評(píng)論 4 322
  • 正文 年R本政府宣布,位于F島的核電站吉嫩,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏嗅定。R本人自食惡果不足惜自娩,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,234評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望渠退。 院中可真熱鬧忙迁,春花似錦、人聲如沸碎乃。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,240評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)梅誓。三九已至恰梢,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間梗掰,已是汗流浹背嵌言。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,464評(píng)論 1 261
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留及穗,地道東北人摧茴。 一個(gè)月前我還...
    沈念sama閱讀 45,467評(píng)論 2 352
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像埂陆,于是被迫代替她去往敵國(guó)和親苛白。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,762評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容