Skip to content

Latest commit

ย 

History

History
57 lines (50 loc) ยท 1.49 KB

Image.md

File metadata and controls

57 lines (50 loc) ยท 1.49 KB

Image

๊ณต์‹๋ฌธ์„œ : A view that displays an image

๊ฐ„๋‹จํ•˜๊ฒŒ ํ™”๋ฉด์— ์ด๋ฏธ์ง€๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ๋ทฐ์ด๋‹ค.

Declaration

@frozen struct Image

Overview

Image("eemdeeks")

Image๋ฅผ SwiftUI์•ฑ์—์„œ ๋ณด์—ฌ์ค„ ๋•Œ ์‚ฌ์šฉ ํ•  ์ˆ˜ ์žˆ๋‹ค.

  • ์•ฑ์˜ asset library๋‚˜ bundle์— ์žˆ๋Š” ํŒŒ์ผ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.(PNG,JPG,HEIC ๋“ฑ๋“ฑ ์‚ฌ์šฉ๊ฐ€๋Šฅ.)

resizable(capInsets:resizingMode:)

์ด๋ฏธ์ง€์˜ ํฌ๊ธฐ๋ฅผ ์กฐ์ ˆํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ค€๋‹ค. ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ๋‹ค๋ฉด ์ด๋ฏธ์ง€ ์›๋ž˜์˜ ํฌ๊ธฐ์— ๊ณ ์ •๋œ๋‹ค.

Image("eemdeeks")
    .resizable()

aspectRatio( :contentMode:)

์ด๋ฏธ์ง€์˜ ๊ฐ€๋กœ, ์ƒˆ๋กœ ๋น„์œจ์„ ๊ณ ์ •ํ•˜์—ฌ ํฌ๊ธฐ๋ฅผ ์กฐ์ •ํ•˜๊ฒŒ ๋„์™€์ค€๋‹ค. ex)

Image("eemdeeks")
    .resizable()
    .aspectRatio(contentMode: .fit)

renderingMode(_:)

Image์˜ rendering๋ฐฉ์‹์„ ๊ฒฐ์ •ํ•ด์ค€๋‹ค.

Image("eemdeeks")
    .renderingMode(.original)

์›๋ณธ, ํ…œํ”Œ๋ฆฟ, ์‹œ์Šคํ…œ ์„ค์ •์— ๋”ฐ๋ผ์„œ rendering๋ฐฉ์‹์„ ๊ฒฐ์ •ํ•ด ์ค„ ์ˆ˜ ์žˆ๋‹ค.

scaledToFit()

Image๊ฐ€ ์ƒ์œ„ ๋ทฐ ์•ˆ์— ์™„์ „ํžˆ ๋“ค์–ด๊ฐˆ ์ˆ˜ ์žˆ๋„๋ก ์ถ•์†Œ๋œ๋‹ค.(์ด ๊ณผ์ •์—์„œ ๊ฐ€๋กœ,์ƒˆ๋กœ ๋น„์œจ์ด ์œ ์ง€๋œ๋‹ค.)

Image("eemdeeks")
    .scaledToFit()

scaledToFill

Image๊ฐ€ ์ƒ์œ„ ๋ทฐ๋ฅผ ์™„์ „ํžˆ ์ฑ„์šฐ๋ฉฐ ๋“ค์–ด๊ฐ„๋‹ค.(ํ•„์š”ํ•œ ๊ฒฝ์šฐ ๊ฐ€๋กœ, ์ƒˆ๋กœ ๋น„์œจ์˜ ๋ณ€๊ฒฝ์ด ๊ฐ€๋Šฅํ•˜๋‹ค.)

Image("eemdeeks")
    .scaledToFill()