๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Mask

iOS 2022. 10. 20. [CoreAnimation] Layer Masking (feat. ํ‚ค ๋ชจ์–‘ ๋งŒ๋“ค๊ธฐ) ์•ˆ๋…•ํ•˜์„ธ์š”! ์˜ค๋Š˜์€ ๋ ˆ์ด์–ด ๋งˆ์Šคํ‚น์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๋ ค ํ•ฉ๋‹ˆ๋‹ค. ํŠธ๋Ÿฌ๋ธ” ์ŠˆํŒ…๋„ ์กฐ๊ธˆ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ทฐ์˜ ์ผ๋ถ€๋ฅผ ์ž˜๋ผ์„œ ๋ณด์—ฌ์ฃผ๊ณ  ์‹ถ์€ ์• ๋‹ˆ๋ฉ”์ด์…˜ ๊ตฌํ˜„ ๋‚ด์šฉ์ด ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๋ณดํ†ต ๋ทฐ์˜ ๋ชจ์„œ๋ฆฌ๋ถ€๋ถ„์„ ๋‘ฅ๊ธ€๊ฒŒ ์ž๋ฅด๋Š” ํ”„๋กœํผํ‹ฐ๋กœ layer.cornerRadius์™€ maskToBounds๋ฅผ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ €ํฌ๊ฐ€ ์™„์ „ํžˆ ์›ํ•˜๋Š” ๋ชจ์–‘์œผ๋กœ ์ž˜๋ผ์„œ ์ผ๋ถ€๋งŒ ๋ณด์—ฌ์ฃผ๊ณ  ์‹ถ์€ ์ƒํ™ฉ์ด์—ˆ์Šต๋‹ˆ๋‹ค. ์ด ์ƒํ™ฉ์€ layer์˜ mask ํ”„๋กœํผํ‹ฐ๋ฅผ ์ด์šฉํ•ด์„œ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์• ํ”Œ์—์„  ์ด๋ ‡๊ฒŒ ์„ค๋ช…์„ ํ•ฉ๋‹ˆ๋‹ค. An optional view whose alpha channel is used to mask a view’s content. ๋ทฐ์˜ ์ฝ˜ํ…์ธ ๋ฅผ ๋งˆ์Šคํ‚นํ•˜๋Š”๋ฐ ์•ŒํŒŒ ์ฑ„๋„์„ ์‚ฌ์šฉํ•˜๋Š” ์„ ํƒ์  ๋ทฐ๋ผ๊ณ  ํ•ด์„ํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ ๋ทฐ์˜ ์ผ๋ถ€๋งŒ์„ ๋ณด์—ฌ์ฃผ๊ณ  ์‹ถ์„ ๋•Œ..

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”