UI och Canvas*
Canvas
Canvas betyder mÄlarduk, och det Àr Canvas-objektet som samlar alla UI-element nÀr man anvÀnder Unitys vanliga system för att skapa grÀnssnitt. Genom att lÀgga in bilder, knappar och andra element i Canvasen sÄ blir de spelets grÀnssnitt.
Canvas screen space
Canvas-objektet har samma proportioner som spelfönstret, och oavsett objektets storlek sÄ projiceras objektet som helhet ovanpÄ spelkamerans vy nÀr man spelar spelet. Canvasen skalas alltsÄ sÄ att dess kanter lÀggs precis pÄ kamerans kanter.
NÀr man normalt skapar en Canvas sÄ Àr denna jÀttestor i scenvyn. Det beror pÄ att den har Render Mode Screen Space: Overlay. DÄ Àr canvasobjektets storlek frikopplad frÄn kamerans storlek i scene view, vilket fungerar ganska bra för 3D-spel.
För 2D-spel, framför allt sÄdana som bara har en kamera, passar det ofta bÀttre att anvÀnda Screen Space: Camera som Render Mode. Det stÀlls in i Canvas-komponenten. DÄ behöver man ocksÄ ange vilken kamera canvasen ska anpassa sig efter.
Rect transform
En rect transform har fler delar Àn en vanlig transform.
Anchor avgör hur ett UI-objekt ska positioneras. Anchor har Min X/Y och Max X/Y. Alla fÄr frÄn 0 till 1, dÀr 0 Àr lÀngst ner till vÀnster och 1 Àr högst upp till höger. Detta Àr relativt objektet som rect transformens objekt befinner sig i, sÄ ett objekt som ligger i canvasen anvÀnder canvasen som utgÄngspunkt.
Min Y och Max Y Àr likadana: anvÀnd Pos Y och Height pÄ Y-led.
Pos Y bestÀmmer hur lÄngt frÄn Min/Max Y som objektet befinner sig.
Height bestÀmmer höjden pÄ objektet.
Min Y och Max Y Àr olika: anvÀnd Top och Bottom pÄ Y-led.
Top bestÀmmer hur lÄngt frÄn Min Y som objektets övre del Àr.
Bottom bestÀmmer hur lÄngt frÄn Max Y som objektets nedre del Àr.
Min X och Max X fungerar pÄ samma sÀtt.
De Àr olika: anvÀnd Pos X och Width.
De Àr lika: anvÀnd Left och Right.
Pivot avgör var pÄ objektet dess koordinater ska rÀknas frÄn. Det gÀller framför allt om Pos X eller Pos Y ska anvÀndas. Pivot X 0 och Y 0 innebÀr att det Àr objektets nedre vÀnstra hörn man bestÀmmer position för. X 1 och Y 1 innebÀr att det Àr objektets övre högra hörn man bestÀmmer position för.
NÄgra exempel pÄ hur man uppnÄr olika saker med ovanstÄende system:
Objektet Àr lika stort som skÀrmen
Anchor Min X/Y 0, Max X/Y 1
Left/Right/Top/Bottom 0
Objektet upptar hela vÀnsterkanten och Àr 300 pixlar brett
Anchor Min Y 0, Max Y 1
Anchor Min/Max X 0
Top/Bottom/Pos X 0
Width 300
Objektet ligger i mitten lÀngst ner pÄ skÀrmen och Àr 500 pixlar brett och 100 högt
Anchor Min/Max X 0.5
Anchor Min/Max Y 0
Width 300, Height 100
GenvÀgar
LÀngst upp till vÀnster i Rect Transform finns en grafisk ruta. Klickar pÄ den fr man fram ett rutnÀt med 4x4 rutor och tillhörande rad- och kolumnrubriker.
Knappar
(KommerâŠ)
Events
(KommerâŠ)
Last updated