Unity學(xué)習(xí):UGUI基礎(chǔ)控件

Rect Transform

  • Pivot 軸點(diǎn) 中?點(diǎn)
  • Anchor 錨點(diǎn) 控制UI的顯示,?便UI在不同屏幕
  • 上的正確顯示,完成UI?適應(yīng)。
  • 特殊屬性 sizeDelta 寬?
  • 注意:在操作UI時(shí),切記不要調(diào)節(jié)Scale
    如果要調(diào)節(jié)ui的寬?,使?Width和Height這兩個(gè)屬性

Text

  • Text Text顯示的?本
  • Font 字體 字體?件
  • Font Style 字體?格
    加粗
    傾斜
    加粗并傾斜
  • Font Size 字號(hào)
  • Line Spacing ?間距
  • Rich Text 富?本
  • Alignment 對(duì)??式
    左對(duì)?
    居中
    右對(duì)?
    上對(duì)?
    居中
    下對(duì)?
  • Horizontal Overflow ?平溢出
  • Vertical Overflow 垂直溢出
  • Best Fit ?動(dòng)調(diào)節(jié)字號(hào)
  • Color 字體顏?
  • Material 字體材質(zhì)
  • 拓展
    文字陰影效果 Shadow
    文字包圍效果 Outline

Image

  • SourceImage 源圖? 拓展:圖?類型
    • Texture(紋理)
    • Sprite(精靈)
  • Color 顏?
  • Material 材質(zhì)
  • Preserve Aspect 保持原有?例
  • SetNativeSize 恢復(fù)原有尺?
  • ImageType(圖?類型)
    • Simple(拉伸類型)
      保持原有?例
      設(shè)置為圖?原始??

    • Tiled(平鋪類型)

    • Sliced(裁剪類型)

    • Filled(填充類型)
      FillMethod(填充?法)
      FillOrigin(填充?向)
      FillAmount(填充值)
      Clockwise(順/逆時(shí)針填充)

      拓展: 如何將?形圖?變成圓形圖?
      1、創(chuàng)建?個(gè)Image,設(shè)置為圓形圖?
      2、給Image的對(duì)象添加?個(gè)組件Mask
      3、將要遮罩的圖?設(shè)置為該Image的?對(duì)象
      

RawImage

  • Texture 紋理圖? 精靈和紋理都可以
  • Color 顏?
  • Material 材質(zhì)
  • UV Rect UVRect
  • SetNativeSize 恢復(fù)原有尺?

可交互組件通?屬性

  • Interactable 交互是否有效
  • Transition(按鍵變化)
    • None(沒有變化)
    • ColorTint(顏?變化)
      Normal(正常情況)
      Highlighted(?標(biāo)懸浮到按鈕)
      Pressed(?標(biāo)按下按鈕)
      Disable(按鈕不可?)
    • SpriteSwap(圖?變化)
    • Animation(動(dòng)畫變化)
  • Navigation(導(dǎo)航)

Button OnClick(按鈕點(diǎn)擊事件)

  • 可以修改某個(gè)組件的公有屬性
  • 可以調(diào)?其他組件的?法
    • ?法必須是Public
    • 參數(shù)只能是0個(gè)或1個(gè)
  • 也可以調(diào)?腳本組件的?法
    • ?法必須是Public
    • 參數(shù)只能是0個(gè)或1個(gè)
  • 通過代碼設(shè)置按鈕點(diǎn)擊監(jiān)聽
    • 只能添加空參數(shù)空返回值的函數(shù)
    • 如果只讓按鈕點(diǎn)擊實(shí)現(xiàn)?個(gè)函數(shù)的調(diào)?
      1. RemoveAllListeners
      2. AddListener

Slider(滑動(dòng)條)

  • Direction 滑動(dòng)?向
    左到右
    右到左
    上到下
    下到上
  • Min Value 滑動(dòng)條最?值
  • Max Value 滑動(dòng)條最?值
  • Whole Numbers 滑動(dòng)條取值為整數(shù)
  • Value 滑動(dòng)值
  • OnValueChange(滑動(dòng)條值發(fā)?變化時(shí)調(diào)?)
    動(dòng)態(tài)傳參 傳?的Float值為Slider當(dāng)前的Value值,?動(dòng)傳?
    靜態(tài)傳參 ?動(dòng)傳參,在Inspector?板

ScrollBar(滾動(dòng)條)

  • Handle Rect 滑塊
  • Direction 滑動(dòng)?向
  • Value 滑動(dòng)值
  • Size 滑塊??
  • Number Of Steps 滑塊從左滑到右,所需的步數(shù)
  • OnValueChange 滑塊值發(fā)?變化時(shí)調(diào)?

Toggle

  • isOn 開關(guān)
  • Toggle Transition 開關(guān)切換類型
    ?
    漸變
  • Group 開關(guān)組 ToggleGroup組件 AllowSwitchOff
    (允許不選擇)
  • OnValueChange 變值回調(diào)

InputField

  • Text Component ?本顯示對(duì)象(Text)
  • Text ?戶輸?的內(nèi)容
  • Character Limit 字?jǐn)?shù)限制
  • Content Type 內(nèi)容類型
  • Caret Blink Rate 光標(biāo)閃動(dòng)速度
  • Caret Width 光標(biāo)寬度
  • Custom Caret Color 光標(biāo)顏?
  • SelectionColor 選中顏?
  • HideMobileInput 隱藏移動(dòng)輸?
  • ReadOnly 只讀
  • OnValueChange 變值回調(diào)
  • EndEdit 結(jié)束編輯時(shí)調(diào)?

DropDown(下拉菜單)

  • Template 示例項(xiàng)
  • CaptionText 標(biāo)題?字
  • CaptionImage 標(biāo)題圖?
  • ItemText 示例項(xiàng)?本
    ItemImage 示例項(xiàng)圖?
  • Value 選擇值
  • Options 下拉菜單項(xiàng)
  • OnValueChanged 變值回調(diào)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、UGUI概述 1.1、Unity界面發(fā)展史 【老版本界面onGUI】=>【GUI插件NGUI】=>【新版本界面...
    兜兜_2925閱讀 27,571評(píng)論 2 23
  • UGUI基礎(chǔ)控件 Text控件 Text是用來顯示文本的,在游戲界面當(dāng)中顯示文本大多數(shù)是用Text控件來實(shí)現(xiàn)的,T...
    喜歡海苔Girl閱讀 1,133評(píng)論 4 1
  • Canvas 渲染順序 遵循刷油漆規(guī)則(畫家算法) 依次由Render CameraDepth值、Sorting ...
    沉麟閱讀 1,654評(píng)論 0 0
  • UGUI 控件是UGUI內(nèi)置的,控件上面因因包含不同的組件而不同。 Image組件Image等價(jià)于NGUI的Spr...
    元宇宙協(xié)會(huì)閱讀 2,867評(píng)論 0 5
  • 久違的晴天,家長(zhǎng)會(huì)。 家長(zhǎng)大會(huì)開好到教室時(shí),離放學(xué)已經(jīng)沒多少時(shí)間了。班主任說已經(jīng)安排了三個(gè)家長(zhǎng)分享經(jīng)驗(yàn)。 放學(xué)鈴聲...
    飄雪兒5閱讀 7,819評(píng)論 16 22

友情鏈接更多精彩內(nèi)容