[iOS] 겹치는 원형 이미지 만들기

오랜만에 iOS외주를 하게 됐는데, 

 

이런식으로 겹치는 원형 이미지가 필요한 부분이 있었다. 

 

 

이런식으로 stackView에 넣어서 distribution을 fill equally로 하고, spacing을 음수로 줘서 해결할 수 있어서 간단할거라고 생각했는데

 

저 이미지를 렌더링 하는 부분에서 UIImage 형태로만 원해서 아예 Image를 편집해서 넣어야 하게 되었다. 

 

그래서 이 글  을 참조해서 아예 코드를 새로 짜게 되었다. 

 

  let bottomImage = UIImage(systemName: "folder.circle.fill")
    let topImage = UIImage(systemName: "doc.circle.fill")
    // 새로운 이미지의 사이즈
    let size = CGSize(width: 35, height: 20)
    UIGraphicsBeginImageContext(size)

    bottom_border!.draw(at: CGPoint(x: 10, y: 0))
     // 수치는 ui/ux문서 보고 대입해서 넣기
    topImage!.draw(at: CGPoint(x: 0, y: 0))

    let newImage: UIImage = UIGraphicsGetImageFromCurrentImageContext()!
    UIGraphicsEndImageContext()

    return newImage

 

테두리는

https://stackoverflow.com/questions/34984966/rounding-uiimage-and-adding-a-border

이 내용 참조해서 넣으면 된당. 끝