ΒΆ π ΠΠ»ΠΎΠΊ ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°Ρ Π² EyeAuras
ΠΠ»ΠΎΠΊ ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π² ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΡ ΠΈ ΡΡΠΈΠ³Π³Π΅ΡΠ°Ρ . ΠΠ½ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ:
- π ΠΠ°Π΄Π°ΡΡ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΠΉ ΡΠ΅Π³ΠΈΠΎΠ½ Π·Π°Ρ Π²Π°ΡΠ°.
- π Π£ΠΊΠ°Π·Π°ΡΡ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΎΠ²Π΅ΡΠ»Π΅Ρ ΠΈΠ»ΠΈ Π΄ΡΡΠ³ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π½Π° ΡΠΊΡΠ°Π½Π΅.
ΒΆ π ΠΡΡ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ
Π EyeAuras ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΡΡΠΈ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΡΠΈΡΡΠ΅ΠΌΡ ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°Ρ:
ΒΆ π₯οΈ ΠΠΊΡΠ°Π½Π½ΡΠ΅ ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°ΡΡ
ΠΠ±ΡΠΎΠ»ΡΡΠ½ΡΠ΅ ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°ΡΡ Π½Π° ΡΠΊΡΠ°Π½Π΅. ΠΠ±ΡΡΠ½ΠΎ Π²Π΅ΡΡ Π½ΠΈΠΉ Π»Π΅Π²ΡΠΉ ΡΠ³ΠΎΠ» ΠΈΠΌΠ΅Π΅Ρ ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°ΡΡ (0,0), Π° Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΏΡΠ°Π²ΡΠΉ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΠ΅Ρ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΡ ΡΠΊΡΠ°Π½Π° (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, 1920x1080). ΠΡΠ»ΠΈ Ρ Π²Π°Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΌΠΎΠ½ΠΈΡΠΎΡΠΎΠ², Π²Π΅ΡΡ Π½ΠΈΠΉ Π»Π΅Π²ΡΠΉ ΡΠ³ΠΎΠ» ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΎΡΡΠΈΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΌ.
π’ ΠΠΎΠ³Π΄Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ?
- ΠΠ»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΎΠ²Π΅ΡΠ»Π΅Π΅Π² ΠΈ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π½Π°ΠΉΠ΄Π΅Π½Π½ΡΡ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ².
- ΠΠ»Ρ ΠΊΠ»ΠΈΠΊΠΎΠ² Π½Π° ΡΠΊΡΠ°Π½Π΅ Π±Π΅Π· ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΈ ΠΊ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠΌΡ ΠΎΠΊΠ½Ρ.
ΒΆ πͺ ΠΠΎΠΎΡΠ΄ΠΈΠ½Π°ΡΡ ΠΎΠΊΠ½Π°
ΠΠΎΠΎΡΠ΄ΠΈΠ½Π°ΡΡ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π²Π΅ΡΡ Π½Π΅Π³ΠΎ Π»Π΅Π²ΠΎΠ³ΠΎ ΡΠ³Π»Π° ΠΎΠΊΠ½Π°.
π’ ΠΠΎΠ³Π΄Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ?
- Π Π΅Π³ΠΈΠΎΠ½Ρ Π·Π°Ρ Π²Π°ΡΠ° Π²ΠΎ Π²ΡΠ΅Ρ ΡΡΠΈΠ³Π³Π΅ΡΠ°Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°ΡΠ°Ρ ΠΎΠΊΠ½Π°.
ΒΆ π² ΠΡΠ°Π½ΠΈΡΡ Π½Π°ΠΉΠ΄Π΅Π½Π½ΠΎΠ³ΠΎ ΠΎΠ±ΡΠ΅ΠΊΡΠ° (Match bounds)
ΠΠΎΠΎΡΠ΄ΠΈΠ½Π°ΡΡ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π½Π°ΠΉΠ΄Π΅Π½Π½ΠΎΠ³ΠΎ ΠΎΠ±ΡΠ΅ΠΊΡΠ° Π²Π½ΡΡΡΠΈ ΠΎΠΊΠ½Π°.
π ΠΠΎΠ³Π΄Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ?
- Π Π΅Π΄ΠΊΠΎ. ΠΠ±ΡΡΠ½ΠΎ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΡΠΊΡΠ°Π½Π½ΡΡ ΠΈΠ»ΠΈ ΠΎΠΊΠΎΠ½Π½ΡΡ ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°Ρ.
ΒΆ π ΠΠΎΠ·ΠΈΡΠΈΡ ΠΈ ΡΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅
ΠΠΎΠ·ΠΈΡΠΈΡ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ Π΅Π³ΠΎ ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°ΡΠ°ΠΌΠΈ X (ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ) ΠΈ Y (ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ), Π° ΡΠ°ΠΊΠΆΠ΅ Π΅Π³ΠΎ ΡΠΈΡΠΈΠ½ΠΎΠΉ (Width) ΠΈ Π²ΡΡΠΎΡΠΎΠΉ (Height).
ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Offset (X, Y, Width, Height) ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠΌΠ΅ΡΡΠΈΡΡ ΠΏΠΎΠ·ΠΈΡΠΈΡ ΠΎΠ²Π΅ΡΠ»Π΅Ρ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ:
- ΠΠΎΠ·ΠΈΡΠΈΡ: (100, 100)
- Offset: (10, 20)
- π ΠΡΠΎΠ³ΠΎΠ²Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ: (110, 120)
ΒΆ β Π―ΠΊΠΎΡΡ (Anchors)
Π EyeAuras ΡΡΡΠ΅ΡΡΠ²ΡΡΡ Π΄Π²Π° ΡΠΈΠΏΠ° ΡΠΊΠΎΡΠ΅ΠΉ:
- ΠΠΎΠ·ΠΈΡΠΈΠΎΠ½Π½ΡΠΉ (Position Anchor)
- ΠΠΎΠ½ΡΠ΅Π½ΡΠ½ΡΠΉ (Content Anchor)
ΒΆ π ΠΠΎΠ·ΠΈΡΠΈΠΎΠ½Π½ΡΠΉ ΡΠΊΠΎΡΡ
ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠΎΡΠΊΡ ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΈ Π²Π½ΡΡΡΠΈ ΠΎΠΊΠ½Π° ΠΈΠ»ΠΈ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊΠ°. ΠΠΎΠ·ΠΈΡΠΈΡ ΠΈ ΡΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΠ°ΡΡΡΠΈΡΡΠ²Π°ΡΡΡΡ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΡΠΎΠΉ ΡΠΎΡΠΊΠΈ.
ΠΡΠΈΠΌΠ΅Ρ: ΠΡΠ»ΠΈ ΡΠΊΠΎΡΡ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ Π² TopLeft, ΡΠΎ ΠΏΠΎΠ·ΠΈΡΠΈΡ ΠΈ ΡΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ Π±ΡΠ΄ΡΡ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡ Π½Π° Π²Π΅ΡΡ Π½ΠΈΠΉ Π»Π΅Π²ΡΠΉ ΡΠ³ΠΎΠ» ΠΎΠΊΠ½Π°. ΠΡΠ»ΠΈ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ Π² Center, ΡΠΎ β Π½Π° ΡΠ΅Π½ΡΡ ΠΎΠΊΠ½Π°.
ΒΆ π³ ΠΡΠΈΠΌΠ΅ΡΡ ΡΠΊΠΎΡΠ΅ΠΉ
ΒΆ π AnchorType: TopLeft
- ΠΠΎΠ·ΠΈΡΠΈΡ: (300, 100), Π Π°Π·ΠΌΠ΅Ρ: (200, 100), Offset: (0, 0, 0, 0) β (300, 100, 200, 100)
- ΠΠΎΠ·ΠΈΡΠΈΡ: (300, 100), Π Π°Π·ΠΌΠ΅Ρ: (200, 100), Offset: (100, 50, 0, 0) β (400, 150, 200, 100)
ΒΆ π AnchorType: Top
- ΠΠΎΠ·ΠΈΡΠΈΡ: (300, 100), Π Π°Π·ΠΌΠ΅Ρ: (200, 100), Offset: (0, 0, 0, 0) β (200, 100, 200, 100)
- ΠΠΎΠ·ΠΈΡΠΈΡ: (300, 100), Π Π°Π·ΠΌΠ΅Ρ: (200, 100), Offset: (100, 50, 0, 0) β (250, 150, 200, 100)
ΒΆ π AnchorType: TopRight
- ΠΠΎΠ·ΠΈΡΠΈΡ: (300, 100), Π Π°Π·ΠΌΠ΅Ρ: (200, 100), Offset: (0, 0, 0, 0) β (100, 100, 200, 100)
- ΠΠΎΠ·ΠΈΡΠΈΡ: (300, 100), Π Π°Π·ΠΌΠ΅Ρ: (200, 100), Offset: (100, 50, 0, 0) β (200, 150, 200, 100)
ΒΆ β‘οΈ AnchorType: Right
- ΠΠΎΠ·ΠΈΡΠΈΡ: (300, 100), Π Π°Π·ΠΌΠ΅Ρ: (200, 100), Offset: (0, 0, 0, 0) β (100, 50, 200, 100)
- ΠΠΎΠ·ΠΈΡΠΈΡ: (300, 100), Π Π°Π·ΠΌΠ΅Ρ: (200, 100), Offset: (100, 50, 0, 0) β (200, 75, 200, 100)
ΒΆ π½ AnchorType: BottomRight
- ΠΠΎΠ·ΠΈΡΠΈΡ: (300, 100), Π Π°Π·ΠΌΠ΅Ρ: (200, 100), Offset: (0, 0, 0, 0) β (100, 0, 200, 100)
- ΠΠΎΠ·ΠΈΡΠΈΡ: (300, 100), Π Π°Π·ΠΌΠ΅Ρ: (200, 100), Offset: (100, 50, 0, 0) β (200, -50, 200, 100)
ΒΆ π½ AnchorType: Bottom
- ΠΠΎΠ·ΠΈΡΠΈΡ: (300, 100), Π Π°Π·ΠΌΠ΅Ρ: (200, 100), Offset: (0, 0, 0, 0) β (200, 0, 200, 100)
- ΠΠΎΠ·ΠΈΡΠΈΡ: (300, 100), Π Π°Π·ΠΌΠ΅Ρ: (200, 100), Offset: (100, 50, 0, 0) β (250, -50, 200, 100)
ΒΆ β¬ οΈ AnchorType: Left
- ΠΠΎΠ·ΠΈΡΠΈΡ: (300, 100), Π Π°Π·ΠΌΠ΅Ρ: (200, 100), Offset: (0, 0, 0, 0) β (300, 50, 200, 100)
- ΠΠΎΠ·ΠΈΡΠΈΡ: (300, 100), Π Π°Π·ΠΌΠ΅Ρ: (200, 100), Offset: (100, 50, 0, 0) β (400, 75, 200, 100)
ΒΆ π― AnchorType: Center
- ΠΠΎΠ·ΠΈΡΠΈΡ: (300, 100), Π Π°Π·ΠΌΠ΅Ρ: (200, 100), Offset: (0, 0, 0, 0) β (200, 50, 200, 100)
- ΠΠΎΠ·ΠΈΡΠΈΡ: (300, 100), Π Π°Π·ΠΌΠ΅Ρ: (200, 100), Offset: (100, 50, 0, 0) β (250, 25, 200, 100)
ΒΆ πΌοΈ ΠΠΎΠ½ΡΠ΅Π½ΡΠ½ΡΠΉ ΡΠΊΠΎΡΡ
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π² ΠΎΡΠΎΠ±ΡΡ ΡΠ»ΡΡΠ°ΡΡ Π΄Π»Ρ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π²Π½ΡΡΡΠΈ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊΠ° ΠΈΠ»ΠΈ ΠΎΠΊΠ½Π°.
