SwiftUI - Shape

2023. 3. 1. 23:16ยทiOS/SwiftUI

์•ˆ๋…•ํ•˜์„ธ์š” :D ๋ง๊ณ ์ž…๋‹ˆ๋‹ค๐Ÿฅญ

SwiftUI์˜ Shape์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

shape

SwiftUI์—๋Š” Circle, Rectangle, Ellipse, Capsule ๋“ฑ์˜ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๊ธฐ๋ณธ ๋„ํ˜•๋“ค์„ ์ œ๊ณตํ•œ๋‹ค.

์ด๋“ค์„ ์ด์šฉํ•ด ์›ํ•˜๋Š” ๋ชจ์–‘, ์ƒ‰์„ ์ง€์ •ํ•ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

Circle


 

Circle()
.fill(Color.orange) //์ƒ‰์ƒ์ฑ„์šฐ๊ธฐ
.foregroundColor(.pink) //์ƒ‰์ƒ์ฑ„์šฐ๊ธฐ
.stroke() //ํ…Œ๋‘๋ฆฌ
.stroke(Color.red) //ํ…Œ๋‘๋ฆฌ์ƒ‰์ƒ
.stroke(Color.gray, lineWidth: 30) // ํ…Œ๋‘๋ฆฌ๋‘๊ป˜
.stroke(Color.orange, style: StrokeStyle(lineWidth: 20, lineCap: .butt, dash: [10])) 
// StrokeStyle์„ ํ†ตํ•ด ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์ปค์Šคํ…€ ๊ฐ€๋Šฅ

.trim(from: 0.2, to: 1.0) // ๋„ํ˜•์˜ ๋ถˆ ํ•„์š”ํ•œ ๋ถ€๋ถ„์„ ์ œ๊ฑฐ
.stroke(Color.purple, lineWidth: 50) // ์ด๋Ÿฐ์‹์œผ๋กœ trim๊ณผ ํ•จ๊ป˜ ์‚ฌ์šฉ ๊ฐ€๋Šฅ

Ellipse


 

Ellipse()
    .frame(width: 200, height: 100)

Capsule


Capsule(style: .circular)
    .frame(width: 200, height: 100)
  • ํ…์ŠคํŠธ ๋’ค๋‚˜ ๋ฒ„ํŠผ ๋’ค์— ๋„ฃ๊ณ  ์‹ถ์„ ๋•Œ ์œ ์šฉ

Rectangle


Rectangle()
    .frame(width: 200, height: 100)

'iOS > SwiftUI' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

SwiftUI - Navigation dismiss  (0) 2023.03.07
SwiftUI - NavigationView & NavigationLink  (0) 2023.03.05
SwiftUI - Color  (0) 2023.03.03
SwiftUI - Text  (0) 2023.02.27
[iOS/SwiftUI] Image ํฌ๊ธฐ ์กฐ์ ˆํ•˜๊ธฐ  (0) 2022.11.06
'iOS/SwiftUI' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • SwiftUI - NavigationView & NavigationLink
  • SwiftUI - Color
  • SwiftUI - Text
  • [iOS/SwiftUI] Image ํฌ๊ธฐ ์กฐ์ ˆํ•˜๊ธฐ
๐ŸฅญMango
๐ŸฅญMango
  • ๐ŸฅญMango
    AppleMango๐Ÿฅญ
    ๐ŸฅญMango
  • ์ „์ฒด
    ์˜ค๋Š˜
    ์–ด์ œ
    • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ
      • iOS
        • Swift
        • SwiftUI
        • RxSwift
      • Algorithm
        • C
        • Python
        • Swift
      • Computer Science
        • ์ปดํ“จํ„ฐ ๋„คํŠธ์›Œํฌ
        • OS
      • ...
      • ๊ฐœ๋ฐœ ํƒ€์ž„์บก์А
        • Python
        • Flutter
        • Android
        • Kotlin
        • Java
  • ๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

    • ํ™ˆ
    • ํƒœ๊ทธ
    • ๋ฐฉ๋ช…๋ก
  • ๋งํฌ

  • ๊ณต์ง€์‚ฌํ•ญ

  • ์ธ๊ธฐ ๊ธ€

  • ํƒœ๊ทธ

    ์Šคํƒ
    ํŒŒ์ด์ฌ
    Custom Map Marker
    ํŒŒ์ด์ฌ ์ •๋ ฌ
    14503 ๋กœ๋ด‡์ฒญ์†Œ๊ธฐ
    swiftUI tabview
    ํŒŒ์ด์ฌ 6118
    typing animation
    Swift Hello World!
    SwiftUI Apple Login
    1613 ํŒŒ์ด์ฌ
    SwiftUI
    MapMarker
    ํŒŒ์ด์ฌ ํ† ๋งˆํ† 
    Apple Login
    1์ฐจ์› ๋ฟŒ์š”๋ฟŒ์š”
    ํ† ๋งˆํ† 
    swiftUI Gradients
    ์ฝ”ํ‹€๋ฆฐ ์ƒ์†
    Code Base
    ์ฝ”ํ‹€๋ฆฐ
    ์—ญ์‚ฌ ํŒŒ์ด์ฌ
    14503 ํŒŒ์ด์ฌ
    ๋ฐฑ์ค€ ์†Œ์ˆ˜
    ํŒŒ์ด์ฌ 14503
    6118
    1613 ์—ญ์‚ฌ
    ํŒŒ์ด์ฌ 1459
    ๋ฐฑ์ค€ ํ† ๋งˆํ† 
    IOS
  • ์ตœ๊ทผ ๋Œ“๊ธ€

  • ์ตœ๊ทผ ๊ธ€

  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.2
๐ŸฅญMango
SwiftUI - Shape
์ƒ๋‹จ์œผ๋กœ

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