Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

이미지 편집 뷰 Layout #40

Merged
merged 12 commits into from
Nov 10, 2024
Merged

이미지 편집 뷰 Layout #40

merged 12 commits into from
Nov 10, 2024

Conversation

k2645
Copy link
Collaborator

@k2645 k2645 commented Nov 9, 2024

#️⃣ 연관된 이슈


📝 작업 내용

  • 이미지 편집 뷰 Layout 구현
  • Divided view, Dimmed view extension으로 구현
  • 키보드 내리는 함수 UIViewController의 extension에 구현

📒 리뷰 노트

최대한 깔끔하게 써보려 노력했지만.. constraints 잡는 부분과 property 부분이 많이 더럽습니다..

가운데 dimmed 되어있는 부분은 어떻게 처리할까 고민해보다가 ImageView 위에 Dimmed View 2개와 실제 들어갈 부분을 나타내는 Clear View 1개를 addSubView 해주었습니다. AutoLayout으로 잡아서 4:3 비율로 들어가게끔 만들어줬는데, 불필요하게 코드가 길어진건가.. 싶습니다.. 더 좋은 방법이 있다면 알려주시면 감사하겠습니다 .ᐟ.ᐟ 🙇🏻‍♀️🙇🏻‍♀️


📸 스크린샷

이미지 편집 view View Hierachy

@k2645 k2645 added ✨ Feature 기능 관련 작업 🎨 Design 에셋, 컴포넌트 작업 labels Nov 9, 2024
@k2645 k2645 added this to the 0.1 milestone Nov 9, 2024
@k2645 k2645 self-assigned this Nov 9, 2024
@k2645 k2645 linked an issue Nov 9, 2024 that may be closed by this pull request
Copy link
Collaborator

@iceHood iceHood left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

너무 고생하셨습니다!! �역시 골든 핸드!
음.. �dimmed 처리는 저도 어떻게 할지 고민이네요... 지금 당장은 이게 최선일지도... 생각나느ㄴ거라고는 CAlayer를 흰색처리할 부분에 추가하는 건데 지금이랑 비슷할 것같기도 하군요...

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

오 이것 좋네요!!!

Copy link
Collaborator

@yuncheol-AHN yuncheol-AHN left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

저는 영현님 코드 잘 읽혔습니다 ~
고생하셨습니다!

Comment on lines +62 to 65
func setCenter(view: UIView, offset: CGPoint = CGPoint(x: 0, y: 0)) {
self.translatesAutoresizingMaskIntoConstraints = false
self.centerXAnchor.constraint(equalTo: view.centerXAnchor, constant: offset.x).isActive = true
self.centerYAnchor.constraint(equalTo: view.centerYAnchor, constant: offset.y).isActive = true
Copy link
Collaborator

@yuncheol-AHN yuncheol-AHN Nov 10, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P3
center에서 이동이 필요한 경우라면 기존 함수에 새로운 함수를 추가하는 것도 좋아보입니다!
예를들어, func setCenter(view:UIView), func setCenterTo(view: UIView, to offset: CGPoint)

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

음! 이 함수가 원래는 offset에 default 값이 없어서 제가 따로 저렇게 넣어준 것이었는데,, 저는 개인적으로 그냥 offset이라는 매개변수가 없어도 되지 않나라는 생각이긴합니다 ..! 일단 효준님께서 저렇게 만드신데에는 이유가 있으실 것 같아 default를 넣어주는 방식으로 해결했는데, 함수를 분리해서 하나 더 만드는게 좋을까요..??

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

두분을 거친 코드였군요! 일단 사용해도 괜찮을 거 같아요!

@k2645
Copy link
Collaborator Author

k2645 commented Nov 10, 2024

너무 고생하셨습니다!! �역시 골든 핸드! 음.. �dimmed 처리는 저도 어떻게 할지 고민이네요... 지금 당장은 이게 최선일지도... 생각나느ㄴ거라고는 CAlayer를 흰색처리할 부분에 추가하는 건데 지금이랑 비슷할 것같기도 하군요...

@iceHood
옹 CAlayer를 활용해서도 가능하겠네요...ᐟ.ᐟ 여기를 보니 UIView를 여러개 그리는 것보다 성능상 훨씬 좋다고 하는데 한 번 수정해보겠습니다 .ᐟ.ᐟ

@k2645
Copy link
Collaborator Author

k2645 commented Nov 10, 2024

너무 고생하셨습니다!! �역시 골든 핸드! 음.. �dimmed 처리는 저도 어떻게 할지 고민이네요... 지금 당장은 이게 최선일지도... 생각나느ㄴ거라고는 CAlayer를 흰색처리할 부분에 추가하는 건데 지금이랑 비슷할 것같기도 하군요...

@iceHood 옹 CAlayer를 활용해서도 가능하겠네요...ᐟ.ᐟ 여기를 보니 UIView를 여러개 그리는 것보다 성능상 훨씬 좋다고 하는데 한 번 수정해보겠습니다 .ᐟ.ᐟ

죄송합니다... 제 능력 부족 이슈로 CALayer를 활용한 dimmed view는 못만들겠습니다.......흑흑

Copy link
Collaborator

@Kyxxn Kyxxn left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다 !!

@k2645 k2645 merged commit 9327321 into develop Nov 10, 2024
2 checks passed
@k2645 k2645 deleted the feature/make-photo-edit-layout branch November 10, 2024 07:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🎨 Design 에셋, 컴포넌트 작업 ✨ Feature 기능 관련 작업
Projects
None yet
Development

Successfully merging this pull request may close these issues.

이미지 편집 뷰 layout
4 participants