文本和圖像組件在官方文檔中被稱爲Visual Components可視組件，是其他一些被稱爲Interaction Components交互組件基礎。交互組件的外觀都是由文本和圖像組件構成的，Interaction Components交互組件的外觀調整都是基於Visual Components可視組件。
Text（文本）遊戲對象
Character（字符）屬性中包括了Font（字體），Font Style(字體樣式)等。中文內容在某些機型上會出現亂碼或無法顯示的情況，所以，用到中文最好還是設置字體，本人經常使用的是思源黑體，8M左右。
Best Fit（自適應）選中以後，可以設置顯示的最小字體和最大字體，系統將根據文字內容的多少自動設置字體大小，在處理不同大小屏幕的時候經常用到。
Unity還提供了字體輪廓和陰影的組件，可以設置字體的陰影和輪廓。
對於初學者的，不建議在富文本，邊框，陰影和材質上花太多精力，如果需要將文本變得很漂亮，請考慮使用TextMesh Pro。
Image（圖像）遊戲對象
Unity有2種圖像相關的遊戲對象，Image（圖像）遊戲對象和Raw Image（原始圖像）遊戲對象。Raw Image遊戲對象的優點是可以設置任何紋理圖片用於顯示，Image遊戲對象則只能使用Sprite（精靈）的圖片紋理用於顯示，但是Image遊戲對象在對齊方面有優勢。通常，UI還是推薦使用Image遊戲對象，只有在需要顯示動態內容如視頻，3D模型，物理攝像頭內容的時候才考慮用Raw Image遊戲對象。
導入的圖像文件默認【Texture Type（紋理類型）】爲“Default”，在【Project（項目窗口）】選中圖像資源以後，在【Inspector（檢查器窗口）】，選擇【Texture Type】的屬性爲“Sprite(2D and UI)”，然後點擊【Apply】按鈕，即可將紋理類型設置爲Sprite精靈類型。
Image圖像遊戲對象有4種圖像展示類型。
簡單類型是最基本的展示方法，將【Image Type】的值設置爲“Simple”，此時，可以通過選中【Preserve Aspect】選項保持圖像的長寬比例，也可以通過點擊【Set Native Size】將圖像大小設置爲與圖像分辨率一致。
平鋪模式通常用於比較小的圖像，通過循環顯示的方式來顯示成一個大的圖像。將【Image Type】的值設置爲“Tiled”之後，圖像會重複鋪滿整個顯示區域。
將【Image Type】的值設置爲“Filled”則進入填充模式，該模式下，圖像會以不同的方式填充在顯示區域內。這種模式更多的是用於動態展示圖像出現的過程。
九宮格顯示主要是用於背景或者按鈕等類型的顯示，只用一個圖像紋理，就能適應多種大小和長寬比的顯示，並且保持風格一致。
首先需要安裝“2D Sprite”插件。
安裝好以後，點擊【Sprite Editor】按鈕，則會彈出【Sprite Editor】窗口。此時在圖像的4個邊上有4條線。
將4條線拖到圖像中，利用4條線將圖像分割爲9個部分。點擊【Apply】按鈕即可。
這裏，9個部分中，中心的區域是被上下左右拉伸填充的，上下和左右的區域只被水平和垂直拉伸，4個角的圖像不會變。 此時將這個圖像紋理設置爲Image圖像遊戲對象的【Source Image】屬性的值，將【Image Type】設置爲“Sliced”切片。
Raycast Target（光線透視目標）選項
Raycast Target光線透視目標選項默認爲選中狀態，此時點擊只會影響到最上層的UI。如下圖中，當一個Image圖像覆蓋住一個Button按鈕的時候，此時是無法點擊到按鈕的。
如果取消Image圖像遊戲對象的Raycast Target光線透視目標選項，則可以點擊下方的按鈕。這個在設計某些複雜的UI的時候會需要用到。
Mask（遮罩）和Rect Mask 2D（矩形遮罩）
Mask遮罩組件Mask遮罩和Rect Mask 2D遮罩組件都是用於限制子游戲對象的顯示範圍和形狀。可以通過父遊戲對象（Text文本遊戲對象或者Image圖像遊戲對象）內容形狀實現特定形狀的顯示。
Rect Mask 2D遮罩組件只能顯示顯示爲矩形，但是性能更高，使用也更方便，如果只是顯示矩形區域，推薦使用Rect Mask 2D遮罩組件。
Mask遮罩組件需要有Image圖像遊戲對象或者Text文本遊戲對象作爲模板，不可以建立在空的遊戲對象上。如果Mask遮罩組件所在的Image圖像遊戲對象的圖像是漸變圖像，則顯示的內容也會有漸變效果。
如果用Text文本遊戲對象代替Image圖像遊戲對象，則效果如下。
