UGUI基本控件

UGUI的創(chuàng)建

注意:新建UI時會自動生成Canvas建的控件都是Canvas的子物體

點(diǎn)擊GaneObject列表下的UI在右側(cè)就出現(xiàn)你要用到的控件(如圖1-1)



1-1

Text控件

以下圖片對text控件各個屬性進(jìn)行介紹(如圖1-2)


圖1-2


用代碼控制Text控件

Text _text;? ??

void Awake()??

? { ? ? ?

?_text = transform.Find("Text").GetComponent();//查找到該控件

}

void Start () {

_text.text = "歡迎你千年大帥逼!";//改變text內(nèi)容

_text.color = Color.yellow;//改變內(nèi)容顏色

}

Image控件

以下圖片對Image控件各個屬性進(jìn)行介紹(如圖1-3)



圖1-3

實現(xiàn)倒計時代碼


圖1-4

Image _image;? ??

Text _text;??

? float _timer = 1f;

? ? int _num = 5;? ?

?void Awake()? ?

?{?

?? ? ? _image = GetComponent(); ? ? ??

_text = transform.Find("num").GetComponent();

_text.text = _num.ToString();

_image.fillAmount = 0;

}

void Update () {

// 結(jié)束 倒計時的判斷

if (_num==0)

{

_image.fillAmount = 1;

_text.fontSize = 20;

_text.text = "開始";

return;

}

//處理倒計時

_timer -= Time.deltaTime;

if (_timer<=0)

{

_timer = 1;

_num--;

_text.text = _num.ToString();

}

//處理圖片

_image.fillAmount += Time.deltaTime;

if (_image.fillAmount ==1)

{

_image.fillAmount = 0;

}

panel控件


圖1-5

Button控件

為Botton添加事件

1.點(diǎn)擊如圖1-5所示地方選中彈出的選項

圖1-5

2點(diǎn)擊如圖1-6圈中的東西在彈出的框中選中Button


圖1-6

3.根據(jù)圖1-7所示步驟就可以找到自己在類中寫的Public方法添加為該Button事件

1-7

Canvas三種模式


圖1-8

圖1-8三種模式分別代表


Toggle淤堵,Slider胸哥,Button共同實現(xiàn)控制一個音頻的播放與音量變化

圖1-9

AudioSource _AS;?

?? Button _stopButton;? ?

?Toggle _onToggle;??

? Toggle _offTogle;?

?? Slider _slider;? ??

Text _ButtonText;? ?

? ?void Awake()? ? {? ? ? ?

?_AS = transform.GetComponent();? ? ??

? _stopButton = transform.Find("Button").GetComponent();? ?

?? ? _ButtonText = _stopButton.transform.Find("Text").GetComponent();? ? ? ? _stopButton.onClick.AddListener(ButtonFuns);? ? ? ?

?_offTogle = transform.Find("toggleGroup/toggle_OFF").GetComponent();?

?? ? ? _onToggle = transform.Find("toggleGroup/toggle_ON").GetComponent();? ? ? ? _offTogle.onValueChanged.AddListener(delegate (bool ison) { ValueChanged(ison,_offTogle.gameObject); });? ??

? ? _onToggle.onValueChanged.AddListener(delegate (bool iso{ValueChanged(ison,_onToggle.gameObject); });? ? ?

?? _slider = transform.Find("Slider").GetComponent();? ?

?? ? _slider.onValueChanged.AddListener(changValue);? ? ? ?

?? }? ? void ValueChanged(bool bo, GameObject toggle)? ? {? ? ?

?? if (bo)? ??

? ? {? ? ? ? ??

? toggle.GetComponent().isOn=true;

//var data = toggle.GetComponent<>();

switch (toggle.name)

{

case "toggle_ON":

_AS.Play();

_ButtonText.text = "暫停";

isPlay = true;

break;

case "toggle_OFF":

_AS.Stop();

_ButtonText.text = "播放";

isPlay = false;

break;

}

}

}

bool isPlay = false;

void ButtonFuns()

{

if (!isPlay)

{

_AS.Play();

_ButtonText.text = "暫停";

isPlay = true;

ValueChanged(true, _onToggle.gameObject);

}

else

{

_AS.Pause();

_ButtonText.text = "播放";

isPlay = false;

ValueChanged(true, _offTogle.gameObject);

}

}

void Start () {

ValueChanged(true,_offTogle.gameObject);

_ButtonText.text = "播放";

}

void changValue(float value)

{

_AS.volume = value;

}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市实幕,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌堤器,老刑警劉巖昆庇,帶你破解...
    沈念sama閱讀 217,734評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異闸溃,居然都是意外死亡整吆,警方通過查閱死者的電腦和手機(jī)拱撵,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來表蝙,“玉大人拴测,你說我怎么就攤上這事「撸” “怎么了集索?”我有些...
    開封第一講書人閱讀 164,133評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長欲诺。 經(jīng)常有香客問我抄谐,道長渺鹦,這世上最難降的妖魔是什么扰法? 我笑而不...
    開封第一講書人閱讀 58,532評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮毅厚,結(jié)果婚禮上塞颁,老公的妹妹穿的比我還像新娘。我一直安慰自己吸耿,他們只是感情好祠锣,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,585評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著咽安,像睡著了一般伴网。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上妆棒,一...
    開封第一講書人閱讀 51,462評論 1 302
  • 那天澡腾,我揣著相機(jī)與錄音,去河邊找鬼糕珊。 笑死动分,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的红选。 我是一名探鬼主播澜公,決...
    沈念sama閱讀 40,262評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼喇肋!你這毒婦竟也來了坟乾?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,153評論 0 276
  • 序言:老撾萬榮一對情侶失蹤蝶防,失蹤者是張志新(化名)和其女友劉穎甚侣,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體慧脱,經(jīng)...
    沈念sama閱讀 45,587評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡渺绒,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,792評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片宗兼。...
    茶點(diǎn)故事閱讀 39,919評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡躏鱼,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出殷绍,到底是詐尸還是另有隱情染苛,我是刑警寧澤,帶...
    沈念sama閱讀 35,635評論 5 345
  • 正文 年R本政府宣布主到,位于F島的核電站茶行,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏登钥。R本人自食惡果不足惜畔师,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,237評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望牧牢。 院中可真熱鬧看锉,春花似錦、人聲如沸塔鳍。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春普筹,著一層夾襖步出監(jiān)牢的瞬間求橄,已是汗流浹背赋续。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評論 1 269
  • 我被黑心中介騙來泰國打工干奢, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人郑兴。 一個月前我還...
    沈念sama閱讀 48,048評論 3 370
  • 正文 我出身青樓犀斋,卻偏偏與公主長得像,于是被迫代替她去往敵國和親情连。 傳聞我的和親對象是個殘疾皇子叽粹,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,864評論 2 354

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