UGUI筆記2-Image妹蔽、RawImage和Text控件

Image控件是用來顯示一張圖片的晶伦,sprite類型的

一.Image的組件介紹

image.png

CanvasRenderer:負責UI元素的渲染逝淹,所有UI控件都需要一個CanvasRenderer,它繼承自Componet
SpriteRenderer(渲染sprite用的)膀值、MeshRenderer(渲染三維物體用的)棍丐、SkinnedMeshRenderer(渲染蒙皮的物體),它們都繼承自Renderer負責渲染的

image.png

SourceImage:是你要顯示的圖片沧踏,下面的有一個對應(yīng)的Set Native Size按鈕歌逢,圖片有可能會被拉伸,按這個按鈕可以讓Image控件的寬高設(shè)置為和圖片原始的寬高一樣翘狱,
Material:材質(zhì)秘案,當我們需要一些比較高級的效果,比如你要為這張圖片編寫自己的shader的時候,才會用到材質(zhì)
ImageType:表示圖片展示的類型阱高,默認是Simple赚导,就是正常顯示,對應(yīng)一個Preserve Aspect選項赤惊,意思是吼旧,是否保持比例(寬高比),在屏幕適配的時候荐捻,圖片有可能會拉伸黍少,這時候為了不讓圖片失真,一般會勾選這個選項

  • Tiled:重復(fù)平鋪


    image.png
  • Filled:填充模式处面,用于制作進度條厂置、血條、技能冷卻之類的


    image.png

    Fill Method:填充方法可以是360度魂角,180度昵济,90度,垂直方向野揪,水平方向
    Fill Origin:填充起始點
    Fill Amount:填充量访忿,它是通過圖片來填充Image控件,0的時候是沒有斯稳,1就是完整填充

  • Sliced:九宮格模式海铆,某一個部分不想讓它縮放,因為縮放拉伸會使圖片失真挣惰,比如圖片的四個角卧斟,這個時候可以用九宮切圖,分成九個部分憎茂,只讓中間進行縮放珍语,一般是用于背景

代碼獲取方式

1.引入命名空間
using UnityEngine.UI
2.獲取組件
Image image = GetComponent<Image>();
3.改變屬性
image.sprite = xxx;

RawImage控件

RawImage控件也是用來顯示一張圖片的,但是顯示的圖片是Texture類型的圖片.

image.png

這個控件在通過網(wǎng)絡(luò)加載圖片的時候用的比較多一點竖幔,例如:

image.png

Text控件

用于顯示文本板乙,這個和一些應(yīng)用里面的字體差不多,沒什么好說的
Line Spacing:行距
Rich Text:是否使用富文本拳氢,就是會檢測到尖括號
Best Fit:根據(jù)Text控件的大小來顯示合適的字體大小募逞,字體大小會受控件大小的限制,即文本會完整顯示


image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末馋评,一起剝皮案震驚了整個濱河市放接,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌栗恩,老刑警劉巖透乾,帶你破解...
    沈念sama閱讀 218,682評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件洪燥,死亡現(xiàn)場離奇詭異,居然都是意外死亡乳乌,警方通過查閱死者的電腦和手機捧韵,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,277評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來汉操,“玉大人再来,你說我怎么就攤上這事×琢觯” “怎么了芒篷?”我有些...
    開封第一講書人閱讀 165,083評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長采缚。 經(jīng)常有香客問我针炉,道長,這世上最難降的妖魔是什么扳抽? 我笑而不...
    開封第一講書人閱讀 58,763評論 1 295
  • 正文 為了忘掉前任篡帕,我火速辦了婚禮,結(jié)果婚禮上贸呢,老公的妹妹穿的比我還像新娘镰烧。我一直安慰自己,他們只是感情好楞陷,可當我...
    茶點故事閱讀 67,785評論 6 392
  • 文/花漫 我一把揭開白布怔鳖。 她就那樣靜靜地躺著,像睡著了一般固蛾。 火紅的嫁衣襯著肌膚如雪结执。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,624評論 1 305
  • 那天魏铅,我揣著相機與錄音昌犹,去河邊找鬼坚芜。 笑死览芳,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的鸿竖。 我是一名探鬼主播沧竟,決...
    沈念sama閱讀 40,358評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼缚忧!你這毒婦竟也來了悟泵?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,261評論 0 276
  • 序言:老撾萬榮一對情侶失蹤闪水,失蹤者是張志新(化名)和其女友劉穎糕非,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,722評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡朽肥,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年禁筏,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片衡招。...
    茶點故事閱讀 40,030評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡篱昔,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出始腾,到底是詐尸還是另有隱情州刽,我是刑警寧澤,帶...
    沈念sama閱讀 35,737評論 5 346
  • 正文 年R本政府宣布浪箭,位于F島的核電站穗椅,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏奶栖。R本人自食惡果不足惜房待,卻給世界環(huán)境...
    茶點故事閱讀 41,360評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望驼抹。 院中可真熱鬧桑孩,春花似錦、人聲如沸框冀。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,941評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽明也。三九已至宣虾,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間温数,已是汗流浹背绣硝。 一陣腳步聲響...
    開封第一講書人閱讀 33,057評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留撑刺,地道東北人鹉胖。 一個月前我還...
    沈念sama閱讀 48,237評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像够傍,于是被迫代替她去往敵國和親甫菠。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,976評論 2 355

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,160評論 25 707
  • ¥開啟¥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程冕屯,因...
    小菜c閱讀 6,424評論 0 17
  • -20170622 雨- 一場雨寂诱,沖刷著聒噪內(nèi)心中的泥濘。 我們盼望著安聘,盼望著痰洒,仿佛置身在城市中央瓢棒, 終于等到了一...
    nancyaway閱讀 224評論 3 2
  • 安裝包 http://edadownload.software.keysight.com/akdlm/downlo...
    WICKII閱讀 1,028評論 0 0
  • 印象筆記是很多人進行知識管理的重要工具,我最近也對此進行了一定的研究丘喻,特別是讀了李參老師的書音羞,并做了筆記。要點如下...
    海哥0001閱讀 532評論 6 3