์ด๋ฏธ์ง ํน์ ๋ถ๋ถ๋ง ๋๋ฆฌ๊ธฐ (Image Slicing, Image Stretch)
์ด๋ฐ ์ด๋ฏธ์ง์ ํฐ์ ๋ฐฐ๊ฒฝ์ ๋งํ์ ์ ์ฌ์ฉํ๋ ค๊ณ ํฉ๋๋ค.
๋ง์ฝ ์ฌ๊ธฐ์ ์ด๋ฏธ์ง์ width๋ง ๋์ด๋๊ฒ ๋ ๊ฒฝ์ฐ cornerRadius์ ๊ฐ์ด ์ ์ง๋์ง ๋ชปํ๊ณ ๊นจ์ง๊ฒ ๋ฉ๋๋ค.
์ด๋ฅผ Image Slicing์ Stretch ๊ธฐ๋ฅ์ผ๋ก ๋ฌธ์ ๋ฅผ ํด๊ฒฐ ํ ์ ์์ต๋๋ค.
์๋๋ก์ด๋์์๋ 9-Patch๋ผ๊ณ ํ๋๋ผ๊ตฌ์
์ฐ์ Asset์์ ํน์ ๋ถ๋ถ๋ง ๋๋ฆฌ๊ณ ์ ํ๋ ์ด๋ฏธ์ง๋ฅผ ์ ํํด์ค ๋ค,
Show Overview ๋์ ์ Editor์ Show Slicing๋ฅผ ์ฒดํฌํฉ๋๋ค.
๊ทธ๋ฌ๋ฉด ์ด๋ ๊ฒ ๊ฐ๋ก ์ธ๋ก ์์ญ์ ์ก์ ์ ์๋๋ฐ,
๊ฐ๋ก๋ง ๋์ด๊ณ ์ถ๋ค๋ฉด ๊ฐ๋ก๋ง, ๊ฐ๋ก์ธ๋ก ๋๋ค ์ก์์ ๋์ด๊ณ ์ถ๋ค๋ฉด ๋๋ค ์ ํํด์ฃผ์๋ฉด ๋ฉ๋๋ค.
๋์ด๋๊ฒ ํ๊ณ ์ถ์ ์์ญ์ ์ ์ด๋ฏธ์ง ์ฒ๋ผ ์ ํํฉ๋๋ค.
๋ง์ง๋ง์ผ๋ก ์ด๋ฏธ์ง contentMode์์ ๋์ด๋๊ฒ๋ ์์ญ์ด ๋น์จ์ ์ ์งํ๋ฉฐ ๋์ด๋๋๊ฒ ์๋๋ฏ๋ก
scaleAspect ๋์ scaleToFill ๋ก ์ฃผ๊ฒ ๋๋ฉด ( image.contentMode = .scaleToFill )
์ํ๋
์ด๋ฏธ์ง์ ๊ฐ๋ก ์ธ๋ก๊ฐ ๋์ด๋ ๊ฒฝ์ฐ ํด๋น ์์ญ๋ถ๋ถ๋ง ๋์ด๋๊ฒ ํ ์ ์์ต๋๋ค.
๊ฐ์ฌํฉ๋๋ค~